@extends('admin.layout')
@section('product','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">Product</h5>
                    </div>
                    <div class="col-6 d-flex   justify-content-end" >
                      <a href="product/add_product">
                        <button type="button" class="btn btn-warning">Add Product</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>Category Name</th>
                          <th>Product Name</th>
                          <th>Product Image</th>
                          <th>Product Description</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach($data as $index => $list)
                            <tr>
                            <td>{{$index+1}}</td>
                            <td>{{$list->category_name}}</td>
                            <td>{{$list->product_name}}</td>
                            
                            <td class="w-25"><img src="{{ asset('productImage/' .$list->product_imgpath) }}" class="w-50"></td>
                            <td>{{$list->product_dis}}</td>
                            <td>
                                <!--category edit button -->
                                <a href="product/add_product/{{$list-> product_slug}}"><button class="btn btn-success mb-2" type="submit" >Edit</button></a>
                                </br>
                                <!--category status button -->
                                @if($list->isActive == 1)
                                <a href="product/isactive/0/{{$list -> id}}"><button class="btn btn-warning mb-2" type="submit">Deactive</button></a>
                                @elseif($list->isActive == 0)
                                <a href="product/isactive/1/{{$list -> id}}"><button class="btn btn-primary mb-2" type="submit">Active</button></a>
                                @endif
                                </br>
                                <!--category delete button -->
                                <a href="product/delete/{{$list -> id}}"><button class="btn btn-danger " type="submit">Delete</button></a>
                            </td>
                            </tr>
                            @endforeach
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
    </div>
</div>
@endsection