@extends('layouts.admin')

@section('content')
<div class="row">
  <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
    <h1 class="slide-title txt-color-blueDark">
      <i class="fa fa-table fa-fw "></i> 
      {{ __('message.table') }} 
      <span>> 
        {{ __('message.slide') }} 
      </span>
    </h1>
  </div>
  <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
      <a class="btn btn-primary pull-right" href="/admin/slides/create">
        <i class="fa fa-plus"></i> 
        {{ __('message.add new') }} 
      </a>
  </div>
</div>

<!-- widget grid -->
<section id="widget-grid" class="">

  <!-- row -->
  <div class="row">

    <!-- NEW WIDGET START -->
    <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

      <!-- Widget ID (each widget will need unique ID)-->
      <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
        <header>
          <span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>      
            {{ __('message.slide') }} 
          </h2>

        </header>

        <!-- widget div-->
        <div>
          <!-- end widget edit box -->

          <!-- widget content -->
          <div class="widget-body">
            <div class="table-responsive">
            
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>{{ __('message.image') }} </th>
                    <th>{{ __('message.order') }} </th>
                     <th>{{ __('message.status') }} </th>
                    <th>{{ __('message.date') }} </th>                    
                    <th>{{ __('message.action') }} </th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($slides as $slide)        
                    <tr>
                      <td>
                        <img src="{{asset($slide->feature_image)}}" style="height:100px;">
                      </td>
                      <td>{{$slide->order }}</td>
                      <td>
                        @if($slide->is_active)
                          <span style="color:dodgerblue;">{{ __('message.enabled') }} </span>
                        @else
                          <span style="color:red">{{ __('message.disabled') }}</span>
                        @endif
                      </td>
                      <td title="{{$slide->created_at}}">{{ $slide->created_at->format('d/m/Y') }}</td>                     
                      <td class="action">
                        <a href="/admin/slides/{{$slide->id}}/edit" class="btn btn-primary"><i class="fa fa-eye"></i></a>
                        <form method="POST" action="{{ route('admin.slides.destroy', $slide) }}" style="display:inline" >
                        <input name="_method" type="hidden" value="DELETE">
                         {{ csrf_field() }}
                          <button type="submit" class="btn btn-danger" onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                           <i class="fa fa-trash-o" style="color: #FFF;"></i>
                          </button>
                        </form>
                      </td>
                    </tr>
                  @endforeach      
                </tbody>
                <table id="header-fixed" class="table table-bordered"></table>
              </table>
              
            </div>
            <div style="text-align: center">
              {{ $slides->links() }}
            </div>
          </div>
          <!-- end widget content -->

        </div>
        <!-- end widget div -->

      </div>
      <!-- end widget -->

      <!-- Widget ID (each widget will need unique ID)-->
      

    </article>
    <!-- WIDGET END -->       

  </div>

  <!-- end row -->

  

  <!-- end row -->

</section>
<!-- end widget grid -->

@endsection

@section('meta')
<title>{{ __('message.slide') }} {{ __('message.list') }} - {{ config('app.name', 'Dashboard') }}</title>
@endsection