@extends('admin.layout')
@section('title',__('Show order'))
@section('css')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <!-- DATA TABLES -->
  <link href="{{URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.css')}}" rel="stylesheet" type="text/css" />
  <style>
   table td,th{
       border-radius: 5px;
       text-align: unset;
       font-weight: 1000!important;
       font-size: 15px;

   }
   .order_products thead th{
      text-align: center
   }
   .order_products tbody td{
    text-align: center
   }

   #social-links ul {
       display: inline-block;margin: 0;padding: 0;
   }
   #social-links ul li {
       display: inline-block;
   }

   #social-links ul li a{
       padding: 0px 15px;
       margin: 2px;
       font-size: 20px;
       color: rgb(46, 41, 114);
       background-color: #f4f4f4;
       border: 1px solid #ddd;
       border-radius: 3px;
   }
  </style>
@endsection
@section('breadcrump')
  <h1>
    {{__('Order')}} #{{$order->order_id}}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li><a href="{{ url('admin/orders') }}"><i class="fa fa-shopping-cart"></i> {{__('Orders')}}</a></li>
    <li class="active">{{__('Order')}} #{{$order->order_id}}</li>
  </ol>
@endsection

@section('content')
        <!-- Main content -->
        <section class="invoice direction">
          <!-- title row -->
          <div class="row no-print">
                <div class="col-xs-12">

                    <div id="social-links" class="float-right">
                        <button type="button" class="btn btn-default" onclick="print_order()"><i class="fa fa-print"></i> {{__('Print')}}</button>
                    {!! $buttons !!}
                    </div>
                    <a class="btn btn-primary" href="{{route('orders.edit',$order->id)}}" style="@if(app()->getLocale()=='en')float:right @else float:left; @endif"><i class="fa fa-edit"></i> {{__('Edit')}}</a>

                </div>
              </div>
              <hr>
          <div class="row">
            <div class="col-xs-12">
              <h2 class="page-header direction">
                <i class="fa fa-globe"></i> {{__('Order Receipt')}} #{{$order->order_id}}
                <small class="@if(app()->getLocale()=='ar') pull-left @else pull-right @endif">{{__('Created at')}}: {{date('d/m/Y',strtotime($order->created_at))}}</small>
              </h2>
            </div><!-- /.col -->
          </div>
          <!-- info row -->
          <div class="row invoice-info">

                <div class="col-xs-12">
                        <div class="table-responsive">
                          <table class="table table-dark">
                            <thead>
                                <th width="200px" style="white-space: nowrap"></th>
                                <th></th>
                            </thead>
                            <tbody>
                                <tr>
                                  <th colspan="2" class="text-center">
                                    {{$order['user']['brand']}}
                                  </th>
                                </tr>
                                <tr>
                                    <th colspan="2" style="background-color:#F5F5F5">{{__('Customer Info')}}</th>
                                </tr>
                                <tr>
                                  <th>{{__('Name')}}:</th>
                                  <td>{{$order->name}}</td>
                                </tr>
                                <tr>
                                  <th>{{__('Phone')}}:</th>
                                  <td>{{$order->phone}}</td>
                                </tr>
                                <tr>
                                    <th>{{__('Alternative Phone')}}:</th>
                                    <td>{{$order->phone_2}}</td>
                                </tr>
                                <tr>
                                  <th>{{__('State')}}:</th>
                                  <td>@if(isset($order['state'])){{$order->state['name']}}@endif</td>
                                </tr>
                                <tr>
                                  <th>{{__('City')}}:</th>
                                  <td>@if(isset($order['city'])){{$order->city['name']}}@endif</td>
                                </tr>
                                <tr>
                                    <th>{{__('Street')}}:</th>
                                    <td>{{$order->street}}</td>
                                </tr>
                                <tr>
                                    <th>{{__('House')}}:</th>
                                    <td>{{$order->home}}</td>
                                </tr>
                                <tr>
                                    <th>{{__('Flat')}}:</th>
                                    <td>{{$order->flat}}</td>
                                </tr>
                                <tr>
                                  <th>{{__('notes')}}:</th>
                                  <td>{{$order->note}}</td>
                                </tr>
                            </tbody>

                          </table>
                        </div>
                </div><!-- /.col -->

          </div><!-- /.row -->
          <hr>
          <!-- Table row -->
          <div class="row">
            <div class="col-xs-12">
              <table class="table order_products">
                <thead>
                  <th>{{__('Product')}}</th>
                  <th>{{__('ProductID')}}</th>
                  <th>{{__('Serial Number')}}</th>
                  <th>{{__('Weight')}}</th>
                  <th width="200px">{{__('Quantity')}}</th>
                  <th width="200px">{{__('Return quantity')}}</th>
                  <th width="200px">{{__('Price')}}</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>{{$order_product->quantity}}</td>
                    <td>{{$order_product->return_quantity}}</td>
                    <td>{{formated_price($order_product->total_product_price_with_site_commission_and_marketer)}}</td>
                  </tr>
                  @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th></th>
                        <th></th>
                        <th colspan="4" style="font-size:16px;background-color:#E0E0E0">{{__('Order Summary')}}</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <th colspan="2" style="background-color:#F8F8F8">{{__('Subtotal')}}:</th>
                        <td colspan="2" style="background-color:#F8F8F8">{{price($order->total_order_product_with_commission_and_marketer)}}</td>
                    </tr>

                    <tr>
                        <td></td>
                        <td></td>
                        <th colspan="2" style="background-color:#F8F8F8">{{__('Shipping')}}:</th>
                        <td colspan="2" style="background-color:#F8F8F8">{{price($order->shipping)}}</td>
                    </tr>
                    <tr>
                      <td></td>
                      <td></td>
                      <th colspan="2" style="background-color:#F8F8F8">{{__('Overweight Total Price')}}:</th>
                      <td colspan="2" style="background-color:#F8F8F8">{{price($order->overweight_price)}}</td>
                    </tr>
                    <tr>

                        <td></td>
                        <td></td>
                        <th colspan="2" style="background-color:#F8F8F8">{{__('Total')}}:</th>
                        <td colspan="2" style="background-color:#F8F8F8">{{price($order->total_order_price)}}</td>
                    </tr>

                </tfoot>
              </table>
            </div><!-- /.col -->
          </div><!-- /.row -->
          <!-- this row will not appear when printing -->

        </section><!-- /.content -->
        <div class="clearfix"></div>
        @include('admin.pages.orders.status_modal')

@endsection

@section('scripts')
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
    <script src="{{ asset('js/share.js') }}"></script>

  <script src="{{URL::asset('assets/js/select2.js')}}" type="text/javascript"></script>
  <!-- DATA TABES SCRIPT -->
  <script src="{{URL::asset('assets/admin/plugins/datatables/jquery.dataTables.js')}}" type="text/javascript"></script>
  <script src="{{URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.js')}}" type="text/javascript"></script>
  @include('admin.pages.orders.order_js')
@endsection