@extends('admin.layout')
@section('title',__('Orders'))
@section('css')
  <!-- DATA TABLES -->
  <link href="{{URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.css')}}" rel="stylesheet" type="text/css" />
@endsection
@section('breadcrump')
  <h1>
    {{ __('Orders') }}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li class="active"><i class="fa fa-shopping-cart"></i> {{__('Orders')}}</li>
  </ol>
@endsection

@section('content')
<div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
              <h3 class="box-title">{{ __('Orders table') }}</h3>
            </div><!-- /.box-header -->
            <div class="box-body" style="overflow-x:auto">
              <div class="row">
                <div class="col-lg-4">
                  <label for="status">{{__('Status')}}</label>
                  <br>
                  <select name="" id="status" class="form-control">
                    <option value="">{{__('All')}}</option>
                    @foreach($statuses as $status)
                      <option value="{{__($status['name'])}}">{{__($status['name'])}}</option>
                    @endforeach
                    <!-- <option value="{{__('Hold')}}">{{__('Hold')}}</option>
                    <option value="{{__('Confirmed')}}">{{__('Confirmed')}}</option>
                    <option value="{{__('Sending')}}">{{__('Sending')}}</option>
                    <option value="{{__('Delivered')}}">{{__('Delivered')}}</option>
                    <option value="{{__('Canceled')}}">{{__('Canceled')}}</option>
                    <option value="{{__('The price is being received')}}">{{__('The price is being received')}}</option> -->
                  </select>
                </div>
              </div>
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>{{ __('User') }}</th>
                    <th>{{ __('Customer Name') }}</th>
                    <th>{{ __('State') }}</th>
                    <th>{{ __('Phone') }}</th>
                    <th>{{ __('Phone') }} 2</th>
                    <th>{{ __('Brand') }}</th>
                    <th>{{ __('Products') }}</th>
                    <th>{{ __('Storehouse') }}</th>
                    <th>{{ __('Total') }}</th>
                    <th>{{ __('Status') }}</th>
                    <th>{{ __('Shipping company') }}</th>
                    <th>{{ __('Order date') }}</th>
                    <th>{{ __('Action') }}</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($orders as $order)
                    <tr>
                        <td>{{$order->order_id}}</td>
                        <td>
                          @if($order['user'])
                          <a href="{{route('users.show',$order->user['id'])}}" class="btn btn-default">
                            <i class="fa fa-eye"></i> {{$order->user['name']}}
                          </a>
                          @endif

                        </td>
                        <td>
                          {{$order['name']}}
                        </td>
                        <td>
                          @if(isset($order['state']))
                            - {{$order['state']['name']}}
                          @endif
                          @if(isset($order['state']))
                          <br>- {{$order['city']['name']}}
                          @endif
                          @if(isset($order->street))
                          <br>- {{$order->street}}
                          @endif
                        </td>
                        <td>
                            {{$order['phone']}}
                        </td>
                        <td>
                            {{$order['phone_2']}}
                        </td>
                        <td>
                            {{$order['brand']}}
                        </td>
                        <td style="padding:2px 4px">
                            @foreach($order->order_products as $order_products)
                              <p>• <small>{{ $order_products->product->name }}</small></p>
                            @endforeach
                        </td>
                        <td style="padding:2px 4px">
                              {{ __('Storehouse ' .@$order->order_products[0]->product->storehouse ) }}
                              @if(count($order->getMerchantsNames()) > 0)
                                <hr style="margin: 8px 0;">
                                @foreach($order->getMerchantsNames() as $merchant)
                                <p>• <small>{{ $merchant }}</small></p>
                                @endforeach
                              @endif
                        </td>
                        <td>{{formated_price($order->total+ $count_commission)}}</td>
                        <td><button type="button" class="btn  btn-sm order_id_{{$order["id"]}}" style="background-color:{{$order->statusColor()}};color:white;" data-toggle="modal" data-target="#status_modal" onclick="edit_status('{{$order["id"]}}','{{$order["status"]}}')" data-comment="{{$order["comment"]}}"><i class="fa fa-edit"></i> {!! $order->getStatus() !!}</button></td>
                        <td>{{$order->shipping_company}}</td>
                        <td>{{date('d-m-Y',strtotime($order->created_at))}}</td>
                        <td>
                            <a class="btn btn-info btn-sm" href="{{route('orders.show',$order->id)}}"><i class="fa fa-eye"></i></a>
                            <a class="btn btn-warning btn-sm" href="{{route('orders.receipt',$order->id)}}"><i class="fa fa-print"></i></a>
                            <a class="btn btn-primary btn-sm" href="{{route('orders.edit',$order->id)}}"><i class="fa fa-edit"></i></a>
                            <button type="button" class="btn btn-danger btn-sm" onclick="delete_order('{{$order->id}}')"><i class="fa fa-trash"></i></button>
                            <form method="POST" action="{{route('orders.destroy',$order->id)}}" id="delete-{{$order->id}}">
                              @csrf
                              @method('delete')
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
              </table>
            </div><!-- /.box-body -->
          </div><!-- /.box -->
        </div><!-- /.col -->
      </div><!-- /.row -->
      @include('admin.pages.orders.status_modal')
@endsection

@section('scripts')
  <script src="{{URL::asset('assets/js/select2.js')}}" type="text/javascript"></script>
  @include('admin.pages.orders.order_js')
@endsection