@extends('layouts.print')
@section('title', 'Cetak PR ' . $purchaseRequest->kode)

@php
    $backUrl = route('purchase-requests.show', $purchaseRequest);
@endphp

@section('content')
    <style>
        @page {
            size: A4 landscape;
            margin: 10mm;
        }

        * {
            box-sizing: border-box;
        }

        .sheet {
            background: #fff;
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            padding: 22px;
            font-family: Arial, Helvetica, sans-serif;
        }

        table.outer>tbody>tr>td {
            border: 1.5px solid #000;
            vertical-align: middle;
            padding: 4px 8px;
        }

        /* Header */
        .header-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 0;
        }

        .header-table td {
            border: 1.5px solid #000;
            vertical-align: middle;
        }

        .logo-cell {
            width: 190px;
            text-align: center;
            padding: 8px 6px 4px 6px;
        }

        .logo-cell img {
            width: 90px;
            height: auto;
            display: block;
            margin: 0 auto 4px auto;
        }

        .logo-caption {
            font-size: 11px;
            font-weight: bold;
            letter-spacing: 0.3px;
        }

        .company-addr {
            font-size: 10px;
            margin-top: 4px;
            font-weight: normal;
        }

        .title-cell {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            padding: 0 20px;
        }

        .code-box {
            width: 260px;
            padding: 0;
        }

        .code-box table {
            width: 100%;
            height: 100%;
            border-collapse: collapse;
        }

        .code-box td {

            text-align: center;
            font-size: 12px;
            padding: 4px 6px;
        }


        .code-title {
            font-weight: bold;
            font-size: 16px;
            letter-spacing: 1px;
        }

        .code-label-left {
            text-align: left;
        }

        /* Info row */
        .info-table {
            width: 100%;
            border-collapse: collapse;
            border-top: none;
            margin-bottom: 0;
        }

        .info-table td {
            border: 1.5px solid #000;
            border-top: none;
            padding: 6px 10px;
            font-size: 14px;
        }

        .info-table .label {
            white-space: nowrap;
            width: 15%;
        }

        .info-table .sep {
            width: 8px;
        }

        /* Data table */

        .data-table {
            width: 100%;
            border-collapse: collapse;
            border-top: none;
        }

        .data-table th,
        .data-table td {
            border-top: none !important;
            border: 1.5px solid #000;
            padding: 6px 10px;
            font-size: 13.5px;
            vertical-align: top;
        }


        .data-table td.no-col,
        .data-table td.jumlah-col,
        .data-table td.satuan-col {
            text-align: center;
            vertical-align: middle;
        }

        .col-no {
            width: 45px;
        }

        .col-barang {
            width: 301px;
        }

        .col-jumlah {
            width: 111px;
        }

        .col-satuan {
            width: 111px;
        }

        .col-ket {
            width: 229px;
        }

        .item-block p {
            margin: 0 0 2px 0;
        }

        .item-block .item-title {
            font-weight: normal;
        }

        .item-block .item-sub {
            font-size: 12px;
            color: #333;
        }

        /* Signature table */

        .sign-table {
            width: 100%;
            border-collapse: collapse;
            border-top: none;
        }

        .sign-table td {
            border-top: none !important;
            border: 1.5px solid #000;
            text-align: center;
            padding: 6px 6px 4px 6px;
            font-size: 13.5px;
        }

        .sign-table .role {
            margin-bottom: 90px;
        }

        .sign-table .name {
            display: block;
            font-weight: bold;
            text-decoration: underline;
            padding-top: 0;
            padding-bottom: 4px;
        }

        .sign-table .sub {
            display: block;
            padding-top: 2px;
        }

        .footnote {
            font-size: 12px;
            margin-top: 6px;
        }
    </style>



    <!-- Header -->
    <table class="header-table">
        <tr>
            <td class="logo-cell">
                <img src="{{ asset('images/logo.png') }}" alt="">
                <div class="logo-caption">PT. TRI SAKTI LAUTAN MAS</div>

            </td>
            <td class="title-cell">DAFTAR PERMINTAAN KEBUTUHAN KAPAL</td>
            <td class="code-box">
                <table>
                    <tr>
                        <td style="border-top: none; border-left:none ; border-right:none;" colspan="3" class="code-title">{{ $purchaseRequest->kode }}</td>
                    </tr>
                    <tr>
                        <td style="width:33%;border-left:none ;">NKD / TEK</td>
                        <td style="width:33%;">HO / SH</td>
                        <td style="width:34%;border-right:none;">BLN</td>
                    </tr>
                    <tr>
                        <td style="border-left:none ;" class="code-label-left" colspan="2">Hal&nbsp;&nbsp;01</td>
                        <td style="border-right:none;" class="code-label-left">Dari&nbsp;&nbsp;01</td>
                    </tr>
                    <tr>
                        <td style="border-left:none  ; border-right:none  ; border-bottom: none;" class="code-label-left" colspan="3">Revisi : 01</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <!-- Info row -->
    <table class="info-table">
        <tr>
            <td>Nama Kapal : <strong>{{ $purchaseRequest->kapal }}</strong></td>
            <td>Departemen : DEK/MESIN</td>
            <td>Tanggal&nbsp; : {{ $purchaseRequest->created_at->format('d M Y') }}</td>
        </tr>
        @if ($purchaseRequest->keterangan)
            <tr>
                <td class="label">Keterangan</td>
                <td class="sep">:</td>
                <td colspan="4">{{ $purchaseRequest->keterangan }}</td>
            </tr>
        @endif
    </table>

    <!-- Data table -->
    <table class="data-table">
        <colgroup>
            <col class="col-no">
            <col class="col-barang">
            <col class="col-jumlah">
            <col class="col-satuan">
            <col class="col-ket">
        </colgroup>
        <thead>
            <tr>
                <th>NO</th>
                <th>JENIS BARANG</th>
                <th>JUMLAH</th>
                <th>SATUAN</th>
                <th>KETERANGAN LAIN</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($purchaseRequest->items as $item)
                <tr>
                    <td class="no-col">{{ $loop->iteration }}.</td>
                    <td>
                        <div class="item-block">
                            <p class="item-title">{{ $item->nama_barang }}</p>
                            @if ($item->part_number)
                                <p class="item-sub">Part number : {{ $item->part_number }}</p>
                            @endif
                            @if ($item->kode_barang_dikapal)
                                <p class="item-sub">Kode barang (dikapal) : {{ $item->kode_barang_dikapal }}</p>
                            @endif
                        </div>
                    </td>
                    <td class="jumlah-col">{{ $item->qty }}</td>
                    <td class="satuan-col">{{ $item->satuan }}</td>
                    <td>{{ $item->keterangan ?: '-' }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <!-- Signature table -->
    <table class="sign-table">
        <tr>
            <td style="width: 200px">
                <span class="role">Pembuat Permintaan,</span>
                <span class="name">{{ $purchaseRequest->user->name }}</span>
                <span class="sub">Mualim I / KKM</span>
            </td>
            <td style="width: 200px">
                <span class="role">Menyetujui,</span>
                <span class="name">&nbsp;</span>
                <span class="sub">Nakhoda</span>
            </td>
            <td  style="width: 200px">
                <span class="role">Diperiksa Oleh,</span>
                <span class="name">&nbsp;</span>
                <span class="sub">Bagian Operasional / Logistik</span>
            </td>
            <td style="width: 242px">
                <span class="role">Mengetahui,</span>
                <span class="name">&nbsp;</span>
                <span class="sub">Kepala Cabang</span>
            </td>
        </tr>
    </table>

    <div class="footnote">
        Dicetak otomatis dari Sistem Procurement Kapal PT. Tri Sakti Lautan Mas pada {{ now()->format('d M Y H:i') }}.
    </div>

@endsection