@extends('web.bill_layouts.main')
@section('content')
    <main>
        <!--Start mail-box -->
        <div class="mail-box">
            <div class="container">
                <img src="{{url('')}}/assets/web/images/logo.svg" alt="" class="logo"/>
                <div class="text-box text-center">
                    <h2 class="subtitle"> {{__('web.bill')}}  </h2>
                    <h1 class="bill_title secondary-color"> <b>{{__('web.project')}} </b>   </h1>
                    <h3 class="subtitle">{{__('web.tax')}}  : <span class="primary-color font-en">{{settings('seller_tax')}}</span></h3>
                </div>
                <div class="table-responsive data_table mt-5">
                    <table class="table">
                        <tbody>
                            <tr>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start"> رقم الطلب   :</h4>
                                        <h4 class="title text-center"> {{$order->id}} </h4>
                                        <h4 class="title secondary-color text-end"> : Order Number  </h4>
                                    </div>
                                </td>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start"> رقم التحويل    :</h4>
                                        <h4 class="title text-center"> @if($order->payment_id) {{$order->payment_id}} @else {{__('web.'.$order->way_pay)}} @endif </h4>
                                        <h4 class="title secondary-color text-end"> :  Transfer number  </h4>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start">وسيلة الدفع  :</h4>
                                        <h4 class="title"> {{$order->way->descriptions()->name}} </h4>
                                        <h4 class="title secondary-color text-end"> :Payment method </h4>
                                    </div>
                                </td>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start"> اسم المستخدم    :</h4>
                                        <h4 class="title"> {{$order->user->name}} </h4>
                                        <h4 class="title secondary-color text-end"> :  Username  </h4>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start">رقم الجوال  :</h4>
                                        <h4 class="title"> {{$order->user->phone}}</h4>
                                        <h4 class="title secondary-color text-end"> :Mobile No </h4>
                                    </div>
                                </td>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start"> حالة الطلب :</h4>
                                        <h4 class="title"> {{__('orders.'.$order->status)}} </h4>
                                        <h4 class="title secondary-color text-end"> :Order status  </h4>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start">اسم مزود الخدمة  :</h4>
                                        <h4 class="title"> {{$order->provider->name}} </h4>
                                        <h4 class="title secondary-color text-end"> :Provider name </h4>
                                    </div>
                                </td>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start">الاسم التجاري      :</h4>
                                        <h4 class="title"> {{$order->provider->brand_name}} </h4>
                                        <h4 class="title secondary-color text-end"> :  Trade Name  </h4>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start">  طريقة التوصيل   :</h4>
                                        <h4 class="title"> {{__('web.'.$order->delivery_type)}} </h4>
                                        <h4 class="title secondary-color text-end"> :delivery method </h4>
                                    </div>
                                </td>
                                <td>
                                    <div class="in-flex">
                                        <h4 class="title secondary-color text-start">تاريخ ووقت الطلب      :</h4>
                                        <h4 class="title"> {{date('d/m/Y g:i a',strtotime($order->created_at))}}</h4>
                                        <h4 class="title secondary-color text-end"> :Order date  </h4>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="table-responsive bill_table ">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th class="properties_td">{{__('web.print_properties')}} </th>
                                <th>{{__('web.count_papers')}} </th>
                                <th>{{__('web.count_files')}}  </th>
                                <th>{{__('web.total_paid')}} </th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach($order->files as $key=>$file)
                            <tr>
                                <td>{{$key+1}}</td>
                                <td>{{$file->getProperties()}}</td>
                                <td>{{$file->pages}}</td>
                                <td>{{$file->count}}</td>
                                <td>{{$file->total}} SAR</td>
                            </tr>
                            @endforeach
                   
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="4">
                                    <div class="in-flex">
                                        <span class="text-start"> سعر الطباعة الاجمالي للملفات</span> 
                                        <span class="text-end">Total printing price for the files</span>
                                    </div>
                                </th> 
                                <td colspan="2"><b>{{$order->total_files + $order->admin_val}} SAR</b></td>
                            </tr>
                            <tr>
                                <th colspan="4">
                                    <div class="in-flex">
                                        <span class="text-start">إجمالي التوصيل</span> 
                                        <span class="text-end">Total Delivery amount</span>
                                    </div>
                                </th> 
                                <td colspan="2"><b>{{$order->delivery_val}} SAR</b></td>
                            </tr>
                            @if($order->cobon_id)
                            <tr>
                                <th colspan="4">
                                    <div class="in-flex">
                                        <span class="text-start">إجمالي الخصم</span> 
                                        <span class="text-end">Total Discount</span>
                                    </div>
                                </th> 
                                <td colspan="2"><b>{{$order->cobon_val}} SAR</b></td>
                            </tr>
                            @endif
                        
                            <tr>
                                <th colspan="4">
                                    <div class="in-flex">
                                        <span class="text-start">إجمالي الضريبه المضافه</span> 
                                        <span class="text-end">Total VAT</span>
                                    </div>
                                </th> 
                                <td colspan="2"><b>{{$order->tax_val}} SAR</b></td>
                            </tr>
                            <tr>
                                <th colspan="4">
                                    <div class="in-flex">
                                        <span class="text-start">إجمالي المبلغ المستحق </span> 
                                        <span class="text-end">Total amount due</span>
                                    </div>
                                </th> 
                                <td colspan="2"><b>{{$order->total}} SAR</b></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="text-box text-center">
                    <h1 class="title justify-content-center">{{__('web.thanks_using')}} <b class="primary-color"> {{__('web.project')}} </b></h1>
                    <p class="foot_p">
                        <!-- نتمنى ان تحوز خدمتنا على رضاكم <br> -->
                        {{__('web.complaint')}}<a href="mailto:{{settings('email')}}" class="mail_link secondary-color">{{settings('email')}}</a>
                    </p>
                </div>
                <div class="qr_box">
                    <img src="{{asset($order->qr_code)}}" alt="" class="qr-img"/>
                </div>

            </div>
        </div>

    </main>
    
@stop