@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/select2/css/select2.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/select2/css/select2-bootstrap.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>
        <a href="">
          {{ __('Offers Section') }}
        </a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <span></span>
      </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-list"></i>  {{ __('Choose the desired display type') }}
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class="row widget-row">
    <div class="col-md-3">
      <!-- BEGIN WIDGET THUMB -->
      <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 bordered">
        <h4 class="widget-thumb-heading"> <a href="{!! route('direct.discount') !!}">{!! __('Direct Debit Offer') !!}</a> </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-subtitle"></span>
            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="7,644">7,644</span>
          </div>
        </div>
      </div>
      <!-- END WIDGET THUMB -->
    </div>
    <div class="col-md-3">
      <!-- BEGIN WIDGET THUMB -->
      <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 bordered">
        <h4 class="widget-thumb-heading"> <a href="{!! route('admin.collection.index') !!}">{!! __('Group Offers') !!}</a> </h4>

        <div class="widget-thumb-wrap">
          <i class="widget-thumb-icon bg-red icon-layers"></i>
          <div class="widget-thumb-body">
            <span class="widget-thumb-subtitle"></span>
            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="1,293">1,293</span>
          </div>
        </div>
      </div>
      <!-- END WIDGET THUMB -->
    </div>
    <div class="col-md-3">
      <!-- BEGIN WIDGET THUMB -->
      <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 bordered">
        <h4 class="widget-thumb-heading"> <a href="{!! route('admin.collection.index') !!}">{!! __('Show groups') !!}</a> </h4>

        <div class="widget-thumb-wrap">
          <i class="widget-thumb-icon bg-purple icon-screen-desktop"></i>
          <div class="widget-thumb-body">
            <span class="widget-thumb-subtitle"></span>
            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="815">815</span>
          </div>
        </div>
      </div>
      <!-- END WIDGET THUMB -->
    </div>
    <div class="col-md-3">
      <!-- BEGIN WIDGET THUMB -->
      <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 bordered">
        <h4 class="widget-thumb-heading">{!! __('Offer invoices') !!}</h4>
        <div class="widget-thumb-wrap">
          <i class="widget-thumb-icon bg-blue icon-bar-chart"></i>
          <div class="widget-thumb-body">
            <span class="widget-thumb-subtitle"></span>
            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="5,071">5,071</span>
          </div>
        </div>
      </div>
      <!-- END WIDGET THUMB -->
    </div>
  </div>
@endsection
@section('scripts')
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-confirmation/bootstrap-confirmation.min.js') !!}
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/select2/js/select2.full.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-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') !!}
  <!--jquery-ui-->
  {!! 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')
        }
      });
      $( "#sortable tbody" ).sortable( {
        update: function( event, ui ) {
          var order = $(this).sortable("toArray");
          $("tr td:nth-child(2)").text(function() {
            return $(this).parent().index("tr");
          });
          $.ajax({
            data: {order:order},
            type: 'POST',
            url: '{{ Route('SaveCollectionOrder') }}'
          });
        }
      }).disableSelection();
    } );
  </script>
@endsection