@{
    ViewBag.Title = "Index";
    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> Equipment Details</h3>
            <a href="@Url.Action("Create", "EquipmentProcurement")" class="btn btn-success btn-fit-height pull-right">
                <i class="fa fa-plus"> Create </i>
            </a>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <div class="table-responsive">
                @if (ViewBag.Equipmentslist != null)
                {
                    var clist = (List<GASArabianERP.Models.Equipment_ProcurementVM>)ViewBag.Equipmentslist;
                    {
                        <table id="example1" class="table table-bordered table-striped table-hover">
                            <thead style="background-color:#3c8dbc; color:#FFF;">
                                <tr>
                                    <th><label>Sr #<span></span></label></th>
                                    <th><label>Equipment Group</label></th>
                                    <th><label>Equipment Name</label></th>
                                    <th><label>Capacity</label></th>
                                    <th><label>Quantity</label></th>
                                    <th><label>Equipment Owner</label></th>
                                    <th><label>IsActive</label></th>
                                    <th><label>Action</label></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (clist != null)
                                {
                                    int count = 0;
                                    foreach (var item in clist)
                                    {

                                        count += 1;
                                <tr>
                                    <td><label>@count<span></span></label></td>
                                    <td>@Html.DisplayFor(m => item.EquipmentTypeName)</td>
                                    <td>@Html.DisplayFor(m => item.EquipmentName)</td>
                                    <td>@Html.DisplayFor(m => item.Capcity)</td>
                                    <td>@Html.DisplayFor(m => item.Quantity)</td>
                                    <td>@Html.DisplayFor(m => item.EquipSupplierName)</td>
                                    <td>
                                        @if (item.IsActive == true)
                                        {
                                            <span class="label label-success"> IsActive </span>
                                        }
                                        else if (item.IsActive == false)
                                        {
                                            <span class="label label-danger"> Not Active </span>
                                        }
                                    </td>
                                    <td>
                                        <a href="@Url.Action("ViewEqumentItemDetails", "EquipmentProcurement", new { Equipment_ProcurementID = item.Equipment_ProcurementID })" class="btn btn-warning btn-sm">
                                            <i class="fa fa-eye"></i>

                                        </a>
                                        <a href="@Url.Action("Edit", "EquipmentProcurement", new { Equipment_ProcurementID = item.Equipment_ProcurementID })" class="btn btn-primary btn-sm">
                                            <i class="fa fa-edit"></i>

                                        </a>
                                    </td>
                                </tr>
                                    }
                                }

                            </tbody>
                        </table>
                    }
                }
            </div>
        </div>
        <!-- /.box-body -->
    </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"><i class="fa fa-lg fa-fw  fa-gear"></i> Euipments Data</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="row">
                        <div class="col-lg-12">
                          
                                <div class="table-responsive">-->
                                    @*@if (ViewBag.Equipmentslist != null)
                                    {
                                        var clist = (List<GASArabianERP.Models.Equipment_ProcurementVM>)ViewBag.Equipmentslist;
                                        {*@
                                            @*<table id="tblitems" class="table table-bordered table-striped table-hover">
                                                <thead style="background-color:#3c8dbc; color:#FFF;">
                                                    <tr>
                                                        <th><label>Sr #<span></span></label></th>
                                                        <th><label>Equipment Name</label></th>
                                                        <th><label>Capacity</label></th>
                                                        <th><label>IsActive</label></th>
                                                        <th><label>Mobalize Status</label></th>
                                                        <th><label>Mobalize Date</label></th>
                                                        <th><label>Demobalize Date</label></th>
                                                        
                                                    </tr>
                                                </thead>
                                                <tbody>
                 

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

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<script>
    function getItems(id) {
        var arr = id.split('+');
        var procumenID = arr[0];
        $('#myModal').modal('show');
    }

</script>-->*@