@extends('backend.layouts.app')

@section('content')


<div class="p-3">
    <div class="card">
       
        <div class="card-header fw-bold d-flex ">
            Banner
            <div class="form-check form-switch ms-4">
              <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
              <label class="form-check-label" for="flexSwitchCheckDefault"></label>
          </div>
            
        </div>
        <button type="button" class="btn btn-primary m-2" style="width: 10%"><a href="{{route("testimonials.create")}}" class="text-decoration-none text-white">Add Testimonial</a></button>
        <div class="card-body">
           
            <table id="myTable" class="table table-striped" style="width:100%">
                <thead>
                  <tr>
                    <th>Name</th>
                    <th>Title</th>
                    <th>Description</th>
                    <th>Date</th>
                    <th>Image</th>
                    <th>Action</th>
                  </tr>
                </thead>
                
                <tbody>
                    @foreach ($testimonials as $testimonial)
                    <tr>
                        <td>{{$testimonial->name}}</td>
                        <td>{{$testimonial->title}}</td>
                        <td>{{$testimonial->description}}</td>
                        <td>{{$testimonial->date}}</td>
                        <td>
                            <img src="{{url("/uploads/product/".$testimonial->images."")}}" style="width: 50px;" alt="">
                        </td>
                        <td>
                            <a href="{{route("testimonials.edit", $testimonial->id)}}" class="btn btn-success btn-block mb-1">Edit Testimony</a>
                            <form method="POST" action="{{ route("testimonials.destroy", $testimonial->id) }}">@csrf @method('DELETE')
                                <button class="btn btn-danger btn-block mb-2 ">Delete</button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
              </table>
        </div>
    </div>
</div>


@endsection