@{
    ViewBag.Title = "GetApplicantDetails";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@*<style>
        .table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>*@
<section class="content">
    <div class="box box-primary">
        <div class="box-header">
            <h3 class="box-title"> <span class="widget-icon"> <i class="fa fa-table"></i> </span> Interview Details</h3>
            @*<a href="@Url.Action("Create", "Department")" class="btn btn-success btn-fit-height pull-right">
                    <i class="fa fa-plus"> Create New Department </i>
                </a>*@
            @*<button type="button" id="btnGet" class="btn btn-success btn-fit-height pull-right"><i class="fa fa-plus"> Add Interview Plan </i></button>*@
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <div class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-2">
                        <b>Select Project</b>
                        @Html.DropDownList("ProjectMonitorID", null, htmlAttributes: new { @class = "form-control select2", @onchange = "GetDetail();" })
                    </div>
                    <div class="col-sm-2">
                        <label for="inputEmail3" class="control-label">Interview Date</label>
                        <input type="text" class="form-control" id="InterviewDate" />
                    </div>
                    @*<div class="col-sm-2">
                            <label for="inputEmail3" class="control-label">Availablity</label>
                            <br />
                            <input type="checkbox" id="checkyes" class="icheckbox_minimal-blue" value="true">
                            <label for="Active">Yes</label>&nbsp;
                            <input type="checkbox" id="checkno" class="icheckbox_minimal-red" value="false">
                            <label for="notactive">No</label>
                            <input type="hidden" id="InterviewAvailablity" name="InterviewAvailablity" />
                        </div>*@
                    <div class="col-sm-2">
                        <label for="inputEmail3" class="control-label">Interview Type</label>
                        @Html.DropDownList("InterviewType", null, htmlAttributes: new { @class = "form-control select" })
                    </div>
                    <div class="col-sm-2">
                        <label for="inputEmail3" class="control-label">Interview TakingBy</label>
                        @Html.DropDownList("EmployeeID", null, htmlAttributes: new { @class = "form-control select2", @multiple = "multiple" })
                    </div>
                    <div class="col-sm-2">
                        <label for="inputEmail3" class="control-label">Status</label>
                        <select id="statusmode" class="form-control">
                            <option id="selectmode" value="0">-- Select --</option>
                            <option id="approve" value="1">Pending</option>
                            <option id="approve" value="2">Selected</option>
                            <option id="onhold" value="3">OnHold</option>
                            <option id="cancel" value="4">Rejected</option>
                        </select>
                        <input type="hidden" id="Status" name="Status" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                            <div id="divEmployeeDetails">

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

            </div>

        </div>
        <!-- /.box-body -->
    </div>
</section>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link rel="Stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script>
    function GetDetail() {
        var ProjectMonitorID = $("#ProjectMonitorID").val();
        $.ajax({
            url: '/InterviewPlan/LocalManpowerInterview',
            type: 'post',
            data: { ProjectMonitorID: ProjectMonitorID },
            success: function (data) {
                $("#divEmployeeDetails").html(data);
            },
            error: function () {
                $("#divEmployeeDetails").html("Page Not Loading..!");
            }
        });
    }
</script>
@section Scripts {

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


}