@using ReportingServices.Shared.Models.ProductionReport;
@model List<HoldLot>

@{
    ViewData["Title"] = "Hold Lot Report | Mesa Reporting Services";
}

<div aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a asp-controller="Home" asp-action="Index">Home</a></li>
        <li class="breadcrumb-item"><a asp-controller="ProductionReport" asp-action="Index">Production Reports</a></li>
        <li class="breadcrumb-item active" aria-current="page">Hold Lot Report</li>
    </ol>
</div>
<br />

<h1 class="text-center">Hold Lots</h1>
<br /><br />
<table class="table text-center" id="sortTable">
    <thead>
        <tr>
            <th scope="col" class="text-start"><button class="btn"><i class="fa-solid fa-arrow-up" id="i-0" onclick="sortTable(0)"></i></button>WO</th>
            <th scope="col" class="text-start"><button class="btn"><i class="fa-solid fa-arrow-up" id="i-1" onclick="sortTable(1)"></i></button>RDS</th>
            <th scope="col" class="text-start"><button class="btn"><i class="fa-solid fa-arrow-up" id="i-2" onclick="sortTable(2)"></i></button>Reactor</th>
            <th scope="col" class="text-start" style="padding-left: 2.5rem;"><button class="btn"><i class="fa-solid fa-arrow-up" id="i-3" onclick="sortTable(3)"></i></button>Hold Time</th>
            <th scope="col" class="text-start"><button class="btn"><i class="fa-solid fa-arrow-up" id="i-4" onclick="sortTable(4)"></i></button>Hold User</th>
            <th scope="col" class="text-start" style="padding-left: 12rem;"><button class="btn"><i class="fa-solid fa-arrow-up" id="i-5" onclick="sortTable(5)"></i></button>Hold Reason</th>
            
        </tr>
    </thead>
    <tbody>
        @foreach (HoldLot lot in Model)
        {
            <tr>
                <td>@lot.WO_NO</td>
                <td>@lot.RDS_NO</td>
                <td>@lot.REACTOR</td>
                <td>@lot.HOLD_DATE</td>
                <td>@lot.HOLD_USER</td>
                <td>@lot.HOLD_REASON</td>
            </tr>
        }
    </tbody>
</table>