@extends('layouts.print')
@section('content')
  <div class="row justify-content-center">
    <div class="col-sm-12">
      <div class="card ">
        <div class="card-body col-8 col-sm-8 col-sm-offset-2">
          <br>
          <br>
          <div class="table-">
            <div class="row">
              <div class="col-md-8 ">
                <p>{!! __('Date') !!} : {{ date("Y-m-d") }}</p>
              </div>
              <div class="col-md-4 text-right">
                <img width="80" class="img-logo invert-img" alt="{!! siteTitle() !!}" src="{!! siteLogo() !!}" />

              </div>
            </div>
            <div class="row">
              <div class="col-md-6 col-md-offset-3">
                <div class="row">
                  <div class="col-md-6 col-md-offset-3">
                    <fieldset class="btn-action">
                      <legend>{{ __('Report by customer') }}</legend>
                      <br>
                      <div class="input-daterange input-group" >
                        @if (request('no'))
                          <span class="input-group-addon">{!! __('Invoice') !!} {{ request('no') }}</span>
                        @endif
                        @if (request('mobile'))
                          <span class="input-group-addon">{!! __('Mobile') !!} {{ request('mobile') }}</span>
                        @endif
                      </div>
                    </fieldset>
                  </div>
                </div>

              </div>
            </div>
            <br />
            <div>
              <table class="table table-striped custom-table"  >
                <thead>
                  <tr>
                    <th width="1%"></th>
                    <th width="15%">{!! __('Invoice') !!}</th>
                    <th>{!! __('Customer') !!}</th>
                    <th width="10%">{!! __('Mobile') !!}</th>
                    <th width="10%">{!! __('Region') !!}</th>
                    <th width="10%">{!! __('Total') !!}</th>
                    <th width="10%">{!! __('Date of request') !!}</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($orders as $index => $order)
                    <tr id='{{ $order->id }}'>
                      <td>
                        {{ $loop->index + 1 }}
                      </td>
                      <td class="bg-grey bg-font-grey"> {!! $order->order_number !!} </td>
                      <td>{!! @$order->user->name !!}</td>
                      <td class="center">
                        {!! @Optional($order->user)->mobile !!}
                      </td>
                      <td class="bg-grey bg-font-grey center">
                        {!! @Optional($order->destination)->title !!}
                      </td>
                      <td class="center">
                        {!! $order->delivery+$order->price !!} {!! __('EGP') !!}
                      </td>
                      <td class="bg-grey bg-font-grey center">{{ $order->created_at->format('Y-m-d') }}
                      </td>
                    </tr>
                  @endforeach
                </tbody>
                <tfoot>
                  <tr >
                    <th colspan="5" class="text-right">
                    </th>

                    <th class="center msg-pending pd-20">{!! number_format($orders->sum('price')+$orders->sum('delivery')) !!} {!! __('EGP') !!}</th>
                  </tr>
                </tfoot>
              </table>
            </div>
            <div>
              <div class="col-md-12">
                <p><b>{!! __('Date') !!} :</b> {{ date("Y-m-d") }}</p> <br />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('script')
  <script>
    window.print();
  </script>
@endsection