@model List<StockMaster.Models.PurchaseOrder>
@{
    ViewData["Title"] = "Purchase Orders";
}

<div class="row mb-4">
    <div class="col-md-6">
        <h2><i class="fas fa-truck"></i> Purchase Order Management</h2>
    </div>
    <div class="col-md-6 text-end">
        <a href="/PurchaseOrder/Create" class="btn btn-primary">
            <i class="fas fa-plus"></i> Create New Order
        </a>
    </div>
</div>

<div class="row mb-4">
    <div class="col-md-3">
        <div class="stat-card">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <p class="text-muted mb-1">Total Orders</p>
                    <h4 class="mb-0">@Model.Count</h4>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);">
                    <i class="fas fa-file-invoice"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="stat-card">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <p class="text-muted mb-1">Pending</p>
                    <h4 class="mb-0">@Model.Count(p => p.Status == "Pending")</h4>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);">
                    <i class="fas fa-clock"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="stat-card">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <p class="text-muted mb-1">Confirmed</p>
                    <h4 class="mb-0">@Model.Count(p => p.Status == "Confirmed")</h4>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);">
                    <i class="fas fa-check-circle"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="stat-card">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <p class="text-muted mb-1">Received</p>
                    <h4 class="mb-0">@Model.Count(p => p.Status == "Received")</h4>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%);">
                    <i class="fas fa-box-check"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <i class="fas fa-list"></i> Purchase Order List
    </div>
    <div class="card-body">
        <div class="mb-3">
            <input type="text" class="form-control" placeholder="Search orders..." id="searchBox">
        </div>

        <div class="table-responsive">
            <table class="table table-hover" id="ordersTable">
                <thead>
                    <tr>
                        <th>Order No</th>
                        <th>Order Date</th>
                        <th>Supplier</th>
                        <th>Warehouse</th>
                        <th>Expected Delivery</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var po in Model)
                    {
                        <tr>
                            <td>
                                <strong>#PO-@po.PoId</strong>
                            </td>
                            <td>
                                <i class="fas fa-calendar me-1"></i>
                                @po.OrderDate.ToString("dd.MM.yyyy")
                            </td>
                            <td>
                                @if (po.Supplier != null)
                                {
                                    <span>
                                        <i class="fas fa-building me-1"></i>
                                        @po.Supplier.Name
                                    </span>
                                }
                                else
                                {
                                    <span class="text-muted">-</span>
                                }
                            </td>
                            <td>
                                <i class="fas fa-warehouse me-1"></i>
                                @po.Warehouse.Name
                            </td>
                            <td>
                                @po.ExpectedDeliveryDate.ToString("dd.MM.yyyy")
                                @if (po.ActualDeliveryDate != null)
                                {
                                    <br>
                                    <small class="text-success">
                                        <i class="fas fa-check"></i>
                                        Received: @po.ActualDeliveryDate.Value.ToString("dd.MM.yyyy")
                                    </small>
                                }
                            </td>
                            <td>
                                @switch (po.Status)
                                {
                                    case "Pending":
                                        <span class="badge bg-warning">
                                            <i class="fas fa-clock"></i> Pending
                                        </span>
                                        break;
                                    case "Confirmed":
                                        <span class="badge bg-info">
                                            <i class="fas fa-check"></i> Confirmed
                                        </span>
                                        break;
                                    case "Received":
                                        <span class="badge bg-success">
                                            <i class="fas fa-box-check"></i> Received
                                        </span>
                                        break;
                                    default:
                                        <span class="badge bg-secondary">@po.Status</span>
                                        break;
                                }
                            </td>
                            <td>
                                <div class="btn-group btn-group-sm">
                                    <a href="/PurchaseOrder/Details/@po.PoId" class="btn btn-primary">
                                        <i class="fas fa-eye"></i> Details
                                    </a>
                                    @if (po.Status != "Received")
                                    {
                                        <form method="post" action="/PurchaseOrder/Receive/@po.PoId" style="display: inline;">
                                            @Html.AntiForgeryToken()
                                            <button type="submit" class="btn btn-success" onclick="return confirm('Are you sure you want to receive this order?')">
                                                <i class="fas fa-check"></i> Receive
                                            </button>
                                        </form>
                                    }
                                </div>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>

        @if (!Model.Any())
        {
            <div class="text-center py-5">
                <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                <p class="text-muted">No purchase orders found.</p>
                <a href="/PurchaseOrder/Create" class="btn btn-primary">
                    <i class="fas fa-plus"></i> Create First Order
                </a>
            </div>
        }
    </div>
</div>

@section Scripts {
    <script>
        $(document).ready(function() {
            $('#searchBox').on('keyup', function() {
                const value = $(this).val().toLowerCase();
                $('#ordersTable tbody tr').filter(function() {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
                });
            });
        });
    </script>
}