@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>
        {{ __('Store inventory') }}
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{!! __('Varieties are available') !!}
        </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">{{ __('Available items') }}</span>
          </div>
          <div class="actions">
          </div>
        </div>
        <div class="portlet-body">
          @if ($products->total() > 0)
            <table class="table table-striped custom-table"  >
              <thead>
                <tr>
                  <th width="2%"><i class="fa fa-list"></i></th>
                  <th> {{__('an item')}}</th>
                  <th>{{__('Category')}}</th>
                  <th width="10%">{{__('Actual quantity')}}</th>
                  <th width="10%">{{__('Selling price')}}</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 class=" {{ $item->report }}">
                        {{ $item->stock }}
                      </td>
                      <td>
                        {{ round($item->price) }}  {!! __('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