@model SoftwayWeb.Models.Modgir

@{
    ViewData["Title"] = "AddDestinazione";
    Layout = "~/Views/Shared/_LayoutAreaRis.cshtml";
    List<SelectListItem> listItems = new List<SelectListItem>();
    listItems = ViewBag.Commit;
    List<SelectListItem> listItems2 = new List<SelectListItem>();
    listItems2 = 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("NewDestinazione", "AddDestinazione", FormMethod.Post))
            {
                <div class="card-body">
                    <form asp-action="NewDestinazione">
                    <div asp-validation-summary="ModelOnly" class="text-danger"></div>


                    <div class="mb-0" style="width:49%;float:left;">
                        <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-0" style="width:49%;float:left;">
                        <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" style="width:25%;float:left;">
                        <b><label asp-for="Piautist" class="control-label"></label></b>
                        <div>
                            @Html.DropDownList("autista",ViewBag.CodAutista, null, new { @class = "agy-form-field require" })
                        </div>
                        <span asp-validation-for="Piautist" class="text-danger"></span>
                    </div>
                    <div style="width:3%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:40%;float:left;">
                        <b><label asp-for="Pitarga" class="control-label"></label></b>
                        <div>
                            @Html.DropDownList("mezzo",ViewBag.Mezzi, null, new { @class = "agy-form-field require" })
                        </div>
                        <span asp-validation-for="Pitarga" class="text-danger"></span>
                    </div>
                    <div style="width:3%;height:40px;float:left;">&nbsp;</div>

                    <div class="mb-3" style="width:20%;float:left;">
                        <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 style="width:8%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:10%;float:left;">
                        <b><label asp-for="Picasse" class="control-label"></label></b>
                        <input asp-for="Picasse" value="0" class="form-control" />
                        <span asp-validation-for="Picasse" class="text-danger"></span>
                    </div>
                    <div style="width:2%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:10%;float:left;">
                        <b><label asp-for="Pitrasf" class="control-label"></label></b>
                        <input asp-for="Pitrasf" value="0" class="form-control" />
                        <span asp-validation-for="Pitrasf" class="text-danger"></span>
                    </div>
                    <div style="width:2%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:10%;float:left;">
                        <b><label asp-for="Picolli" class="control-label"></label></b>
                        <input asp-for="Picolli" value="0" class="form-control" />
                        <span asp-validation-for="Picolli" class="text-danger"></span>
                    </div>
                    <div style="width:2%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:10%;float:left;">
                        <b><label asp-for="Pinumcons" class="control-label"></label></b>
                        <input asp-for="Pinumcons" value="0" class="form-control" />
                        <span asp-validation-for="Pinumcons" class="text-danger"></span>
                    </div>
                    <div style="width:2%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:10%;float:left;">
                        <b><label asp-for="Piuova" class="control-label"></label></b>
                        <input asp-for="Piuova" value="0" class="form-control" />
                        <span asp-validation-for="Piuova" class="text-danger"></span>
                    </div>
                    <div style="width:2%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:10%;float:left;">
                        <b><label asp-for="Picist" class="control-label"></label></b>
                        <input asp-for="Picist" value="0" class="form-control" />
                        <span asp-validation-for="Picist" class="text-danger"></span>
                    </div>
                    <div style="width:2%;float:left;">&nbsp;</div>
                    <div class="mb-3" style="width:10%;float:left;">
                        <b><label asp-for="Piseq" class="control-label"></label></b>
                        <input asp-for="Piseq" value="0" class="form-control" />
                        <span asp-validation-for="Piseq" class="text-danger"></span>
                    </div>
                    <div style="width:35%;float:left;">&nbsp;</div>
                    <div style="width:10%;float:left;">
                        <input type="submit" asp-action="NewDestinazione" asp-controller="AddDestinazione" asp-route-id="@Model.Pisergir" value="Salva modifiche" class="btn btn-primary" />                         
                    </div>
                    <div style="width:2%;float:left;">&nbsp;</div>
                    <div style="width:10%;float:left;">
                        <a asp-action="Index" asp-controller="Giri" value="Torna alla lista" class="btn btn-primary">Torna alla lista</a>
                    </div>
                        @Html.HiddenFor(x => x.Piprogre)
                        @Html.HiddenFor(x => x.Piserial)
                        @Html.HiddenFor(x => x.Pitiprec)
                        @Html.HiddenFor(x => x.Pisergir)
                    </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) {
                    // alert('aaa');
                    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>