@extends('master')
@section('title')
{{ $title}}
    
@endsection
@section('content')
<div class="container">
<h1> Home Slider</h1>
<a href="{{route('home_slider.create')}}" class="btn btn-primary btn-sm"> create home slider</a>

<table class="table table-bordered" style="table-layout: auto;">
    <thead style="background-color: rgb(99, 131, 172); color:azure">
     
        <tr>
            <th>id</th>
            <th>Slider name</th>
            <th>sub heading</th>
            <th>sometext</th>
            <th>location</th>
            <th> btn_link</th>
            <th> upload_data</th>
            <th> priority</th>
            <th> status</th>
            <th>  Action</th>
        </tr>

    </thead>
    <tbody>
        @foreach ($homeslider as $slider)
        <tr>
            <td>{{ $slider->id}}</td>
            <td>{{ $slider->slider_name}}</td>
            <td>{{ $slider->sub_heading}}</td>
            <td>{{ $slider->sometext}}</td>
            <td>
                @if($slider->location)
                
                    <img src="{{ asset('images/slider/' . $slider->location) }}" alt="Slider Image" style="max-width: 80px; max-height: 70px;">
                @else
                    No image available
                @endif
                
            </td>
            <td>{{ $slider->btn_link}}</td>
            <td>{{ $slider->upload_date}}</td>
            <td>{{ $slider->priority}}</td>
            <td>{{ $slider->status == 1 ? 'Published' : 'Unpublished' }}</td>
            <td>
                <a href="{{route('home_slider.edit',$slider->id)}}" class="btn btn-warning btn-sm">Edit</a>
                <form action="{{ route('home_slider.destroy', $slider->id) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this home slider?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this program? This action cannot be undone.')">Delete</button>
                </form>
            </td>
        </tr>
            
     @endforeach
    </tbody>
</table>
</div>  
@endsection