@extends('layouts.omd.omd')

@section('content')

    <div class="container-fluid px-4 py-3">

        {{-- Top Actions --}}
        <div class="d-flex justify-content-between align-items-center mb-4 no-print">
            <a href="{{ route('omd.orders.index') }}" class="btn btn-outline-secondary btn-sm">← Back</a>

            <button onclick="window.print()" class="btn btn-danger btn-sm d-inline-flex align-items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                    <path
                        d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zm7 5H4V3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3zM5 8h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z" />
                </svg>
                Print PO
            </button>
        </div>

        {{-- Header --}}
        <div class="text-center mb-4">
            <h2 class="fw-bold mb-1">MEKING STEEL PVT LTD</h2>
            <h5 class="fw-semibold text-muted">Purchase Order</h5>
        </div>

        {{-- Status --}}
        @php
    $badgeMap = [
        'pending' => 'warning',
        'accepted' => 'success',
        'dispatched' => 'primary',
        'delivered' => 'success',
        'completed' => 'secondary',
        'cancelled' => 'danger',
    ];
    $statusColor = $badgeMap[$order->status] ?? 'warning';
        @endphp

        <div class="d-flex justify-content-between align-items-center mb-3 no-print">

            <h5 class="mb-0">
                PO:
                <span class="text-primary fw-bold">{{ $order->po_number }}</span>
            </h5>

            <span class="badge bg-{{ $statusColor }}">
                {{ ucfirst($order->status) }}
            </span>

        </div>

        {{-- ORDER INFO --}}
        <div class="card mb-4">
            <div class="card-header">Order Details</div>

            <div class="card-body row g-3">

                <div class="col-md-4">
                    <strong>Vendor</strong><br>
                    {{ $order->vendor->user->name ?? '—' }}
                </div>

                <div class="col-md-4">
                    <strong>Company</strong><br>
                    {{ $order->vendor->company_name ?? '—' }}
                </div>

                <div class="col-md-4">
                    <strong>Project</strong><br>
                    {{ $order->project->title ?? '—' }}
                </div>

                <div class="col-md-4">
                    <strong>Delivery Date</strong><br>
                    {{ $order->delivery_date ? \Carbon\Carbon::parse($order->delivery_date)->format('d M Y') : '—' }}
                </div>

                <div class="col-md-4">
                    <strong>Location</strong><br>
                    {{ $order->delivery_location ?? '—' }}
                </div>

                <div class="col-12">
                    <strong>Notes</strong><br>
                    {{ $order->notes ?? '—' }}
                </div>

            </div>
        </div>

        {{-- ITEMS --}}
        <div class="card mb-4">

            <div class="card-header">Items</div>

            <div class="card-body p-0">

                <table class="table table-bordered mb-0 text-center">

                    <thead class="table-light">
                        <tr>
                            <th>ID</th>
                            <th>Material</th>
                            <th>Unit</th>
                            <th>Qty</th>
                            <th>Rate</th>
                            <th>Total</th>
                        </tr>
                    </thead>

                    <tbody>

                    @forelse($order->items as $i => $item)

                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>{{ $item->name ?? '-' }}</td>
                            <td>{{ $item->unit ?? '-' }}</td>
                            <td>{{ $item->quantity }}</td>
                            <td>₹ {{ number_format($item->rate, 2) }}</td>
                            <td>
                                ₹ {{ number_format(($item->quantity ?? 0) * ($item->rate ?? 0), 2) }}
                            </td>
                        </tr>

                    @empty

                        <tr>
                            <td colspan="6" class="text-muted py-3">
                                No items found
                            </td>
                        </tr>

                    @endforelse

                    </tbody>

                </table>

            </div>
        </div>

        {{-- TOTAL --}}
        <div class="card mb-4">

            <div class="card-header">Summary</div>

            <div class="card-body">

                <div class="d-flex justify-content-between border-bottom py-2">
                    <span>Subtotal</span>
                    <span>₹ {{ number_format($order->subtotal, 2) }}</span>
                </div>

                <div class="d-flex justify-content-between border-bottom py-2">
                    <span>GST ({{ $order->gst_percent }}%)</span>
                    <span>₹ {{ number_format($order->gst_amount, 2) }}</span>
                </div>

                <div class="d-flex justify-content-between fw-bold py-2">
                    <span>Total</span>
                    <span>₹ {{ number_format($order->total_amount, 2) }}</span>
                </div>

            </div>
        </div>

        {{-- DISPATCH --}}
        <div class="card mb-4">

            <div class="card-header">Dispatch</div>

            <div class="card-body row g-3">

                <div class="col-md-4">
                    <strong>Tracking</strong><br>
                    {{ $order->tracking_number ?? '—' }}
                </div>

                <div class="col-md-4">
                    <strong>Courier</strong><br>
                    {{ $order->courier_name ?? '—' }}
                </div>

                <div class="col-md-4">
                    <strong>Vehicle</strong><br>
                    {{ $order->vehicle_number ?? '—' }}
                </div>

            </div>
        </div>

        {{-- SIGN --}}
        <table class="table table-bordered text-center">
            <tr>
                <th class="py-5">Prepared By</th>
                <th class="py-5">Authorized Signatory</th>
                <th class="py-5">Vendor Signature</th>
            </tr>
        </table>

    </div>

    <style>
    @media print {
        .no-print { display: none; }
    }
    </style>

@endsection