@extends('layout')

@section('dashboard-content')

<div class="card">
  <div class="card-body">

    <div style="margin-top: 20px; margin-bottom: 20px;">
      <h3 class="" style="display: inline-block; width: 200px;">Sliders</h3>
      <a href="{{ URL::to('slider-form') }}" style="float:right; color: white; background-color: #9900CE; border-radius: 5px;
            padding: 10px; ">Add New Slider</a>
    </div>

    <!-- Default Table -->
    <table class="table datatable">
      <thead>
        <tr>

          <th> Slider Image</th>
          <th scope="col">Slider Title</th>
          <th scope="col">Slider Message</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        @foreach($sliders as $slider)
        <tr>
          <td><img src="{{$slider->image}}" style="width: 80px; height: 80px; border-radius: 10px; border: solid 0.5px black; padding: 1px;" /></td>

          <td>{{ $slider->slider_title }}</td>
          <td>{{ $slider->slider_message }}</td>
          <td>
            <a href="{{ URL::to('edit-slider') }}/{{ $slider->id }}"><i class="bi bi-pencil-square"></i></a>
            |
            <a href="{{ URL::to('delete-slider') }}/{{ $slider->id }}"><i class="bi bi-trash-fill" style="color: red;"></i></a>
          </td>

        </tr>
        @endforeach

      </tbody>
    </table>
    <!-- End Default Table Example -->
  </div>
</div>

@stop