@model List<GASArabianERP.Models.ApplicantCVRegistrationVM>
@{
    ViewBag.Title = "OverseasEmployeeOnBoard";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<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> Employee Onboarding </h3>
        </div>

        <div class="box-body">
            <div class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-3">
                        <label for="inputEmail3" class="control-label">Select Project</label>
                        @Html.DropDownList("ProjectMonitorID", null, htmlAttributes: new { @class = "form-control select2", @onchange = "GetDetail();" })
                    </div>
                    <div class="col-sm-2">
                        <label for="inputEmail3" class="control-label">Employee Arrival</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="EmployeeOnBoarding" name="EmployeeOnBoarding" />
                    </div>
                    <div class="col-sm-2">
                        <label for="inputEmail3" class="control-label">Arrival Date</label>
                        <input type="text" class="form-control" id="ArrivalDate" />
                    </div>
                    <div class="col-sm-2">
                        <label for="inputEmail3" class="control-label">Joining Date</label>
                        <input type="text" class="form-control" id="JoiningDate" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        <div id="divEmployeeDetails">

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

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    function GetDetail() {
        var ProjectMonitorID = $("#ProjectMonitorID").val();
        $.ajax({
            url: '/EmployeeOnBoard/ViewOverseasOnBoard',
            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">
        $('#JoiningDate').datepicker({
            autoclose: true
        });
        $('#ArrivalDate').datepicker({
            autoclose: true
        });
    </script>
    
}