@extends('layouts.admin')

@section('content')
<div class="row">
  <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
    <h1 class="image-title txt-color-blueDark">
      <i class="fa fa-table fa-fw "></i> 
        Table 
      <span>> 
        Image
      </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/images/create">
        <i class="fa fa-plus"></i> 
        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>Image</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>Image</th>
                    <th>Order</th>
                     <th>Status</th>
                    <th>Created At</th>                    
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($images as $image)        
                    <tr>
                      <td>
                        <img src="{{asset($image->feature_image)}}" style="height:100px;">
                      </td>
                      <td>{{$image->order }}</td>
                      <td>
                        @if($image->is_active)
                          <span style="color:blue;">Enabled</span>
                        @else
                          <span style="color:red">Disabled</span>
                        @endif
                      </td>
                      <td title="{{$image->created_at}}">{{ $image->created_at->format('d/m/Y') }}</td>                     
                      <td class="action">
                        <a href="/admin/images/{{$image->id}}/edit" class="btn btn-primary"><i class="fa fa-eye"></i></a>
                        <form method="POST" action="{{ route('admin.images.destroy', $image) }}" style="display:inline" >
                        <input name="_method" type="hidden" value="DELETE">
                         {{ csrf_field() }}
                          <button type="submit" class="btn btn-danger" onclick="return confirm('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">
              {{ $images->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>Image List- {{ config('app.name', 'Dashboard') }}</title>
@endsection