@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::current()->assetPath.'/global/css/plugins.min.css') !!}
  {!! Html::style(theme_url('css/bootstrap-datepicker.min.css')) !!}
  <style media="screen">
  hr{
    margin: 10px 0 0;
  }
</style>
@endsection
@section('content')
  {!! Form::open(array('route' => 'stores.orders','method' => 'POST',  'class' => 'form-horizontal','id' => 'myform')) !!}
  <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>
        {{ __('Reports') }}
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{{ __('Store') }}
        </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-title">
          <div class="caption">
            <i class="fa fa-edit font-purple-soft"></i>
            <span class="caption-subject font-purple-soft bold">{{ __('Reports') }} / {{ __('Store') }}</span>
            <h1 class="page-title">
              <small>  </small>
            </h1>
          </div>
          <div class="actions">
          </div>
        </div>
        <div class="portlet-body">
          <div class="row">
            <div class="col-lg-12">
              <div class="portlet light ">
                <div class="portlet-body">
                  <div class="row">
                    <div class="col-md-3">
                      <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 bordered">
                        <h4 class="widget-thumb-heading">{!! __('Number of items') !!}</h4>
                        <div class="widget-thumb-wrap">
                          <i class="widget-thumb-icon bg-green icon-bulb"></i>
                          <div class="widget-thumb-body">
                            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{ @$data['stock_all'] ?? 0 }}">{{ @$data['stock_all'] ?? 0 }}</span>
                            <span class="widget-thumb-subtitle">{!! __('Item') !!}</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="easy-pie-chart">
                        <div class="number visits" data-percent="{{ getNumberPercent(@$data['stock_in'],@$data['stock_all']) }}">
                          <span>+{{ getNumberPercent(@$data['stock_in'],@$data['stock_all']) }}</span>% </div>
                          <a class="title bg-green-jungle bg-font-green-jungle" href="javascript:;"> {!! __('Varieties are available') !!}
                            ({{ @$data['stock_in'] ?? 0 }})
                          </a>
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="easy-pie-chart">
                          <div class="number transactions" data-percent="{{ getNumberPercent(@$data['stock_wanted'],@$data['stock_all']) }}">
                            <span>+{{ getNumberPercent(@$data['stock_wanted'],@$data['stock_all']) }}</span>% </div>
                            <a class="title bg-yellow-saffron bg-font-yellow-saffron" href="javascript:;"> {!! __('Required items') !!}
                              ({{ @$data['stock_wanted'] ?? 0 }})
                            </a>
                            <p class="mt-body-description">{!! __('Few balance') !!}</p>
                          </div>
                        </div>
                        <div class="col-md-3">
                          <div class="easy-pie-chart">
                            <div class="number bounce" data-percent="{{ getNumberPercent(@$data['stock_out'],@$data['stock_all']) }}">
                              <span>+{{ getNumberPercent(@$data['stock_out'],@$data['stock_all']) }}</span>% </div>
                              <a class="title bg-red bg-font-red"  href="javascript:;"> {!! __('Required items') !!}
                                ({{ @$data['stock_out'] ?? 0 }})
                              </a>
                              <p class="mt-body-description">{!! __('Balance equals zero') !!}</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="portlet light bordered bg-grey-cararra bg-font-grey-cararra">
                  <div class="form-body ">
                    <div class="form-group">
                      <div class="row">
                        <div class="col-md-3">
                          <input type="text" class="form-control input-md" name="title" value="{!! old('title',request('title')) !!}" placeholder="{!! __('Item title') !!}">
                        </div>
                        <div class="col-md-3">
                          <select class="form-control select2" data-placeholder="{{ __('Select category') }}" name="category_id" id="category_id" style="width: 100%">
                            <option value="">{!! __('Select') !!}</option>
                            @foreach ($categories as $item)
                              <option value='{{ $item->id }}'  @if (old('category_id',request('category_id')) == $item->id)
                                selected="selected"
                              @endif
                              >
                              @if ($item->depth > 1)
                                {!! str_repeat('-',$item->depth) !!}<i class="fa fa-angle-right" aria-hidden="true"></i>
                              @endif
                              {{ $item->title }} ({{ $item->products->count() }})
                            </option>
                          @endforeach
                        </select>
                      </div>
                      <div class="col-md-2">
                        <select class="form-control select2" data-placeholder="{{ __('Select status') }}" name="stock_status" id="stock_status" style="width: 100%">
                          <option value="0">{{ __('Select status') }}</option>
                          <option value='1'  @if (old('stock_status',request('stock_status')) == '1')
                            selected="selected"
                          @endif
                          >
                          {{ __('Varieties are available') }}
                        </option>
                        <option value='2'  @if (old('stock_status',request('stock_status')) == '2')
                          selected="selected"
                        @endif
                        >
                        {{ __('Required items') }}
                      </option>
                      <option value='3'  @if (old('stock_status',request('stock_status')) == '3')
                        selected="selected"
                      @endif
                      >
                      {{ __('Items not available') }}
                    </option>
                  </select>
                </div>
                <div class="col-md-4">
                  <div class="input-daterange input-group" >
                    <span class="input-group-addon">{!! __('Quantity') !!}</span>
                    <input type="number" class="input-md form-control start-md" name="stock_from" placeholder="{!! __('From') !!}" value="{!! old('stock_from',request('stock_from')) !!}" />
                    <span class="input-group-addon">-</span>
                    <input type="number" class="input-md form-control end-md" name="stock_to" placeholder="{!! __('To') !!}" value="{!! old('stock_to',request('stock_to')) !!}"/>
                  </div>
                </div>
              </div>
              <hr>
            </div>
          </div>
          <div class="form-actions">
            <div class="row">
              <div class="col-md-offset-4 col-md-4">
                <button type="submit" class="btn blue btn-block">{!! __('Search') !!}</button>
              </div>
            </div>
          </div>
        </div>
        @if ($products->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') !!} ({{ $products->total() }} {!! __('Item') !!})
            </span>
            <span class="caption-subject pull-right">
              {!! __('Gross profit') !!} ( {{__('Selling price')}} - {{__('Cost price')}}) * {{__('Quantity')}}
            </span>
          </div>
          <table class="table table-striped custom-table"  >
            <thead>
              <tr>
                <th width="2%"><i class="fa fa-list"></i></th>
                <th><i class="fa fa-bookmark-o"></i> {{__('Item')}}</th>
                <th><i class="fa fa-building-o"></i> {{__('Category')}}</th>
                <th width="10%">{{__('Selling price')}}</th>
                <th width="10%">{{__('Cost price')}}</th>
                <th width="5%">{{__('Quantity')}}</th>
                <th width="10%">{{__('Gross profit')}}</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($products as $index => $item)
                <tr id='{{ $item->id }}'>
                  <td>
                    {{ $loop->index + $products->firstItem() }}
                  </td>
                  <td>
                    <a href="{!! URL::route('admin.product.edit',[$item->id]) !!}" >
                      @if ($item->depth > 1)
                        {!! str_repeat('-',$item->depth) !!}◄
                      @endif
                      {{ $item->title }}</a>
                    </td>
                    <td class="bg-grey bg-font-grey">
                      {{ @$item->Category->title }}
                    </td>
                    <td>
                      {{ round($item->price) }}  {!! __('EGP') !!}
                    </td>
                    <td class="center bg-grey bg-font-grey ">
                      {{ round($item->price_cost) }}  {!! __('EGP') !!}
                    </td>
                    <td class=" {{ $item->report }}">
                      {{ $item->stock }}
                    </td>
                    <td class="center bg-blue-madison bg-font-blue-madison">
                      {{ ($item->price - $item->price_cost)*$item->stock }} {!! __('EGP') !!}
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
            <div class="pagination pagination-centered"> {{ $products->appends(request()->except('_token'))->links() }} </div>
          @else
            <div class="note note-danger">
              <br>
              <h4 class="block">{!! __('No Results') !!}</h4>
              <br>
            </div>
          @endif
        </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-ui/jquery-ui.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/pages/scripts/dashboard.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() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      $("select").select2();
    } );
  </script>
@endsection