@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: 33.33%;float: left;">
        <div class="d-flex">
            <div class="text-nowrap">{{__('auth.date')}}:&nbsp;&nbsp;</div>
            <div class="border_dot">
                {{$clear_cod->date?date('Y-m-d',strtotime($clear_cod->date)) : "N/A"}}
            </div>
        </div>
    </div>
    <div style="width: 33.33%;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="10%">{{__('auth.customer')}}</th>
                <th width="10%">{{__('auth.contact')}}</th>
                <th width="10%">{{__('auth.total_collected')}}</th>
            </tr>
        </thead>
        <tbody>
            @php
                $total = 0;
                $total_paid_usd = 0;
                $total_paid_kh = 0;
                $total_paid = 0;
                $total_avg_rate = 0;
                $total_avg_qty = 0;
            @endphp
           @foreach ($data->cursor() as $item)
                @php
                    $total += $item->delivery_fee_status == 1 || $item->delivery_fee_status == 3 ? $item->delivery_fee : 0;
                    $total_paid_usd += currency($item->currency_id)->code == '$'? Fun::driverGetCodBySaleID($item->id) : 0;
                    $total_paid_kh += currency($item->currency_id)->code == '៛'? Fun::driverGetCodBySaleID($item->id) : 0;

                    $total_paid += currency($item->currency_id)->code == '$'? Fun::driverGetCodBySaleID($item->id) : 0;
                    $total_paid += ((currency($item->currency_id)->code == '៛'? Fun::driverGetCodBySaleID($item->id) : 0) / $item->rate);

                    $total_avg_rate += currency($item->currency_id)->code == '៛' ? $item->rate : 0;
                    $total_avg_qty += currency($item->currency_id)->code == '៛' ? 1 : 0;

                @endphp
               <tr>
                    <td>{{$loop->iteration}}</td>
                    <td>{{$item->reference_number}}</td>
                    <td>{{$item->name}}</td>
                    <td>{{$item->contact}}</td>
                    <td>
                        {{Fun::driverGetCodBySaleID($item->id).' '.currency($item->currency_id)->code}}
                    </td>
               </tr>
           @endforeach
        </tbody>
        <tfoot>
            <tr>
                <th rowspan="3" colspan="3"></th>
                
                <th>{{__('auth.total_usd')}}</th>
                <th>$ {{number_format($total_paid_usd,2)}}</th>
            </tr>
            <tr>
                
                <th>{{__('auth.total_riel')}} <b>{{$total_paid_kh > 0 ? number_format($total_paid_kh,0).' / '.($total_avg_rate / $total_avg_qty) : ''}}</b></th>
                <th>$ {{$total_paid_kh > 0 ? number_format($total_paid_kh / ($total_avg_rate / $total_avg_qty),2) : 0}}</th>
            </tr>
            <tr>
                
                <th>{{__('auth.grand_total')}}</th>
                <th>$ {{number_format($total_paid,2)}}</th>
                {{-- {{number_format($total_paid_usd + ($total_paid_kh / ($total_avg_rate / $total_avg_qty)),2)}} --}}
            </tr>
        </tfoot>
    </table>
</div>