@model GASArabianERP.Models.ProjectMonitorVM
@{
    ViewBag.Title = "ViewProjectMonitor";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .select {
        width: 150px;
    }
</style>
<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">Project Monitor Details</h3>
                    <button id="btn_save" type="submit" class="btn btn-primary btn-fit-height pull-right"><i class="ace-icon fa fa-edit"></i>  Edit</button>
                    @*<button type="submit" class="btn btn-warning pull-right" style="margin-right: 5px;"><i class="ace-icon fa fa-angle-left"></i> Back</button>*@
                    <a href="@Url.Action("Index", "ProjectMonitor")" class="btn btn-warning pull-right" style="margin-right: 5px;">
                        <i class="fa fa-angle-left"> Back </i>
                    </a>
                </div>
                <div class="nav-tabs-custom panel-body">

                    <div class="form-horizontal">
                        @if (ViewBag.ProjectMonitorInformation != null)
                        {
                            var clist = (List<GASArabianERP.Models.ProjectMonitorVM>)ViewBag.ProjectMonitorInformation;
                            {
                                if (clist != null)
                                {
                                    foreach (var item in clist)
                                    {
                                            <div class="form-group">
                                                <div class="col-sm-3">
                                                    <b>Project Name</b>
                                                    <input type="text" value="@item.ProjectName" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-3">
                                                    <b>PO Number</b>
                                                    <input type="text" value="@item.PurchaseOrderNumber" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Customer Name</b>
                                                    <input type="text" value="@item.ClientName" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>PO Value(SAR)</b>
                                                    <input type="text" value="@item.PurchaseOrderValue" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Project Manager</b>
                                                    <input type="text" value="@item.ProjectManagerName" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-3">
                                                    <b>Finance Manager</b>
                                                    <input type="text" value="@item.FinanceManagerName" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Site Co-Ordinater</b>
                                                    <input type="text" value="@item.SiteCoOrdinaterName" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Project Start Date</b>
                                                    <input type="text" value="@item.Project_StartDate.ToString("MM/dd/yyyy")" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Project End Date</b>
                                                    <input type="text" value="@item.Project_EndDate.ToString("MM/dd/yyyy")" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-sm-3">
                                                    <b>Project Type</b>
                                                    <input type="text" value="@item.ProjectTypeName" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Project Location</b>
                                                    <input type="text" value="@item.LocationName" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Latitude</b>
                                                    <input type="text" value="@item.Latitude" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                                <div class="col-sm-3">
                                                    <b>Longitude</b>
                                                    <input type="text" value="@item.Longitude" class="form-control form-control-inline input-medium" readonly />
                                                </div>
                                            </div>
                                            <br />
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="col-md-8">
                                                        <label>Manpower Details</label>
                                                        <div class="box box-primary" style="font-weight:normal;">
                                                            <div class="box-body">
                                                                <div class="table-responsive">
                                                                    @if (ViewBag.ProjectCategoryDetails != null)
                                                                    {
                                                                        var vlist = (List<GASArabianERP.Models.ProjectMonitorDetailVM>)ViewBag.ProjectCategoryDetails;
                                                                        {
                                                                            if (vlist != null)
                                                                            {
                                                                                int count = 0;
                                                                                <table id="tblcategoryemp" class="table table-striped table-bordered table-hover table-checkable order-column">
                                                                                    <thead style="background-color:#3c8dbc; color:#FFF;">
                                                                                        <tr>
                                                                                            <th>SNo</th>
                                                                                            <th>Employee Type</th>
                                                                                            <th>Category</th>
                                                                                            <th>No of Employees</th>
                                                                                            <th>Pay Type</th>
                                                                                            <th>Price</th>
                                                                                            <th>Action</th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    @foreach (var item2 in vlist)
                                                                                    {
                                                                                        count += 1;
                                                                                        <tbody>
                                                                                            <tr>
                                                                                                <td>@count</td>
                                                                                                <td>@item2.EmployeementTypeName</td>
                                                                                                <td>@item2.CategoryName</td>
                                                                                                <td>@item2.Quantity</td>
                                                                                                <td>@item2.PayTypeName</td>
                                                                                                <td>@item2.Price</td>
                                                                                                <td>
                                                                                                    <a data-toggle="tooltip" data-placement="top" data-html="true" title="Do you want edit" id="@item2.PMD_ID+@item.ProjectMonitorID" onclick="getCategoryModel(this.id);"><i class='fa fa-edit'></i></a>
                                                                                                </td>
                                                                                            </tr>

                                                                                        </tbody>
                                                                                    }
                                                                                </table>
                                                                            }
                                                                        }
                                                                    }
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            }
                                            }
                                            }
                                            }
                                        </div>
                                        <!-- /.tab-content -->
                                    </div>
                    <!-- nav-tabs-custom -->
              </div>
        </div>
    </div>
</section>
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Update Manpower Changes</h4>
            </div>
            <div class="modal-body">
                <input type="hidden" id="pmempid" />
                <input type="hidden" id="projid" />
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-md-6">
                                <label>Select EmployeementType</label>
                                <div class="input-group">
                                    @Html.DropDownList("EmployeementTypeID", null, htmlAttributes: new { @class = "form-control select" })
                                    <span class="field-validation-valid text-danger" data-valmsg-for="EmployeementTypeID" data-valmsg-replace="true"></span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label>Select Category</label>
                                <div class="input-group">
                                    @Html.DropDownList("CategoryID", null, htmlAttributes: new { @class = "form-control select" })
                                    <span class="field-validation-valid text-danger" data-valmsg-for="CategoryID" data-valmsg-replace="true"></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6">
                                <label>No of Employees</label>
                                <div class="input-group">
                                    <input type="text" id="Quantity" class="form-control" />
                                    <span class="field-validation-valid text-danger" data-valmsg-for="EmployeementTypeID" data-valmsg-replace="true"></span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label>Select Payment Type</label>
                                <div class="input-group">
                                    @Html.DropDownList("PayTypeID", null, htmlAttributes: new { @class = "form-control select" })
                                    <span class="field-validation-valid text-danger" data-valmsg-for="PayTypeID" data-valmsg-replace="true"></span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-6">
                                <label>Salary</label>
                                <div class="input-group">
                                    <input type="text" id="Price" class="form-control" />
                                    <span class="field-validation-valid text-danger" data-valmsg-for="CategoryID" data-valmsg-replace="true"></span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <br />

                <br />
                <br />

                <a class="btn btn-primary" id="btn_assign" onclick="UpdateProjectDetails();">
                    <i class="fa fa-edit"></i>
                    Update
                </a>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.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.11.3/jquery-ui.min.js"></script>
<script>
    function getCategoryModel(id) {
        var arr = id.split('+');
        $("#pmempid").val("");
        $("#projid").val("");
        $("#pmempid").val(arr[0]);
        $("#projid").val(arr[1]);
        $('#myModal').modal({ backdrop: 'static', keyword: false });
    }
    //$("select#mode").change(function () {
    //    var mode = $("#mode option:selected").val();
    //    //alert(mode);
    //    $("#DepartmentApprovalStatus").val(mode);
    //});

    function UpdateProjectDetails() {
       
        var EmployeementTypeID = $("#EmployeementTypeID").val();
        var CategoryID = $("#CategoryID").val();
        var Price = $("#Price").val();
        var Quantity = $("#Quantity").val();
        var PayTypeID = $("#PayTypeID").val();
        var PMD_ID = $("#pmempid").val();
        var ProjectMonitorID = $("#projid").val();
        $.ajax({
            url: '/ProjectMonitor/UpdateProjectDetails',
            type: "POST",
            dataType: "JSON",
            data: { ProjectMonitorID: ProjectMonitorID, PMD_ID: PMD_ID, EmployeementTypeID: EmployeementTypeID, CategoryID: CategoryID, Quantity: Quantity,PayTypeID: PayTypeID, Price: Price},
            success: function (response) {
                if (response == "NotAllowed") {
                    alert("Not Allowed");
                    return false;
                }
                else {
                    alert("Updated Projectdetails!");
                    window.location = response;
                }

            }
        });
    }
</script>

@section Scripts {
    <script>
        $('#tblcategoryemp').DataTable({
            "paging": false,
            "lengthChange": false,
            "searching": true,
            "ordering": false,
            "info": false,
            "autoWidth": false,
            "scrollX": false
        });
    </script>

}