@php
    Fun::lang();
    $branch = mainBranch();
@endphp
<div class="print_this_form">
    <style>
        .print_this_form * {
            color: black;
            font-size: 12px;
        }

        .header_info td {
            width: calc(100% / 3);
        }

        .header_info img {
            height: 20px !important;
        }

        .border_dot {
            width: 100% !important;
            border-bottom: 1px dotted black;
        }

        .contact_logo div {
            font-size: 13px;
        }

        .contact_logo img {
            padding: 1px;
            width: 45px;
            height: 12px;
        }

        .tb_item th {
            text-align: center;
        }

        .tb_item {
            font-size: 11px;
        }

        .tb_item th span {
            font-size: 9px;
        }

        .tb_item th {
            font-size: 13px;
            line-height: 12px;
        }

        .tb_item th, .tb_item td {
            padding: 5px;
        }
        .tb_footer_2 input{
            width: 130px;
            border-radius: 6px;
            border-width: 1px;

            padding: 5px;
        }
        @media print{
            .print_this_form *{
                font-size: 11px !important;
            }
            
        }
    </style>
    <table style="width: 100%;">
        <thead>
            <tr>
                <th width="33.33%">
                    <img src="{{logo()}}" style="height: 60px;" class="m-auto">
                </th>
                <th width="33.33%" class="text-center" style="font-size: 13px !important">{{$branch->name}}</th>
                <th width="33.33%" class="text-center"></th>
            </tr>
        </thead>
    </table>
    <div style="width: 33.33%;float: left;">
        <div style="width: 100%;float: left;padding:2px;line-height: 0">
            <div style="float: left;">
                <img style="height: 20px;" src="{{findImg('images/invoice-info/fb.png')}}">&nbsp;&nbsp;
            </div>
            <span style="float: left;margin-top: 10px">U.ME Cosmetic</span>
        </div>
        <div style="width: 100%;float: left;padding:2px;line-height: 0">
            <div style="float: left;">
                <img style="height: 20px;" src="{{findImg('images/invoice-info/ig.png')}}">&nbsp;&nbsp;
            </div>
            <span style="float: left;margin-top: 10px">U.ME Cosmetic</span>
        </div>
    </div>
    <div class="text-center" style="width: 33.33%;float: left;">
        <div class="khmer-moul m-0" style="font-size: 13px !important">វិក្កយបត្រ</div>
        <div class="m-0" style="font-size: 13px !important">INVOICE</div>
    </div>
    <div style="width: 33.33%;float: left;">
        <div style="width: 100%;float: left;padding:1.5px;line-height: 0;">
            <div style="float: left;">
                <img style="height: 17px;width: 50px" src="{{findImg('images/invoice-info/smart.png')}}">&nbsp;&nbsp;
            </div>
            <span style="float: left;margin-top: 10px">096 738 8888</span>
        </div>
        <div style="width: 100%;float: left;padding:1.5px;line-height: 0">
            <div style="float: left;">
                <img style="height: 17px;width: 50px" src="{{findImg('images/invoice-info/cellcard.png')}}">&nbsp;&nbsp;
            </div>
            <span style="float: left;margin-top: 10px">096 738 8888</span>
        </div>
        <div style="width: 100%;float: left;padding:1.5px;line-height: 0">
            <div style="float: left;">
                <img style="height: 17px;width: 50px" src="{{findImg('images/invoice-info/metfone.png')}}">&nbsp;&nbsp;
            </div>
            <span style="float: left;margin-top: 10px">071 919 8888</span>
        </div>
    </div>
    <div style="width: 66.66%;float: left;opacity: 0 !important;">
        1
    </div>
    <div style="width: 33.33%;float: left;">
        <div class="d-flex">
            <div class="text-nowrap">{{__('auth.driver')}}:&nbsp;&nbsp;</div>
            <div class="border_dot">
                {{$driver->name??"N/A"}}
            </div>
        </div>
        <div class="d-flex">
            <div>{{__('auth.contact')}}:&nbsp;&nbsp;</div>
            <div class="border_dot">
                {{$driver->contact??"N/A"}}
            </div>
        </div>
    </div>
    <div style="width: 33.33%;float: left;opacity: 0 !important;">
        1
    </div>
    <table class="table table-bordered" id="my-print-table">
        <thead>
            <tr>
                <th width="5%">{{__('auth.no_')}}</th>
                <th width="15%">{{__('auth.reference_number')}}</th>
                <th width="13%">{{__('auth.delivery_date')}}</th>
                <th width="10%">{{__('auth.customer')}}</th>
                <th width="10%">{{__('auth.contact')}}</th>
                <th width="10%">{{__('auth.delivery_fee')}}</th>
            </tr>
        </thead>
        <tbody>
            @php
                $total = 0;
            @endphp
           @foreach ($data->cursor() as $item)
                @php
                    $total += $item->delivery_fee_status == 1 || $item->delivery_fee_status == 3 ? $item->delivery_fee : 0;
                @endphp
               <tr>
                    <td>{{$loop->iteration}}</td>
                    <td>{{$item->reference_number}}</td>
                    <td>{{$item->delivery_date}}</td>
                    <td>{{$item->name}}</td>
                    <td>{{$item->contact}}</td>
                    <td>
                        $ {{str_replace('$','',Fun::showDeliveryFee($item->delivery_fee??0,$item->delivery_fee_status))}}
                    </td>
               </tr>
           @endforeach
        </tbody>
        <tfoot>
            <tr>
                <th colspan="4"></th>
                
                <th>{{__('auth.total')}}</th>
                <th>$ {{number_format($total,2)}}</th>
            </tr>
        </tfoot>
    </table>
</div>