@extends('admin/layouts/contentLayoutMaster')

@section('title', 'Banners')

@section('content')
<!-- Basic Tables start -->
<div class="row" id="basic-table">
  <div class="col-12">
      <div class="card">
          <div class="card-header">
              <h4 class="card-title">Banners</h4>
               <div class="box-tools pull-right">
            	<a href="addbanner" type="button" class="btn btn-block btn-primary">Add Banners</a>
            </div>
          </div>
          <div class="card-content">
              <div class="card-body">
                   @if (count($errors) > 0)
                          @if($errors->any())
                            <div class="alert alert-success alert-dismissible" role="alert">
                              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                              {{$errors->first()}}
                            </div>
                          @endif
                      @endif
                  <!-- Table with outer spacing -->
                  <div class="table-responsive">
                      <table class="table">
                          <thead>
                              <tr>
                                  <th>ID</th>
                                  <th>Type</th>
                                  <th>Name</th>
                                  <th>Image</th>
                                  <th>Added / Modified date</th>
                                  <th>Action</th>
                              </tr>
                          </thead>
                          <tbody>
                    @if(count($banner)>0)
                    @foreach ($banner as $key=>$banner1)
                              <tr>
                                  <th scope="row">{{ $banner1->id }}</th>
                                  <td>{{ $banner1->type }}</td>
                                  <td>{{ $banner1->name }}</td>
                                  <td><img src="{{asset('').'/'.$banner1->image}}" alt="" width=" 100px"></td>
                                  <td><p><strong>Created : </strong>{{ $banner1->created }}</p>
                                  <p><strong>Modified : </strong>{{ $banner1->modified }}</p></td>
                                  <td><a data-toggle="tooltip" data-placement="bottom" title="Edit" href="editbanner/{{ $banner1->id }}" class="badge bg-light-blue"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a> 
                            <a data-toggle="tooltip" data-placement="bottom" title="Delete" href="deletebanner/{{ $banner1->id }}" class="badge bg-red"><i class="fa fa-trash" aria-hidden="true"></i></a></td>
                              </tr>
                               @endforeach
                    @else
                       <tr>
                            <td colspan="6">No record found!</td>
                       </tr>
                    @endif
                          </tbody>
                      </table>
                <div class="col-xs-12 pull-right">
                	{{$banner->links()}}
                </div>
                  </div>
              </div>
        
          </div>
      </div>
  </div>
</div>
<!-- Basic Tables end -->
<!-- Responsive tables end -->
@endsection