@extends('admin.master_layout')
@section('title')
<title>{{ __('Dashboard') }}</title>
@endsection
@use('Carbon\Carbon', 'Carbon')
@section('admin-content')
<div class="main-content">
<div class="container mt-4">
  <h2>Slider List</h2>
  <a href="{{ route('admin.sliders.create') }}" class="btn btn-primary mb-3">Add New Slider</a> @if(session('success'))
  <div class="alert alert-success">{{ session('success') }}</div>
  @endif
  <table class="table table-bordered">
    <thead>
      <tr>
        <th>Image</th>
        <th>Title</th>
        <th>Description</th>
        <th>Button Link</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
    
    @foreach($sliders as $slider)
    <tr>
      <td><img src="{{ asset('storage/' . $slider->image) }}" width="100"></td>
      <td>{{ $slider->title }}</td>
      <td>{!! $slider->description !!}</td>
      <td><a href="{{ $slider->button_link }}" target="_blank">{{ $slider->button_link }}</a></td>
      <td><a href="{{ route('admin.sliders.edit', $slider->id) }}" class="btn btn-sm btn-warning">Edit</a>
        <form action="{{ route('admin.sliders.destroy', $slider->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure to delete?')">
          @csrf
          @method('DELETE')
          <button class="btn btn-sm btn-danger">Delete</button>
        </form></td>
    </tr>
    @endforeach
      </tbody>
    
  </table>
</div>
</div>
@endsection