@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') !!}
@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>
        {{ __('Offers products') }}
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          <a href="{!! URL::route('admin.product.create') !!}" class="btn btn-sm green">
            <i class="fa fa-plus"></i> {{ __('New') }}
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
        {!! Form::open(array('route' => 'add.product.offers','method' => 'PUT',  'class' => 'form-inline margin-bottom-0','id' => 'myform')) !!}
        <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>{!! __('Offers can be added by filter sections or searching for a category') !!}</legend>
                  <br>
                  <div class="row">
                    <div class="col-md-4">
                      <input type="text" class="form-control " 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="-1">{!! __('Select category') !!}</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-3">
                    <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-2">
              @php
                $limit        =  Session::get('limit_product');
              @endphp
              <select class="form-control" data-placeholder="{{ __('Limit') }}" name="limit_by" id="limit_by" style="width: 100%;" onchange="this.form.submit()">
                <option value="">{!! __('Limit') !!}</option>
                <option value="10" @if ($limit == '10')
                  selected="selected"
                @endif>10</option>
                <option value="20" @if ($limit == '20')
                  selected="selected"
                @endif>20</option>
                <option value="30" @if ($limit == '30')
                  selected="selected"
                @endif>30</option>
                <option value="50" @if ($limit == '50')
                  selected="selected"
                @endif>50</option>
                <option value="100" @if ($limit == '100')
                  selected="selected"
                @endif>100</option>
              </select>
            </div>
          </div>
        </fieldset>
      </div>
      <div class="col-md-2">
        <div class="actions btn-set btn-lg">
          <button class="icon-btn color-view bg-blue-soft bg-font-blue-soft bold uppercase" 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>
{{ Form::close() }}
@if ($products->total() > 0)
  {!! Form::open(array('route' => 'save.product.offers','method' => 'post',  'class' => 'form-inline margin-bottom-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">
    </span>
  </div>  <div class="portlet-body">
    <table class="table table-striped custom-table black-border"  >
      <tr class="tr2">
        <th colspan="5">{{__('Store items')}}</th>
      </tr>
      <tr class="tr2">
        <th width="2%"><i class="fa fa-list"></i></th>
        <th>{{__('an item')}}</th>
        <th>{{__('Category')}}</th>
        <th width="10%">{{__('Current price')}}</th>
        <th width="20%">{{__('Price after discount')}}</th>
      </tr>
        @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="center">
                {{ round($item->price) }}
              </td>
              <td class="center bg-grey bg-font-grey">
                <input size="4" class="form-control fls-edit" type="text" name="offer_item[{!! $item->id !!}]" value="{{ round($item->offer) }}" readonly data-id="{!! $item->id !!}" data-price="{!! $item->price !!}">
              </td>
            </tr>
          @endforeach
        <tfoot>
          <tr>
            <td colspan="2"></td>
            <td colspan="3" class="text-center">
              <button data-toggle="confirmation"
              data-btn-ok-label="{{ __('Yes') }}"
              data-btn-cancel-label="{{ __('No') }}"
              data-title="<span class='caption-subject font-blue bold '>{{ __('Sure update') }}</span>"
              type="submit" class="btn btn-info btn-lg btn-action">  <i class="fa fa-check"></i> {!! __('Update') !!}</button>
            </td>
          </tr>
        </tfoot>
      </table>
      <div class="pagination pagination-centered"> {{ $products->appends(request()->except('_token'))->links() }} </div>
      {{ Form::close() }}
    @else
      <div class="note note-danger">
        <br>
        <h4 class="block">{!! __('No Results') !!}</h4>
        <br>
      </div>
    @endif
  </div>
</div>
</div>
</div>
@endsection
@section('scripts')
  {!! Html::script(Theme::current()->assetPath.'/jquery-mask-as-number.min.js') !!}
  {!! 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') !!}
  <script type="text/javascript">
    $( function() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      $("select").select2();
      $('.fls-edit').maskAsNumber();
      $('.fls-edit').prop('readonly', true);
      $('.fls-edit').on('click', function() {
        $(this).next("span").show();
        $('.fls-edit').prop('readonly', true);
        $(this).prop('readonly', false);
      });
      $('.fls-edit')
      .focusout(function() {
        $('.fls-edit').prop('readonly', true);
      })
      .blur(function() {
        var item      = $(this).val();
        var item_id = $(this).data("id");
        var item_price = $(this).data("price");
        if (item > 0 && ( item > item_price || item < item_price/2) ) {
          goNotify("warning","{!! __('The Price after the discount is not more than the current price and not less than 50% of The Price') !!}");
        }
        $('.fls-edit').prop('readonly', true);
      });
    } );
  </script>
@endsection