@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')
  {!! Form::open(array('route' => 'billing.inquiry','method' => 'POST',  'class' => 'form-horizontal','id' => 'myform')) !!}
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        {{ __('Order management') }}
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{{ __('Inquiry orders') }}
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
        </div>
      </div>
    </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">
          <div class="form-body ">
            <div class="row">
              <div class="col-md-10">
                <fieldset class="btn-action">
                  <legend>{!! __('Search requests the following options') !!}</legend>
                  <br>
                  <div class="row">
                    <div class="col-md-4">
                      <input type="text" class="form-control" name="order_number" value="{!! old('order_number',request('order_number')) !!}" placeholder="{!! __('Invoice') !!}">
                    </div>
                    <div class="col-md-4">
                      <input type="text" class="form-control" name="mobile" value="{!! old('mobile',request('mobile')) !!}" placeholder="{!! __('Mobile') !!}">
                    </div>
                  </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>
        @if ($orders->total() > 0)
          <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>{!! __('Status') !!}</th>
                  <th>{!! __('Date of request') !!}</th>
                  <th>{!! __('Subtotal') !!}</th>
                </tr>
              </thead>
              @php
                $list_delivery ='';
                foreach ($users as $key => $user) {
                  $list_delivery .= '<option value="'.$user->id.'">'.$user->name.'</option>' ;
                }
              @endphp
              <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">
                      @if (empty($order->publish))

                        {!! __('Order pending') !!}

                      @elseif ($order->publish == -1)
                        <span class="">{!! __('Canceled') !!}</span>
                      @else
                        <span class="">{!! transactionOrdr($order->status) !!}</span>
                      @endif
                    </td>
                    <td class="center bg-grey bg-font-grey ">{{ $order->created_at->format('Y-m-d') }}
                    </td>
                    <td class="center bg-blue-madison bg-font-blue-madison">{!! $order->price !!} {!! __('EGP') !!}
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
            <div class="pagination pagination-centered"> {{ $orders->appends(request()->except('_token'))->links() }} </div>
          </div>
        @else
          <div class="note note-danger">
            <br>
            <h4 class="block">{!! __('No Results') !!}</h4>
            <br>
          </div>
        @endif
      </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">
    $(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
      });
      /************************/
      if (!$().confirmation) {
        return;
      }
      $('[data-toggle=confirmation2]').confirmation({
        btnOkClass: 'btn btn-sm btn-success',
        btnCancelClass: 'btn btn-sm btn-danger',
        singleton: true,
        popout: true,
        onConfirm: function() {
          var order_id = $(this).data("id");
          var delivery_id = $(this).data("value");
          $.ajax({
            type: "POST",
            method: "POST",
            url: '{{ route("delivery.order") }}' ,
            data: {
              'order_id': order_id,
              'delivery_id': delivery_id,
            },
            success: function(data) {
              $('#load-ajax').html(data.carts);
              goNotify("success",data.success);
              $(document).find('[data-toggle="confirmation2"]').confirmation({
                btnOkClass: 'btn btn-sm btn-success',
                btnCancelClass: 'btn btn-sm btn-danger',
                singleton: true,
                popout: true});
              }
            });
          },
          onCancel: function() {
          }
        });
        /************************/
        $(document).on("click",".click-conf",function(e){
          e.preventDefault();
          var order_id = $(this).data('id');
          var delivery_id = $(this).data('value');
          $.ajax({
            type: "POST",
            method: "POST",
            url: '{{ route("delivery.order") }}' ,
            data: {
              'order_id': order_id,
              'delivery_id': delivery_id,
            },
            success: function(data) {
              if (data.done == '1') {
                $('#td-'+order_id).html('<span class="badge badge-info">{!! __('Done') !!}</span>');
              }
              else {
                $('#td-'+order_id).html('<span class="badge badge-danger">{!! __('Canceled') !!}</span>');
              }
              goNotify("success",data.success);
            }
          });
        });
        /************************/
      });
    </script>
  @endsection