@extends('admin.layout.master')
@push('css')
    <link rel="stylesheet" type="text/css" href="{{asset('dashboard/app-assets/css-rtl/pages/invoice.css')}}">

@endpush
@section('content')

    <!-- BEGIN: Content-->
    <div class="content-body">
        <!-- invoice functionality start -->
        <section class="invoice-print mb-1">
            <div class="row">

                <fieldset class="col-12 col-md-5 mb-1 mb-md-0">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Email" aria-describedby="button-addon2">
                        <div class="input-group-append" id="button-addon2">
                            <button class="btn btn-outline-primary" type="button">Send Invoice</button>
                        </div>
                    </div>
                </fieldset>
                <div class="col-12 col-md-7 d-flex flex-column flex-md-row justify-content-end">
                    <button class="btn btn-primary btn-print mb-1 mb-md-0"> <i class="feather icon-file-text"></i> Print</button>
                    <button class="btn btn-outline-primary  ml-0 ml-md-1"> <i class="feather icon-download"></i> Download</button>
                </div>
            </div>
        </section>
        <!-- invoice functionality end -->
        <!-- invoice page -->
        <section class="card invoice-page">
            <div id="invoice-template" class="card-body">
                <!-- Invoice Company Details -->
                <div id="invoice-company-details" class="row">
                    <div class="col-sm-6 col-12 text-left pt-1">
                        <div class="media pt-1">
                            <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image')))}}" alt="{{setting('site_name')}}"  style="width: 200px"/>
                        </div>
                    </div>
                    <div class="col-sm-6 col-12 text-right">
                        <h1>الفاتوره</h1>
                        <div class="invoice-details mt-2">
                            <h6>رقم الطلب .</h6>
                            <p>{{$order->order_number}}</p>
                            <h6 class="mt-2">تاريخ الطلب</h6>
                            <p>{{$order->created_at}}</p>
                        </div>
                    </div>
                </div>
                <!--/ Invoice Company Details -->

                <!-- Invoice Recipient Details -->
                <div id="invoice-customer-details" class="row pt-2">
                    <div class="col-sm-6 col-12 text-left">
                        <h5>Recipient</h5>
                        <div class="recipient-info my-2">
                            <p>{{$order->user->name}}</p>
                            <p>{{\App\Models\Government::findOrFail($orderShipping->government_id)->name}}  , {{\App\Models\Region::findOrFail($orderShipping->region_id)->name}}</p>
                            <p> @lang('admin.block') : {{$orderShipping->block}}    -    @lang('admin.street_name') : {{$orderShipping->gada}}</p>
                            <p> @lang('admin.Jade') : {{$orderShipping->jada}}    -    @lang('admin.building') : {{$orderShipping->building}}</p>
                            <p> @lang('admin.floor') : {{$orderShipping->floor}}    -    @lang('admin.room_number') : {{$orderShipping->room_number}}</p>
                            <p></p>
                        </div>
                        <div class="recipient-contact pb-2">
                            <p>
                                <i class="feather icon-mail"></i>
                                {{$order->user->email}}
                            </p>
                            <p>
                                <i class="feather icon-phone"></i>
                                {{$order->user->phone}}
                            </p>
                        </div>
                    </div>
                </div>
                <!--/ Invoice Recipient Details -->

                <!-- Invoice Items Details -->
                <div id="invoice-items-details" class="pt-1 invoice-items-table">
                    <div class="row">
                        <div class="table-responsive col-12">
                            <table class="table table-borderless">
                                <thead>
                                <tr>
                                    <th>الاسم</th>
                                    <th>الكميه</th>
                                    <th>السعر</th>
                                    <th>المجموع</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                @foreach($order->products as $product)

                                                                    <tr>
                                    <td>{{$product->name}}</td>
                                    <td>{{$product->pivot->quantity}}</td>
                                    <td>{{$product->pivot->price}}</td>
                                    <td>{{number_format($total_price , 3)}}</td>
                                </tr>
                                @endforeach




                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div id="invoice-total-details" class="invoice-total-table">
                    <div class="row">
                        <div class="col-7 offset-5">
                            <div class="table-responsive">
                                <table class="table table-borderless">
                                    <tbody>
                                    <tr>
                                        <th>SUBTOTAL</th>
                                        <td>{{$tott}} KWD</td>
                                    </tr>
                                    <tr>
                                        <th>Shipping Cost </th>
                                        <td>{{$order->price_ship}} KWD</td>
                                    </tr>
                                    <tr>
                                        <th>DISCOUNT ({{ $checkCoupons != null ? $checkCoupons->value : 0}}%)</th>
                                        <td>{{ $checkCoupons != null ? $checkCoupons->value : 0}} %</td>
                                    </tr>
                                    <tr>
                                        <th>TOTAL</th>
                                        <td>{{$tott + $order->price_ship }} KWD</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
        </section>
        <!-- invoice page end -->

    </div>
    <!-- END: Content-->

@endsection
@push('js')
    <!-- BEGIN: Page JS-->
    <script src="{{asset('dashboard/app-assets/js/scripts/pages/invoice.js')}}"></script>
    <!-- END: Page JS-->
@endpush