@extends('master')

@section('title')
    {{ $title }}
@endsection

@section('content')
<div class="container">
    <h1>Events</h1>
    <a href="{{ route('events.create') }}" class="btn btn-primary mb-3">Add New Event</a>

    <table class="table table-bordered">
        <thead style="background-color: rgb(99, 131, 172); color:azure">
            <tr>
                <th>Id</th>
                <th>Heading</th>
                <th width="200px">Description</th>
                <th>Event Date</th>
                <th>Published Date</th>
                <th>Image 1</th>
                <th>Image 2</th>
                <th>Status</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($events as $event)
                <tr>
                    <td>{{ $event->id }}</td>
                    <td>{{ $event->heading }}</td>
                    <td>{!! $event->description !!}</td>
                    <td>{{ $event->eventdate }}</td>
                    <td>{{ $event->published_date }}</td>
                    <td>
                        @if ($event->image1)
                            <img src="{{ asset('eventsimage1/' . $event->image1) }}" alt="Image 1" class="img-fluid" style="max-width: 100px; max-height: 100px;" />
                        @else
                            <p>No image uploaded.</p>
                        @endif
                    </td>
                    <td>
                        @if ($event->image2)
                            <img src="{{ asset('eventsimage2/' . $event->image2) }}" alt="Image 2" class="img-fluid" style="max-width: 100px; max-height: 100px;" />
                        @else
                            <p>No image uploaded.</p>
                        @endif
                    </td>
                    <td>
                        <span class="badge {{ $event->status == 1 ? 'badge-success' : 'badge-danger' }}">
                            {{ $event->status == 1 ? 'Active' : 'Inactive' }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('events.edit', $event->id) }}" class="btn btn-info btn-sm mr-2">Edit</a>
                        <form action="{{ route('events.destroy', $event->id) }}" method="POST" enctype="multipart/form-data" style="display:inline-block;" >
                            @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