@using System.Configuration

@model P3M4.Models.Produkt

@{
    ViewBag.Title = "Detail";
    string constring = ConfigurationManager.ConnectionStrings["myConnectionString"].ConnectionString;
    int requestID = ViewBag.id;
}
@using MySql.Data.MySqlClient;


@section HeaderRow{
    <div class="row" id="header-row">
        <div class="col-sm-3">
            <h1><b>e-Mensa</b></h1>
        </div>
        <div class="col-sm-5">
            <ul class="header-list">
                <li>@Html.ActionLink("Start", "Index", "Home")</li>
                <li>@Html.ActionLink("Mahlzeiten", "Index", "Produkte")</li>
                <li><a href="#">Bestellungen</a></li>
                <li class="listElement-last"><a target="_blank" href="https://www.fh-aachen.de">FH-Aachen</a></li>
            </ul>
        </div>
        <div class="col-sm-4">
            <form role="search" method="get" action="http://www.google.de/search" target="_blank">
                <div class="input-group">
                    <div class="input-group-btn">
                        <button type="submit" class="btn btn-default">
                            <span class="glyphicon glyphicon-search"></span>
                        </button>
                    </div>
                    <input type="hidden" name="as_sitesearch" value="www.fh-aachen.de" />
                    <input type="text" class="form-control" placeholder="Search" name="q">
                </div>
            </form>
        </div>
    </div>
}


<div>
    <div class="row">
        <div class="container">
            <h1 class="center-text"> Details für "@Html.DisplayFor(modelItem => Model.Name)"</h1>
        </div>
    </div>

    <div class="row" id="main-row">
        <div class="col-sm-2" id="login-mask">
            <p class="font-text" id="Login-font">
                <b>Login</b>
            </p>
            <form action="/action_page.php">
                <input class="login-input" type="text" placeholder="Benutzer" name="Benutzer" required />
                <input class="login-input" type="password" placeholder="*********" name="Passwort" required />
                <input class="login-submit" type="submit" value="Anmelden" id="submitLink" />
            </form>
        </div>

        <div class="col-sm-6">
            <img src="@Html.DisplayFor(modelItem => Model.img_url)" width="675" height="215" alt="" />
        </div>

        <div class="col-sm-4">

            <p class="font-text-right" id="Gast-Preis">Gast-Preis</p>
            <p class="font-text-preis">@Html.DisplayFor(modelItem => Model.PreiseID)€</p>


            <div class="row-right-bottom">
                <img src="~/Images/VOrbestellen.JPG" width="225" alt="" />
            </div>
        </div>
    </div>


    <div class="row" id="detail-bottom">
        <div class="col-sm-2">
            <p class="font-text">
                Melden Sie sich jetzt an, um die wirklich viel günstigeren Preise für
                Mitarbeiter oder Studenten zu sehen.
            </p>
        </div>
        <div class="col-sm-7">

            <div class="with-nav-tabs panel-default">
                <ul class="nav nav-tabs">
                    <li class="active" style="padding-right:0px;margin-left:0px; "><a href="#Beschreibung" data-toggle="tab" aria-expanded="true">Beschreibung</a></li>
                    <li class="li-tab"><a href="#Zutaten" data-toggle="tab" aria-expanded="false">Zutaten</a></li>
                    <li class="li-tab"><a href="#Bewertungen" data-toggle="tab" aria-expanded="false">Bewertungen</a></li>
                </ul>
                <div class="panel-body">
                    <div class="tab-content">
                        <div class="tab-pane fade active in" id="Beschreibung">@Html.DisplayFor(modelItem => Model.Beschreibung)</div>
                        <div class="tab-pane fade" id="Zutaten">Hier stehen die Zutaten</div>
                        <div class="tab-pane fade" id="Bewertungen">
                            <form action="http://bc5.m2c-lab.fh-aachen.de/form.php" method="post">
                                <input type="hidden" name="matrikelnummer" value="3035967">
                                <input type="hidden" name="kontrolle" value="KRE">
                                <div class="row" style="margin:20px;">
                                    <p>
                                        <label for="benutzer">Benutzer</label>
                                        <input type="text" name="benutzer" id="benutzer" style="width:100%;">
                                    </p>
                                    <p>
                                        <label for="bemerkung">Bemerkung</label>
                                        <textarea rows="6" name="bemerkung" id="bemerkung" style="width:100%;"></textarea>
                                    </p>
                                    <label for="bewertung" id="bewertung-label">Bewertung</label>
                                    <input type="number" class="bewertung" name="bewertung" id="bewertung"
                                           min="1" max="5" />
                                </div>
                                <Input type="submit" value="Bewertung abschicken" >
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>