@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;
       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->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('merchant.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 details')}} #{{$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-6">
                        <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" 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>{{__('Brand')}}:</th>
                                  <td>{{$order->brand}}</td>
                                </tr>
                                <tr>
                                  <th>{{__('notes')}}:</th>
                                  <td>{{$order->note}}</td>
                                </tr>
                            </tbody>
                            
                          </table>
                        </div>
                </div> -->
                <!-- /.col -->
                
          </div><!-- /.row -->
          <!-- <hr> -->
          <div class="row">
            <h4>{{__('Seller Comment')}} :</h4>
            <p>
              {{$order['comment']}}
            </p>
          </div>
          <hr>
          <!-- Table row -->
          <div class="row">
            <div class="col-xs-12">
              <table class="table order_products">
                <thead>
                  <th width="20%">{{__('Product')}}</th>
                  <th width="">{{__('Type')}}</th>
                  <th width="10%">{{__('Serial Number')}}</th>
                  <th width="">{{__('Weight')}}</th>
                  <th width="">{{__('Quantity')}}</th>
                  <th width="">{{__('Return quantity')}}</th>
                  <th width="10%">{{__('Price')}}</th>
                  <th width="15%">{{__('Total commission')}}</th>
                  <th width="15%">{{__('Subtotal')}}</th>
                </thead>
                <tbody>
                  @foreach($order->order_products as $order_product)
                    @if($order_product->product->merchant_id == auth()->guard('merchant')->user()->id)
                    <tr>
                      <td>{{$order_product['product']['name']}}</td>
                      <td>{{$order_product['product']['type']}}</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->price)}}</td>
                      <td>{{price($order_product->total_commission)}}</td>
                      <td>{{price($order_product->subtotal)}}</td>
                    </tr>
                    @endif
                  @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <th colspan="6" style="font-size:16px;background-color:#E0E0E0">{{__('Order Summary')}}</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <th colspan="3" style="background-color:#F8F8F8">{{__('Subtotal')}}:</th>
                        <td colspan="3" style="background-color:#F8F8F8">{{price($order->subtotal)}}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <th colspan="3" style="background-color:#F8F8F8">{{__('Commission')}}:</th>
                        <td colspan="3" style="background-color:#F8F8F8">{{price($order->commission)}}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>

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

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

                        <th colspan="3" style="background-color:#F8F8F8">{{__('Total')}}:</th>
                        <td colspan="3" 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