@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">
  hr{
    margin: 10px 0 0;
  }
  .msg-pending .bg-font-blue{color:#333 !important}
  </style>
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ route('dashboard.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        {{ __('Sales management') }}
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{{ __('Order processing') }}
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">

    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet light bordered bg-grey-cararra bg-font-grey-cararra">
          {!! Form::open(array('route' => 'new.processing.orders','method' => 'POST',  'class' => 'form-horizontal','id' => 'myform')) !!}

          <div class="form-body ">
            <div class="row">
              <div class="col-md-6">
                <fieldset class="btn-action">
                  <legend>{!! __('Search') !!} {!! __('By invoice number') !!}</legend>
                  <br>
                  <div class="row">
                    <div class="col-md-12">
                      <input type="text" class="form-control" name="order_number" value="{!! old('order_number',request('order_number')) !!}" placeholder="{!! __('Invoice') !!}">
                    </div>
                    </div>
                  </fieldset>
                </div>
                <div class="col-md-4">
                  <fieldset class="btn-action">
                    <legend>{!! __('Search requests by date') !!}</legend>
                    <br>
                    <div class="input-daterange input-group" >
                      <span class="input-group-addon">{!! __('Date of request') !!}</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>
            {!! Form::close() !!}
          </div>
          @if ($orders->total() > 0)
            {!! Form::open(array('route' => 'go.processing.orders','method' => 'POST',  'class' => 'form-horizontal','id' => 'myform2')) !!}

            <div class="caption p-10">
              <i class="icon-settings font-green-sharp"></i>
              <span class="caption-subject font-green-sharp bold uppercase">
                {!! __('Results No') !!} ({{ $orders->total() }} {!! __('Order') !!})
              </span>
            </div>
            <div class="portlet-body" id='load-ajax'>
              <table class="table table-striped custom-table  "  >
                <thead>
                  <tr>
                    <th width="1%"></th>
                    <th width="10%">{!! __('Invoice') !!}</th>
                    <th>{!! __('Name') !!}</th>
                    <th>{!! __('Mobile') !!}</th>
                    <th>{!! __('Region') !!}</th>
                    <th>{!! __('Date of request') !!}</th>
                    <th>{!! __('Subtotal') !!}</th>
                    <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                      <input type="checkbox" class="check-all" value="1">
                      {!! __('Select all') !!}
                      <span></span>
                    </label></th>
                  </tr>
                </thead>
              
                <tbody>
                  @foreach ($orders as $index => $order)
                    <tr id='{{ $order->id }}' class=" msg-{!! $order->statuss !!}">
                      <td>
                        {{ $loop->index + $orders->firstItem() }}
                      </td>
                      <td class="text-right "> <a target="_blank" class="bg-font-blue font18" href="{!! URL::route('admin.order.show', [$order->id]) !!}">{!! $order->order_number !!}</a> </td>
                      <td class="center bg-white bg-font-white">{!! @$order->user->name !!}</td>
                      <td class="center bg-white bg-font-white">{!! @$order->user->mobile !!}</td>
                      <td class="center bg-white bg-font-white">{!! @$order->destination->title !!} </td>
                      <td class="center bg-grey bg-font-grey ">{{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}
                      </td>
                      <td class="center bg-blue-madison bg-font-blue-madison">{!! $order->price !!} {!! __('EGP') !!}</td>
                      <td class="center center bg-white bg-font-white" id="td-{{ $order->id }}">

                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                            <input type="checkbox" class="checkboxs" value="{{$order->id}}" name="orders[]">

                            <span></span>
                        </label>

                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
              <div class="pagination pagination-centered"> {{ $orders->appends(request()->except('_token'))->links() }} </div>
            </div>

            <div class="portlet light bordered bg-grey-cararra bg-font-grey-cararra">
              <div class="form-body text-center">
                <div class="actions btn-set">
                  <button class="icon-btn blue " type="submit" style="margin-top: 10px;height: 80px;width: 180px;background: #3598dc;">
                    <div style="color: #fff;font-size: 20px;">{!! __('Procedure') !!}</div>
                  </button>
                </div>
                </div>
              </div>
              {!! Form::close() !!}

          @else
            <div class="note note-danger">
              <br>
              <h4 class="block">{!! __('No Results') !!}</h4>
              <br>
            </div>
          @endif
        </div>
      </div>
    </div>

  @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">
      jQuery(document).ready(function($){
        $(".check-all").click(function () {
          $('input:checkbox').not(this).prop('checked', this.checked);
        });
      });
    </script>
    <script type="text/javascript">
      $(document).ready(function(){
        $.ajaxSetup({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
        });
        $("select").select2();

        /************************/
        $('.input-daterange').datepicker({
          format: "yyyy-mm-dd",
          maxViewMode: 2,
          clearBtn: true,
          language: "ar",
          orientation: "bottom auto",
          keyboardNavigation: false,
          autoclose: true,
          todayHighlight: true,
          toggleActive: true
        });
          /************************/
        });
      </script>
    @endsection