@extends('home')
@section('title')
  {{ __('Categories') }}
@endsection
@section('styles')
@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="{{ route('SettingHome') }}">
          {{ __('Site setting') }}
        </a>
        <i class="fa fa-circle">
        </i>
      </li>
      <li>
        <a href="{{ URL('dashboard/setting.banner') }}">
          {{ __('Icons Section') }}
        </a>

      </li>

    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          @if(isRoot())
          <a href="{!! URL::route('admin.section.create') !!}" class="btn btn-sm green">
            <i class="fa fa-plus"></i> {{ __('New') }}
          </a>
          @endif
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet-body">
          <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> {{ __('Title') }}</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($categories as $index => $item)
                <tr>
                  <td>
                    {{ $loop->index + 1 }}
                  </td>
                  <td>
                    @if ($item->children()->count())
                      <i class="fa fa-arrow-left" aria-hidden="true"></i>
                      <b>{{ $item->title }}</b>
                      @else
                        <a href="{!! URL::route('setting.banner.get',[$item->id]) !!}" >
                          @if ($item->depth > 1)
                            {!! str_repeat('-',$item->depth) !!}<i class="fa fa-angle-left" aria-hidden="true"></i>
                            {{ $item->title }}
                          @else
                            <i class="fa fa-arrow-left" aria-hidden="true"></i>
                            <b>{{ $item->title }}</b>
                          @endif
                        </a>
                    @endif
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          <div class="pagination pagination-centered"> </div>
        </div>
      </div>
    </div>
  </div>
@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') !!}
  <script type="text/javascript">
  </script>
@endsection