@model SoftwayWeb.Models.Modgir

@{
    ViewData["Title"] = "AddDestinazione";
    Layout = "~/Views/Shared/_LayoutAreaRis.cshtml";
    @ViewBag.SediCons
}

<h1>Aggiungi una nuova destinazione</h1>

<div class="row">
    <div class="col-xl">
        <div class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Nuova destinazione</h5> <small class="text-muted float-end"></small>
            </div>
            @* @using (Html.BeginForm("AddDestinazione", "AddDestinazione", FormMethod.Post))
            { *@

                @* <div class="mb-3">
                    <b>Seleziona il Committente: </b>@Html.DropDownListFor(x => x.Picommit, (IEnumerable<SelectListItem>)ViewBag.Commit, new { @id = "ddlCommittenti", @class = "agy-form-field require" }) *@
                    @* @Html.DropDownList("Committente", ViewBag.Committente, null, new { @class = "agy-form-field require" }) *@
                @* </div>
                <div class="mb-3">
                    <b>Seleziona una sede: </b>@Html.DropDownListFor(x => x.Pidesdiv, new List<SelectListItem>(), "Seleziona sede", new { @id = "ddlSediCons", @class = "agy-form-field require" }) *@
                    @* @Html.DropDownList("Sede", ViewBag.Sede, null, new {class = "agy-form-field require"}) *@
                @* </div> *@

                <div class="card-body">
                    <form asp-action="AggiungiDestinazione">
                        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                    <div class="mb-3">
                        <b><label asp-for="Picommit" class="control-label"></label></b>
                        <div>
                            @Html.DropDownListFor(x => x.Picommit, (IEnumerable<SelectListItem>)ViewBag.Commit, new { @id = "ddlCommittenti", @class = "agy-form-field require" })
                        </div><span asp-validation-for="Picommit" class="text-danger"></span>
                    </div>
                    <div class="mb-3">
                        <b><label asp-for="Pidesdiv" class="control-label"></label></b>
                        <div id="District">
                            @Html.DropDownListFor(x => x.Pidesdiv, new List<SelectListItem>(), "- Seleziona sede", new { @id = "ddlSediCons", @class = "agy-form-field require" })
                        </div>
                        <span asp-validation-for="Pidesdiv" class="text-danger"></span>
                    </div>
                        <div class="mb-3">
                            <b><label asp-for="Piprogre" class="control-label"></label></b>
                            <input asp-for="Piprogre" class="form-control" />
                            <span asp-validation-for="Piprogre" class="text-danger"></span>
                        </div>
                        <div class="mb-3">
                            <b><label asp-for="Piserial" class="control-label"></label></b>
                            <input asp-for="Piserial" class="form-control" />
                            <span asp-validation-for="Piserial" class="text-danger"></span>
                        </div>
                        <div class="mb-3">
                            <b><label asp-for="Pidata" class="control-label"></label></b>
                            <input asp-for="Pidata" class="form-control" />
                            <span asp-validation-for="Pidata" class="text-danger"></span>
                        </div>
                        <div class="mb-3">
                            <b><label asp-for="Pitarga" class="control-label"></label></b>
                            <input asp-for="Pitarga" class="form-control" />
                            <span asp-validation-for="Pitarga" class="text-danger"></span>
                        </div>
                        <div class="mb-3">
                            <b><label asp-for="Piautist" class="control-label"></label></b>
                            <input asp-for="Piautist" class="form-control" />
                            <span asp-validation-for="Piautist" class="text-danger"></span>
                        </div>
                        <div class="mb-3">
                            <b><label asp-for="Pitiprec" class="control-label"></label></b>
                            <input asp-for="Pitiprec" class="form-control" />
                            <span asp-validation-for="Pitiprec" class="text-danger"></span>
                        </div>
                        <div class="mb-3">
                            <b><label asp-for="Pirigele" class="control-label"></label></b>
                            <input asp-for="Pirigele" class="form-control" />
                            <span asp-validation-for="Pirigele" class="text-danger"></span>
                        </div>
                        @* <div class="mb-3">
                    <label class="form-label" for="basic-default-fullname"><b>@Html.DisplayNameFor(model => model.Pirigele)</b>  </label>
                    <div class="form-text">@Html.DisplayFor(model => model.Pirigele)</div>
                    </div> *@
                        <div class="mb-3">
                            <b><label asp-for="Pisergir" class="control-label"></label></b>
                            <input asp-for="Pisergir" class="form-control" />
                            <span asp-validation-for="Pisergir" class="text-danger"></span>
                        </div>
                        <div>
                        <input type="submit" asp-controller="AddDestinazione" asp-action="NewDestinazione" value="Salva modifiche" class="btn btn-primary" />
                            <a asp-action="Index" asp-controller="Giri" value="Torna alla lista" class="btn btn-primary">Torna alla lista</a>
                        </div>
                    </form>
                </div>
            @* } *@
        </div>
        
    </div>
</div>

@section Scripts {
    @{
        await Html.RenderPartialAsync("_ValidationScriptsPartial");
    }
}

<hr />
<script src="~/js/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#ddlCommittenti').change(function () {
            $.ajax({
                type: "post",
                url: "/AddDestinazione/Cascading",
                data: { Picommit: $('#ddlCommittenti').val() },
                datatype: "json",
                traditional: true,
                success: function (states) {
                    var district = "<select id='ddlSediCons' class='form-control' name='Pidesdiv'>";
                    district = district + '<option value="">- Seleziona sede</option>';
                    for (var i = 0; i < states.length; i++) {
                        district = district + 'option value="' + states[i].value + '">' + states[i].text + '</option>';
                    }
                    district = district + '</select>';
                    $('#District').html(district);
                }
            });
        });
    });
</script>