@extends('master_print')
@section('css')
    <style>
        #print {
            transform: scale(0.8) !important;

        }

        #header_print h3 {
            font-size: 1.3vh;
        }

        #header_print h5 {
            font-size: 1vh;
        }

        .span_header {
            font-size: 0.5vh;
        }

        #body_print {
            font-size: 0.75vh;
        }

        #body_print h5 {
            font-size: 1vh;
        }

        #body_print p {
            font-size: 0.75vh;
        }

        #body_print th,
        #body_print td {
            padding: 0.2vh;
        }

        #header_print img {
            max-width: 5vh;
            /* margin: auto */
        }
    </style>
@endsection
@section('content')
    <div class="card mb-4">

        <div class="card-body">
            <div class="row" id="header_print">
                <div class="col-2 d-flex align-items-center">
                    <img src="{{ asset('img/Logo_Bap.png') }}" alt="logo" class="img-fluid">
                </div>
                <div class="col-6">
                    <h3 class="mb-1">{{ $company->nama_company }}</h3>
                    <p class="mb-0 span_header">{{ $company->alamat_company }}</p>
                    <p class="mb-0 span_header">{{ $company->nama_kota }}, {{ $company->nama_provinsi }},
                        {{ $company->kodepos }}</p>
                    <p class="text-capitalize m-0 span_header">phone : {{ $company->telp1 }}</p>
                </div>
                <div class="col-4 text-end">
                    <h3 class="mb-1">PURCHASE ORDER</h3>
                    <h5 class="m-0 text-danger">#{{ $po->no_pemesanan_pembelian }}</h5>
                    {{-- {{ Carbon\Carbon::parse($po->tgl_pemesanan_pembelian)->format('F d, Y') }} --}}
                </div>
            </div>
            <hr class="m-0" style="border-top:solid red !important" />
            <div class="ms-3 me-3 mt-2" id="body_print">
                <div class="row mb-1">
                    <div class="col-6 p-0">
                        <p class="text-capitalize mb-0">supplier</p>
                        <h5 class="mb-3">{{ $po->nama_supplier }}</h5>
                        <p class="text-capitalize mb-0">supplier address</p>
                        <strong class="mb-0">{{ $po->alamat }}</strong>
                        <strong class="mb-3">{{ $po->nama_kota }}, {{ $po->kodepos }}</strong>
                        <p class="text-capitalize mb-0">contact person</p>
                        <strong class="mb-3">{{ $po->contact_person }} / {{ $po->telp_1 }}</strong>
                    </div>
                    <div class="col-6 p-0">
                        <div class="row row-cols-2">
                            <div class="col">
                                <p class="text-capitalize mb-0">document date</p>
                                <strong class="mb-0">
                                    {{ Carbon\Carbon::parse($po->tgl_pemesanan_pembelian)->format('d/m/Y') }}</strong>
                            </div>
                            <div class="col">
                                <p class="text-capitalize mb-0">branch</p>
                                <strong class="mb-0">{{ $po->nama_cabang }}</strong>
                            </div>
                        </div>
                        <hr class="mt-0 mb-1" style="border-top:0.1vh solid rgb(0, 0, 0) !important" />
                        <div class="row row-cols-2">
                            <div class="col">
                                <p class="text-capitalize mb-0">currency</p>
                                <strong class="mb-0">
                                    {{ $po->nama_mata_uang }}</strong>
                            </div>
                            <div class="col">
                                <p class="text-capitalize mb-0">kurs</p>
                                <strong class="mb-0">{{ $po->nilai_kurs }}</strong>
                            </div>
                        </div>
                        <hr class="mt-0 mb-1" style="border-top:0.1vh solid rgb(0, 0, 0) !important" />
                        <div class="row row-cols-3">
                            <div class="col">
                                <p class="text-capitalize mb-0">term</p>
                                <strong class="mb-0 text-uppercase">
                                    {{ $po->cara_bayar }}</strong>
                            </div>
                            <div class="col">
                                <p class="text-capitalize mb-0">periode</p>
                                <strong class="mb-0 text-center">{{ $po->periode_pembayaran }}</strong>
                            </div>
                            <div class="col">
                                <p class="text-capitalize mb-0">due date</p>
                                <strong
                                    class="mb-0">{{ Carbon\Carbon::parse($po->tgl_jatuh_tempo)->format('d/m/Y') }}</strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row table-responsive-sm mb-3">
                    <table class="table">
                        <thead class="table-danger">
                            <tr class="text-capitalize">
                                <th scope="col">product no.</th>
                                <th scope="col">description</th>
                                <th scope="col" class="text-center">quantity</th>
                                <th scope="col">uoM</th>
                                <th scope="col" class="text-center">price</th>
                                <th scope="col" class="text-center">disc. %</th>
                                <th scope="col" class="text-center">sub total</th>
                            </tr>
                        </thead>
                        <tbody class="text-capitalize">
                            @foreach ($po_detail as $item)
                                <tr>
                                    <td class="fw-bolder">{{ $item->no_barang }}</td>
                                    <td>{{ $item->nama_barang }}</td>
                                    <td class="fw-bolder text-end">{{ number_format($item->jumlah, 2) }}</td>
                                    <td>{{ $item->nama_satuan }}</td>
                                    <td class="fw-bolder text-end">{{ number_format($item->harga, 2) }}</td>
                                    <td class="text-end">{{ number_format($item->discount_persen, 2) }}</td>
                                    <td class="fw-bolder text-end">{{ number_format($item->sub_total, 2) }}</td>
                                </tr>
                            @endforeach
                            <tr class="text-capitalize">
                                <td colspan="5" rowspan="5">
                                    <p class="text-capitalize mb-0">remark</p>
                                    <strong class="mb-3">{{ $po->keterangan }}</strong>
                                </td>
                                <td class="fw-bolder">total</td>
                                <td class="fw-bolder text-end">{{ number_format($po->total, 2) }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bolder">tax</td>
                                <td class="text-end">{{ number_format($po->nilai_pajak, 2) }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bolder">shipment</td>
                                <td class="text-end">{{ number_format($po->biaya_pengiriman, 2) }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bolder">stamp</td>
                                <td class="text-end">{{ number_format($po->biaya_materai, 2) }}</td>
                            </tr>
                            <tr>
                                <td class="fw-bolder">rounding</td>
                                <td class="text-end">{{ number_format($po->nilai_rounding, 2) }}</td>
                            </tr>
                            <tr class="table-success fw-bolder">
                                <td colspan="5">amount in word</td>
                                <td colspan="2" class="text-center">grand total</td>
                            </tr>
                            <tr>
                                <td colspan="5">{{ terbilang_invoice($po->grand_total) }}</td>
                                <td colspan="2">
                                    <h5 class="text-end">{{ number_format($po->grand_total, 2) }}</h5>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>
                {{-- <br> --}}
                {{-- <h1>coba</h1> --}}
                <div class="row row-cols-3">
                    <div class="cols">
                        <p class="mb-6 fw-bold text-center text-capitalize">prepared by</p>
                        <p class="mb-0 fw-bold text-center text-decoration-underline">{{ $po->nama_karyawan_01 }}</p>
                        <p class="mb-0 fw-bold text-center">{{ $po->nama_jabatan_01 }}</p>

                    </div>
                    <div class="cols">
                        <p class="mb-6 fw-bold text-center text-capitalize">approved 1 by</p>
                        <p class="mb-0 fw-bold text-center text-decoration-underline">{{ $po->nama_karyawan_02 }}</p>
                        <p class="mb-0 fw-bold text-center">{{ $po->nama_jabatan_02 }}</p>

                    </div>
                    <div class="cols">
                        <p class="mb-6 fw-bold text-center text-capitalize">approved 2 by</p>
                        <p class="mb-0 fw-bold text-center text-decoration-underline">{{ $po->nama_karyawan_03 }}</p>
                        <p class="mb-0 fw-bold text-center">{{ $po->nama_jabatan_03 }}</p>

                    </div>
                </div>

            </div>
        </div>

    </div>
@endsection
@section('script')
    {{-- @include('content.master.product.script') --}}
@endsection