@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 */
        }

        td {
            word-wrap: break-word;
            /* Mencegah overflow */
            overflow-wrap: break-word;
        }
    </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">DELIVERY ORDER</h3>
                    <h5 class="m-0 text-danger">#{{ $do->no_keluar_barang }}</h5>
                    {{-- {{ Carbon\Carbon::parse($do->tgl_keluar_barang)->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">customer</p>
                        <h5 class="mb-3">{{ $do->nama_customer }}</h5>
                        <p class="text-capitalize mb-0">customer address</p>
                        <strong class="mb-0">{{ $do->alamat }}</strong>
                        <strong class="mb-3">{{ $do->nama_kota }}, {{ $do->kodepos }}</strong>
                        <p class="text-capitalize mb-0">contact person</p>
                        <strong class="mb-3">{{ $do->contact_person }} / {{ $do->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($do->tgl_keluar_barang)->format('d/m/Y') }}</strong>
                            </div>
                            <div class="col">
                                <p class="text-capitalize mb-0">branch</p>
                                <strong class="mb-0">{{ $do->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">storage location</p>
                                <strong class="mb-0">
                                    {{ $do->nama_gudang }}</strong>
                            </div>
                            <div class="col">
                                <p class="text-capitalize mb-0">request by</p>
                                <strong class="mb-0">{{ $do->nama_karyawan_request }}</strong>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row mb-1">
                    <table class="table table-sm table-striped">
                        <thead class="table-danger">
                            <tr class="text-capitalize">
                                <th scope="col" rowspan="2" class="align-middle">no.</td>
                                <th scope="col" rowspan="2" class="align-middle">description</th>
                                <th scope="col" class="align-middle" rowspan="2">quantity</th>
                                <th scope="col" colspan="3" class="text-center table-success">batch</th>
                            </tr>
                            <tr>
                                <th scope="col" class="table-success">production code</th>
                                <th scope="col" class="text-center table-success">quantity</th>
                                <th scope="col" class="table-success">expired date</th>
                            </tr>
                        </thead>
                        <tbody class="text-capitalize ">
                            @foreach ($do_detail as $item)
                                <tr>
                                    <td>{{ $loop->iteration }}.</td>
                                    <td class="text-wrap">{{ $item->nama_barang }}</td>
                                    <td>{{ $item->qty }}</td>
                                    <td>
                                        @forelse($item->batch as $batch)
                                            <div>
                                                {{ $batch->kode_produksi ?? '-' }}
                                            </div>
                                        @empty
                                            -
                                        @endforelse
                                    </td>

                                    <td class="text-end">
                                        @forelse($item->batch as $batch)
                                            <div>
                                                {{ number_format($batch->jumlah, 2) ?? '-' }}
                                            </div>
                                        @empty
                                            -
                                        @endforelse
                                    </td>

                                    {{-- KOLOM EXPIRED --}}
                                    <td>
                                        @forelse($item->batch as $batch)
                                            <div>
                                                {{ $batch->tgl_expired ? \Carbon\Carbon::parse($batch->expired_date)->format('d/m/Y') : '-' }}
                                            </div>
                                        @empty
                                            -
                                        @endforelse
                                    </td>

                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>
                {{-- <br> --}}
                {{-- <h1>coba</h1> --}}
                <div class="row mb-3">
                    <div class="col-12 p-0">
                        <p class="text-capitalize mb-0">Remark</p>
                        <strong class="mb-0">{{ $do->keterangan }}</strong>
                    </div>
                </div>
                {{-- <div class="row">
                    <table class="table table-bordered" style="table-layout: fixed; width: 100%; border:1px solid black">
                        <thead>
                            <tr class="text-center table-bordered" style=" border-bottom-color:black !important">
                                <th scope="col-2">QA / AC</th>
                                <th scope="col-2">finanace</th>
                                <th scope="col-2">sales</th>
                                <th scope="col-2">gudang</th>
                                <th scope="col-2">driver</th>
                                <th scope="col-2">tanda terima</th>
                            </tr>
                        </thead>
                        <tr>
                            <td style="height: 5vh" class="table-bordered"></td>
                            <td style="height: 5vh"></td>
                            <td style="height: 5vh"></td>
                            <td style="height: 5vh"></td>
                            <td style="height: 5vh"></td>
                            <td style="height: 5vh"></td>
                        </tr>
                        <tbody>

                        </tbody>
                    </table>
                </div> --}}


            </div>
        </div>

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