@extends('merchant.layout')
@section('title',__('Show order'))
@section('css')
  <!-- 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
   }
  
  </style>
@endsection
@section('breadcrump')
  <h1>
    {{__('Order')}} #{{$order->order_id}}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('merchant/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li><a href="{{ url('merchant/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">
                  <button type="button" class="btn btn-default" onclick="print_order()"><i class="fa fa-print"></i> {{__('Print')}}</button>
                  <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>{{price($order_product->total_commission+$order_product->subtotal)}}</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->subtotal+$order->commission)}}</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)}}</td>
                    </tr>
                    
                </tfoot>
              </table>
            </div><!-- /.col -->
          </div><!-- /.row -->
          <!-- this row will not appear when printing -->
    
        </section><!-- /.content -->
        <div class="clearfix"></div>
        @include('merchant.pages.orders.status_modal')

@endsection

@section('scripts')
  <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('merchant.pages.orders.order_js')
@endsection