@extends('front.layout')
@section('title')
    {{__('Your bills are at your fingertips at any time')}}
@endsection
@section('css')
    <link href="{{url('assets/front/css/cart.css')}}" rel="stylesheet">
    <link href="{{url('assets/front/css/checkout.css')}}" rel="stylesheet">
@endsection
@section('content')
    <main class="bg_gray">
        <div class="container margin_30">
            <!-- /page_header -->
            <div class="row rtl" style="background-color: white;padding:30px;">
                <button type="button" class="btn btn-default" onclick="print_order()"><i
                        class="fa fa-print"></i> {{__('Print')}}</button>
            </div>
            <br>
            <!-- /cart_actions -->
            <div id="print" style="background-color: white;font-weight: bold">
                <div class="row rtl " style="background-color: white;padding:30px;">
                    <div style="display: contents;">
                            <div class="col-md-6">
                                <h4 class="page-header direction">
                                    <p>{{__('Order Receipt')}} #{{$order->order_id}}</p>
                                </h4>
                            </div><!-- /.col -->
                            <div class="col-md-6">
                                <h4 class="page-header direction">
                                    <small
                                        class="@if(app()->getLocale()=='ar') pull-left @else pull-right @endif">{{__('Created at')}}
                                        : {{date('d/m/Y',strtotime($order->created_at))}}</small>
                                </h4>
                            </div><!-- /.col -->
                    </div>

                    <table class="table table-dark" style="18px:18px;font-weight:bold;">
                        <tbody>
                        <tr>
                            <th colspan="2" class="text-center">
                                {{$order['user']['brand']}}
                            </th>
                        </tr>
                        <tr>
                            <th colspan="2" style="background-color:#F5F5F5 !important;">{{__('Customer Info')}}</th>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('Name')}}:</th>
                            <td>{{$order->name}}</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('Phone')}}:</th>
                            <td>{{$order->phone}}</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('Alternative Phone')}}:</th>
                            <td>{{$order->phone_2}}</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('State')}}:</th>
                            <td>@if(isset($order['state']))
                                    {{$order->state['name']}}
                                @endif</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('City')}}:</th>
                            <td>@if(isset($order['city']))
                                    {{$order->city['name']}}
                                @endif</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('Street')}}:</th>
                            <td>{{$order->street}}</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('House')}}:</th>
                            <td>{{$order->home}}</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('Flat')}}:</th>
                            <td>{{$order->flat}}</td>
                        </tr>
                        <tr>
                            <th style="width:250px;">{{__('notes')}}:</th>
                            <td>{{$order->note}}</td>
                        </tr>
                        </tbody>

                    </table>
                    <div class="col-md-12 mt-4">
                        <table class="table order_products" style="18px:18px;font-weight:bold; text-align: center">
                            <thead style="background-color:#ccc">
                            <th>{{__('Product')}}</th>
                            <th>{{__('ProductID')}}</th>
                            <th>{{__('Serial Number')}}</th>
                            <th>{{__('Weight')}}</th>
                            <th>
                                {{__('Description')}}
                            </th>
                            <th width="200px">{{__('Quantity')}}</th>
                            <th width="200px">{{__('Return quantity')}}</th>
                            <th width="200px">{{__('Subtotal')}}</th>
                            </thead>
                            <tbody>
                            @foreach($order->order_products as $order_product)
                                <tr>
                                    <td>{{$order_product['product']['name']}}</td>
                                    <td>{{$order_product['product']['ProductID']}}</td>
                                    <td>{{$order_product['product']['serial_number']}}</td>
                                    <td>{{$order_product['product']['weight']}}</td>
                                    <td>
                                        <div class="desc">
                                            <ul class="list-unstyled">
                                                @foreach($order_product['options'] as $option)
                                                    <li>
                                                        <strong>{{$option['option']['attribute']['name']}}:</strong>
                                                        {{$option['option']['name']}}
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </td>
                                    <td>{{$order_product->quantity}}</td>
                                    <td>{{$order_product->return_quantity}}</td>
                                    <td>{{$order_product->total_product_price_with_site_commission_and_marketer}}</td>
                                </tr>
                            @endforeach
                            </tbody>

                        </table>
                    </div>
                    <div class="col-md-12 mt-4" style="18px:18px;font-weight:bold;">
                        <div class="step last">
                            <h3 class="cart-title" style="18px:18px;font-weight:bold;background-color:#E0E0E0;color: #333;font-weight: bold;">{{__('Order summary')}}</h3>
                            <div class="box_general summary">
                                <ul>
                                    <li class="clearfix" style="font-weight: bold;18px: 18px">
                                        <strong>{{__('Subtotal')}}</strong>
                                        <span
                                            id="subtotal">{{price($order->total_order_product_with_commission_and_marketer)}}</span>
                                    </li>
                                    <li class="clearfix" style="font-weight: bold;font-size: 18px">
                                        <strong>{{__('Shipping')}}</strong>
                                        <span
                                            class="shipping">{{formated_price($order->shipping)}}</span></li>
                                    <li class="clearfix" style="font-weight: bold;font-size: 18px">
                                        <strong>{{__('Overweight Total Price')}}</strong>
                                        <span
                                            class="overweight_price">{{formated_price($order->overweight_price)}}</span>
                                    </li>
                                </ul>
                                <div class="total clearfix">{{__('TOTAL')}} <span
                                        id="total">{{formated_price($order->total_order_price)}}</span>
                                </div>
                            </div>
                            <!-- /box_general -->
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- /container -->
    </main>
@endsection
@section('scripts')
    <script>
        function print_order() {
            var divContents = $('#print').html();
            var a = window.open('', '', 'height=500, width=500');
            a.document.write('<html><head>');
            a.document.write('<link href="{{url('assets/front/css/bootstrap.custom.min.css')}}" rel="stylesheet"><link href="https://cdn.jsdelivr.net/bootstrap.tagsinput/0.8.0/bootstrap-tagsinput.css" rel="stylesheet"/><link href="{{url('assets/front/css/style.css')}}" rel="stylesheet"><link href="{{url('assets/front/css/cart.css')}}" rel="stylesheet"><link rel="stylesheet" href="{{url('assets/front/css/checkout.css')}}"/><link href="{{url('assets/front/css/rtl.css')}}" rel="stylesheet">');
            a.document.write('</head><body>');
            a.document.write(divContents);
            a.document.write('</body></html>');
            a.document.close();
            setTimeout(function () {
                a.print();
            }, 1000);
            return null;
        }
    </script>
@endsection