@model ParcelWeb.Core.Dto.CreateEditDriverDto
@using ParcelWeb.Core
@{
    ViewBag.Title = "Edit Driver";
}

<div class="content-header row">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="index.html">Home</a>
            </li>
            <li class="breadcrumb-item active">
                Driver
            </li>
            <li class="breadcrumb-item active">
                Edit Driver
            </li>
        </ol>
    </div>
</div>



<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title"><span class="icon-user-check"></span> Edit Driver</h4>
                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                <div class="heading-elements">
                    <ul class="list-inline mb-0">
                        <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                        <li><a data-action="reload"><i class="icon-reload"></i></a></li>
                        <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="card-body collapse in">
                <div class="card-block">
                    @using (Html.BeginForm("Edit", "Drivers", FormMethod.Post, new { @id = "frmUser", @class = "form-horizontal", role = "form" }))
                    {
                        @Html.AntiForgeryToken()
                        @Html.HiddenFor(model => model.Id);
                    <div class="form-body">

                        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

                        <div class="form-group row">
                            @Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                <div class="input-group">
                                    <span class="input-group-addon">@@</span>
                                    @Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control", @placeholder = "E-mail" , @readonly="readonly" } })
                                    <span class="input-group-addon">@@example.com</span>
                                </div>
                                @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
                            </div>
                        </div>

                        <div class="form-group row has-icon-left">
                            @Html.LabelFor(model => model.DriverName, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.EditorFor(model => model.DriverName, new { htmlAttributes = new { @class = "form-control", @placeholder = "Driver Name" } })
                                <div class="form-control-position">
                                    <i class="icon-head"></i>
                                </div>
                                @Html.ValidationMessageFor(model => model.DriverName, "", new { @class = "text-danger" })
                            </div>
                        </div>                      
                        <div class="form-group row">
                            @Html.LabelFor(model => model.MissionType, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.DropDownListFor(model => model.MissionType,(SelectList)ViewBag.MissionType, "--Select Mission Type--", new { @class = "form-control",@value=Model.MissionType })
                                @Html.ValidationMessageFor(model => model.MissionType, "", new { @class = "text-danger" })
                            </div>
                        </div>
                        <div class="form-group row has-icon-left">
                            @Html.LabelFor(model => model.DriverCNIC, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.EditorFor(model => model.DriverCNIC, new { htmlAttributes = new { @class = "form-control", @placeholder = "Driver NIC" } })
                                <div class="form-control-position">
                                    <i class="icon-card"></i>
                                </div>
                                @Html.ValidationMessageFor(model => model.DriverCNIC, "", new { @class = "text-danger" })
                            </div>
                        </div>

                        <div class="form-group row has-icon-left">
                            @Html.LabelFor(model => model.Mobile, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.EditorFor(model => model.Mobile, new { htmlAttributes = new { @class = "form-control", @placeholder = "Mobile Number" } })
                                <div class="form-control-position">
                                    <i class="icon-mobile"></i>
                                </div>
                                @Html.ValidationMessageFor(model => model.Mobile, "", new { @class = "text-danger" })
                            </div>
                        </div>

                        <div class="form-group row has-icon-left">
                            @Html.LabelFor(model => model.Address, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.EditorFor(model => model.Address, new { htmlAttributes = new { @class = "form-control", @placeholder = "Address" } })
                                <div class="form-control-position">
                                    <i class="icon-address-book"></i>
                                </div>
                                @Html.ValidationMessageFor(model => model.Address, "", new { @class = "text-danger" })
                            </div>
                        </div>

                        <div class="form-group row has-icon-left">
                            @Html.LabelFor(model => model.OwnerName, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.EditorFor(model => model.OwnerName, new { htmlAttributes = new { @class = "form-control", @placeholder = "Owner Name" } })
                                <div class="form-control-position">
                                    <i class="icon-head"></i>
                                </div>
                                @Html.ValidationMessageFor(model => model.OwnerName, "", new { @class = "text-danger" })
                            </div>
                        </div>

                        <div class="form-group row has-icon-left">
                            @Html.LabelFor(model => model.OwnerNIC, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.EditorFor(model => model.OwnerNIC, new { htmlAttributes = new { @class = "form-control", @placeholder = "Owner NIC" } })
                                <div class="form-control-position">
                                    <i class="icon-card"></i>
                                </div>
                                @Html.ValidationMessageFor(model => model.OwnerNIC, "", new { @class = "text-danger" })
                            </div>
                        </div>

                        <div class="form-group row has-icon-left">
                            @Html.LabelFor(model => model.OwnerPhone, htmlAttributes: new { @class = "label-control col-md-2" })
                            <div class="col-md-9">
                                @Html.EditorFor(model => model.OwnerPhone, new { htmlAttributes = new { @class = "form-control", @placeholder = "Owner Phone" } })
                                <div class="form-control-position">
                                    <i class="icon-phone"></i>
                                </div>
                                @Html.ValidationMessageFor(model => model.OwnerPhone, "", new { @class = "text-danger" })
                            </div>
                        </div>
                        <div class="form-actions right">
                            <button type="button" id="btnSave" class="btn btn-primary"><i class="icon-check2"></i> Update</button>
                            <a href="@Url.Action("Index", "Drivers")" class="btn btn-warning mr-1"><i class="icon-cross2"></i> Cancel</a>
                        </div>

                    </div>
                    }
                </div>
            </div>
        </div>
    </div>
</div>



@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">

        $(document).ready(function () {
            $(".select2roles").select2({
                placeholder: "Select a Role"
            });



            $('#btnSave').on('click', function () {

                $(this).prop('disabled', true);
                var form = $('#frmUser').get(0);
                $.validator.unobtrusive.parse(form);
                if ($(form).valid()) {
                    form.submit();
                }
                else {
                    $(this).prop('disabled', false);
                }
            });

        })



    </script>
    @Html.Raw(TempData["msg"])
}