@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Detail Generate PSS'])

    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="nav-wrapper d-flex gap-2">
                <button class="btn btn-secondary mb-0" onclick="history.back()">
                    <i class="fas fa-circle-left me-1"></i>
                    <span class="font-weight-bold">Kembali</span>
                </button>
                @if ($authorize->pdf == '1')
                    <a href="{{ route('genpss.viewpdf', ['idencrypt' => encrypt($header->id_pss)]) }}" target="_blank"
                        class="btn btn-danger mb-0">
                        <i class="fas fa-file-pdf me-1"></i>
                        <span class="font-weight-bold">PDF</span>
                    </a>
                @endif
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">

                {{-- ── Informasi Header ── --}}
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <h6 class="mb-0 text-uppercase text-sm font-weight-bold">Informasi PSS</h6>
                    </div>
                    <div class="card-body">
                        <hr class="horizontal dark mt-0">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">No PSS</label>
                                    <input type="text" class="form-control bg-light font-weight-bold"
                                        value="{{ $header->no_pss }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="form-control-label">Customer</label>
                                    <input type="text" class="form-control bg-light"
                                        value="{{ $header->customer ?? '-' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Tgl Pengiriman</label>
                                    <input type="text" class="form-control bg-light"
                                        value="{{ $header->delivery_date ? \Carbon\Carbon::parse($header->delivery_date)->format('d/m/Y') : '-' }}" disabled>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="form-control-label">Tgl Buat</label>
                                    <input type="text" class="form-control bg-light"
                                        value="{{ \Carbon\Carbon::parse($header->created_at)->format('d/m/Y') }}" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-control-label">Alamat Pengiriman</label>
                                    <textarea class="form-control bg-light" rows="2" disabled>{{ $header->delivery_address ?? '-' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- ── Detail Item ── --}}
                <div class="card">
                    <div class="card-header pb-0">
                        <h6 class="mb-0 text-uppercase text-sm font-weight-bold">Detail Item</h6>
                    </div>
                    <div class="card-body p-0">
                        <hr class="horizontal dark mt-0 mx-3">
                        <div class="table-responsive px-3 pb-3">
                            <table class="table table-sm align-items-center mb-0">
                                <thead style="background-color: #00b7bd4f;">
                                    <tr>
                                        <th class="text-center">No</th>
                                        <th>Kode Material</th>
                                        <th class="text-center">Gsm</th>
                                        <th style="width: 150px; min-width: 150px;">No Roll</th>
                                        <th style="width: 150px; min-width: 150px;">No Jumbo</th>
                                        <th>Color</th>
                                        <th class="text-center">Width</th>
                                        <th class="text-center">Length</th>
                                        <th class="text-center">Grade</th>
                                        <th class="text-center">Qty</th>
                                        <th class="text-center">UOM</th>
                                        <th>Remark</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($items as $i => $item)
                                        <tr>
                                            <td class="text-center text-sm">{{ $i + 1 }}</td>
                                            <td class="text-sm font-weight-bold">{{ $item->kode_material ?? '-' }}</td>
                                            <td class="text-center text-sm">{{ $item->gsm ?? '-' }}</td>
                                            <td class="text-sm text-uppercase">{{ $item->no_roll ?? '-' }}</td>
                                            <td class="text-sm text-uppercase">{{ $item->nomor_jumbo ?? '-' }}</td>
                                            <td class="text-sm">{{ $item->color ?? '-' }}</td>
                                            <td class="text-center text-sm">{{ $item->width ?? '-' }}</td>
                                            <td class="text-center text-sm">{{ $item->length ?? '-' }}</td>
                                            <td class="text-center text-sm">{{ $item->grade ?? '-' }}</td>
                                            <td class="text-center text-sm font-weight-bold">{{ $item->qty ?? '-' }}</td>
                                            <td class="text-center text-sm">{{ $item->uom ?? '-' }}</td>
                                            <td class="text-sm">{{ $item->remark ?? '-' }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="12" class="text-center py-3 text-secondary">
                                                Tidak ada detail item.
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection