SoftwayWeb/Views/AddDestinazione/AddDestinazione.cshtml

@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>

<p>
    <b>Data giro: @ViewBag.dataGiro</b>

    <br />
    <b>Autista: @ViewBag.CodAutista - @ViewBag.Autista</b>
    <br />
    <b>Automezzo: @ViewBag.CodMezzo - @ViewBag.Automezzo</b>
</p>

<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-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="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 class="mb-3">
                            <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 class="mb-3">
                            <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 class="mb-3">
                            <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 class="mb-3">
                            <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 class="mb-3">
                            <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 class="mb-3">
                            <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>
                            @Html.HiddenFor(x => x.Pidata)
                            @Html.HiddenFor(x=> x.Piautist)
                            @Html.HiddenFor(x => x.Pitarga)
                            @Html.HiddenFor(x => x.Piprogre)
                            @Html.HiddenFor(x => x.Piserial)
                            @Html.HiddenFor(x => x.Pitiprec)
                            @Html.HiddenFor(x => x.Pisergir)

                            @* <input type="submit" asp-action="NewDestinazione" asp-controller="AddDestinazione" 
                            asp-route-serGiro="@Model.Pisergir"
                            asp-route-codMezzo="@Model.Pitarga"
                            asp-route-codAutista="@Model.Piautist"
                            asp-route-dataGiro="@Model.Pidata"
                            value="Salva modifiche" class="btn btn-primary" /> *@

                            <input type="submit" asp-action="NewDestinazione" asp-controller="AddDestinazione" 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) {
                    // 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>