@model GASArabianERP.Models.InterviewPlanVM
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">InterviewPlan Request</h3>
                </div>
                <div class="nav-tabs-custom panel-body">

                    <div class="form-horizontal">
                        @using (Html.BeginForm("Create", "InterviewPlan", FormMethod.Post))
                        {
                            @Html.AntiForgeryToken()
                            <div class="form-group">
                                <div class="col-sm-3">
                                    <b>Applicant Number</b>
                                    @Html.DropDownList("ApplicantID", Model.ApplicantListDDL, new { @class = "form-control select2", @onchange = "GetCandidateData();" })
                                    @Html.ValidationMessageFor(model => model.ApplicantID, "", new { @class = "text-danger" })
                                    @*@Html.HiddenFor(model => model.CandRegisterNo)*@
                                </div>
                                <div class="col-sm-3">
                                    <b>Applied Position</b> @Html.EditorFor(model => model.AppliedPosition, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly" } })
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-3">
                                    <b>Interview Type</b>
                                    @Html.DropDownList("InterviewType", Model.InterviewTypeGroupDDL, new { @class = "form-control", @required = "required" })
                                    @Html.ValidationMessageFor(model => model.InterviewType, "", new { @class = "text-danger" })
                                </div>
                                <div class="col-sm-3">
                                    <b>Interview Taking By</b> @Html.EditorFor(model => model.InterviewTakenBy, new { htmlAttributes = new { @class = "form-control", @placeholder = "" } })
                                </div>
                                <div class="col-sm-3">
                                    <b>Interview Date</b> @Html.EditorFor(model => model.InterviewDate, new { htmlAttributes = new { @class = "form-control", @placeholder = "" } })
                                </div>
                                <div class="bootstrap-timepicker col-sm-3">
                                    <b>Interview Time</b>
                                    @*<input type="text" class="form-control  form-control-inline input-medium timepicker" id="InterviewTimeSpan" name="InterviewTimeSpan" />*@
                                    @Html.EditorFor(model => model.InterviewTimeSpan, new { htmlAttributes = new { @class = "form-control timepicker", @placeholder = "" } })
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-9">
                                </div>
                                <div class="col-sm-3">
                                    <button type="submit" class="btn btn-success"><i class="ace-icon fa fa-check"></i> Save</button>
                                    <a href="@Url.Action("Index","Company")" class="btn btn-danger"> <i class="ace-icon fa fa-times"></i> Cancel</a>
                                </div>
                            </div>
                        }


                    </div>
                    <!-- /.tab-content -->
                </div>
                <!-- nav-tabs-custom -->
            </div>
        </div>
    </div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script>
    function GetCandidateData() {
        var ApplicantID = $("#ApplicantID").val();
        $.ajax({
            url: '/InterviewPlan/GetCategory',
            type: "POST",
            data: { ApplicantID: ApplicantID },
            dataType: "JSON",
            success: function (response) {
                var len = response.length;
                for (var i = 0; i < len; i++) {
                    var CategoryName = response[i].CategoryName;
                    $('#AppliedPosition').val(CategoryName);
                }
            }
        });

    }

</script>
<script type="text/javascript">
    $('#InterviewDate').datepicker({
        autoclose: true
    });
</script>
@section Scripts {

    <script>
        $(document).ready(function () {
            $("#InterviewTimeSpan").timepicker({
                showInputs: false
            });
        });
    </script>
}