@extends('admin.layout')
@section('banner','active')     
@section('content')

<div class="row" style="justify-content: center;">
    <div class="col-md-12">
    <div class="card">
                <div class="card-body">
                  <div class="row mb-4">
                    <div class="col-6" >
                      <h5 class="card-title">Banner Image</h5>
                    </div>
                    <div class="col-6 d-flex   justify-content-end" >
                      <a href="banner/add_banner">
                        <button type="button" class="btn btn-warning">Add Banner Image</button>
                      </a>
                    </div>
                  </div>
                  @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                  @endif
                  @if (session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                  @endif
                  @if (session('message'))
                  <div class="alert alert-success">
                        {{session('message')}}
                  </div>
                  @endif
                  <!-- <span class="text-success m-2 text-center">{{session('message')}}</span> -->
                  <div class="table-responsive">
                    <table id="zero_config" class="table table-striped table-bordered">
                      <thead>
                        <tr>
                          <th>Sr.No</th>
                          <th>Banner Title</th>
                          <th>Banner Description</th>
                          <th>Banner Image</th>
                          <th>Display Number</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach($data as $index => $list)
                        <tr>
                            <td>{{$index+1}}</td>
                            <td>{{$list->banner_title}}</td>
                            <td>{{$list->banner_des}}</td>
                            <td class="w-25"><img src="{{ asset('bannerImage/' .$list->banner_img) }}" class="w-50"></td>
                            <td>{{$list->display_num}}</td>
                            <td>
                                <!--banner edit button -->
                                <a href="banner/add_banner/{{$list->banner_slug}}"><button class="btn btn-success mb-2" type="submit">Edit</button></a>
                                </br>
                                <!--banner status button -->
                                @if($list->isActive == 1)
                                <a href="banner/isactive/0/{{$list -> id}}"><button class="btn btn-warning mb-2" type="submit">Deactive</button></a>
                                @elseif($list->isActive == 0)
                                <a href="banner/isactive/1/{{$list -> id}}"><button class="btn btn-primary mb-2" type="submit">Active</button></a>
                                @endif
                                </br>
                                <!--banner delete button -->
                                <a href="banner/delete/{{$list -> id}}"><button class="btn btn-danger " type="submit">Delete</button></a>
                            </td>
                        </tr>
                        @endforeach  
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
    </div>
</div>
@endsection