@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="panel panel-default">
                  <div class="panel-heading">
                <h3 class="panel-title text-center">{!! __('Sales report') !!} {!! __('During the period') !!}
                    <br>
                    <br> <b>{!! __('From') !!}</b> <span dir="ltr">{{ request('from') }}</span>
                  <b>{!! __('To') !!} </b> <span dir="ltr">{{ request('to') }}</span></h3>
              </div>
                  <ul class="list-group">
                    <li class="list-group-item">{!! __('Total sales') !!}
                      <span style="float:left">{!! number_format($orders->sum('price')) !!} {!! __('EGP') !!}</span>
                    </li>
                    <li class="list-group-item">{!! __('Total delivery') !!}
                      <span style="float:left">{!! number_format($orders->sum('delivery')) !!}  {!! __('EGP') !!}</span>
                    </li>
                    <li class="list-group-item">{!! __('Total') !!}
                      <span style="float:left">   (<b>{!! number_format($orders->sum('price')+$orders->sum('delivery')) !!}</b>) {!! __('EGP') !!}  </span>
                    </li>
                    <li class="list-group-item">{!! __('Total invoices') !!}
                      <span style="float:left"> (<b>{!! count($orders) !!}</b>) {!! __('Invoice') !!}</span>
                    </li>
                  </ul>
                </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 name') !!}</th>
                    <th width="10%" class="text-center">{!! __('Region') !!}</th>
                    <th width="20%" class="text-center">{!! __('Total bill') !!}</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($orders as $index => $order)
                    <tr id='{{ $order->id }}'>
                      <td>
                        {{ $loop->index + 1 }}
                      </td>
                      <td class="bg-grey "> {!! $order->order_number !!} </td>
                      <td>{!! @$order->user->name !!}</td>
                      <td class="bg-grey text-center">
                        {!! @Optional($order->destination)->title !!}
                      </td>
                      <td class="text-center">
                        {!! $order->delivery+$order->price !!} {!! __('EGP') !!}
                      </td>
                    </tr>
                  @endforeach
                </tbody>
                <tfoot>
                  <tr >
                    <th colspan="4">
                    </th>
                    <th  class="text-center">{!! 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