@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  {!! Html::style(Theme::current()->assetPath.'/pages/css/profile.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css') !!}
  {!! Html::style(theme_url('css/bootstrap-datepicker.min.css')) !!}
  <style media="screen">
  .datepicker {
    direction: rtl;
  }
  .datepicker.dropdown-menu {
    right: initial;
  }
  .table td.pd-20 ,
  .table th.pd-20 {
    padding: 20px 0;
    font-weight: bold;
    font-size: 16px;
  }
  </style>
@endsection
@section('content')
  {!! Form::open(array('route' => 'sales.orders','method' => 'POST',  'class' => 'form-inline margin-bottom-0','id' => 'myform')) !!}
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <i class="fa fa-circle"></i>
        <span>{{ __('Reports') }}</span>
      </li>
      <li>
        <i class="fa fa-circle"></i>
        <span>{{ __('Sales') }}</span>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">

        </div>
      </div>
    </div>
  </div>
  <div class="portlet light bordered bg-grey-cararra bg-font-grey-cararra">
    <div class="form-body ">
        <div class="row">
          <div class="col-md-6">
            <fieldset class="btn-action">
              <legend>{!! __('Search requests the following options') !!}</legend>
              <br>

              <div class="row">
                <div class="col-md-6">
                  <input type="text" class="form-control" name="search" value="{!! old('search',request('search')) !!}" placeholder="{!! __('Customer') !!}">
                </div>
                <div class="col-md-6">
                  <select name="destination_id" style="width: 100%;min-width:100%" class="form-control form-filter input-sm">
                    <option value="">{!! __('Select the region') !!}</option>
                    @foreach ($destinations as $key => $destination)
                      <option value="{{ $destination->id }}" @if (old('destination_id',request('destination_id')) == $destination->id) selected @endif>{{ $destination->title }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
              </fieldset>
            </div>
            <div class="col-md-4">
              <fieldset class="btn-action">
                <legend>{!! __('Sales during a period') !!}</legend>
                <br>
                <div class="input-daterange input-group" >
                  <span class="input-group-addon">-</span>
                  <input type="text" class="input-md form-control start-md" name="date_from" placeholder="{!! __('From') !!}" value="{!! old('date_from',request('date_from')) !!}" />
                  <span class="input-group-addon">-</span>
                  <input type="text" class="input-md form-control end-md" name="date_to" placeholder="{!! __('To') !!}" value="{!! old('date_to',request('date_to')) !!}"/>
                </div>
              </fieldset>
            </div>
            <div class="col-md-2">
              <div class="actions btn-set">
                <button class="icon-btn blue" type="submit" style="margin-top: 10px;height: 80px;min-width: auto;width: 100%;background: #3598dc;">
                  <div style="color: #fff;font-size: 20px;">{!! __('Search') !!}</div>
                </button>
              </div>
            </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="portlet light bordered">

          <div class="portlet-body">
            <table class="table table-striped custom-table"  >
              <thead>
                <tr>
                  <th width="1%"></th>
                  <th width="15%">{!! __('Invoice') !!}</th>
                  <th>{!! __('Customer') !!}</th>
                  <th width="15%">{!! __('Total') !!}</th>
                  <th width="15%">{!! __('Region') !!}</th>
                  <th width="15%">{!! __('Date') !!}</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($orders as $index => $order)
                  <tr id='{{ $order->id }}'>
                    <td>
                      {{ $loop->index + $orders->firstItem() }}
                    </td>
                    <td class="bg-grey bg-font-grey"> <a href="{!! URL::route('admin.order.show', [$order->id]) !!}">{!! $order->order_number !!}</a> </td>
                    <td>{!! @$order->user->name !!}</td>
                    <td class="bg-grey bg-font-grey center">
                      {!! $order->delivery+$order->price !!} {!! __('EGP') !!}
                    </td>
                    <td class="center">
                      {!! @$order->destination->title !!}
                    </td>
                    <td class="bg-grey bg-font-grey center">{{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}
                    </td>
                  </tr>
                @endforeach
              </tbody>
              <tfoot>
                <tr >
                  <th>
                  </th>
                  <th class="text-right"> </th>
                  <th></th>
                  <th class="center msg-pending pd-20">{!! number_format($orders->sum('price')) !!} {!! __('EGP') !!}</th>
                  <th class="center pd-20">{!! number_format($orders->sum('delivery')) !!} {!! __('EGP') !!}</th>
                  <th class="center msg-pending pd-20">{!! number_format($orders->sum('price')+$orders->sum('delivery')) !!} {!! __('EGP') !!}</th>
                </tr>
                <tr role="row" class="filter">
                  <td class="pd-20 " colspan="3">
                    <span class="btn btn-md">{!! __('Total invoices') !!}</span>
                    <span class="btn btn-outline btn-md blue">
                      {!! $orders->total() !!}
                    </span>
                  </td>
                  <td colspan="2" class="pd-20 ">
                    <span class="btn btn-md">{!! __('Total sales') !!}</span>
                    <span class="btn btn-outline btn-md blue">
                      {!! number_format($total) !!} {!! __('EGP') !!}
                    </span>
                  </td>
                </tr>
              </tfoot>
            </table>
          </div>
          <div class="pagination pagination-centered"> {{ $orders->appends(request()->except('_token'))->links() }} </div>
        </div>
      </div>
    </div>
    {!! Form::close() !!}
  @endsection
  @section('scripts')
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/lib/markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/js/bootstrap-markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/jquery.validate.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/additional-methods.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/pages/scripts/form-validation.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-ui/jquery-ui.min.js') !!}
    {!! Html::script(theme_url('js/bootstrap-datepicker.min.js')) !!}
    {!! Html::script(theme_url('js/bootstrap-datepicker.ar.min.js')) !!}
    <script type="text/javascript">
      $( function() {
        $("select").select2();
        $('.date-picker').datepicker({
          language: 'ar',
          format: 'yyyy-mm-dd',
          rtl: 0,
          autoclose: true,
          clearBtn: true,
          changeMonth: true,
          changeYear: true
        });
        $.ajaxSetup({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
        });
      } );
    </script>
  @endsection