@extends('layouts.admin')

@section('title','Event Management')

@section('content')
    <h4>Events</h4>
    <div class="row">
        <div class="col-md-5 mb-3">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('admin.events.store') }}" method="POST">
                        @csrf
                        <div class="mb-2">
                            <label>Title</label>
                            <input class="form-control" name="title" required>
                        </div>
                        <div class="mb-2">
                            <label>Slug</label>
                            <input class="form-control" name="slug" required>
                        </div>
                        <div class="mb-2">
                            <label>Date</label>
                            <input type="datetime-local" class="form-control" name="event_date" required>
                        </div>
                        <div class="mb-2">
                            <label>Location</label>
                            <input class="form-control" name="location">
                        </div>
                        <div class="mb-2 form-check">
                            <input class="form-check-input" type="checkbox" name="is_online" id="isOnline">
                            <label class="form-check-label" for="isOnline">Online Event</label>
                        </div>
                        <div class="mb-2">
                            <label>Status</label>
                            <input class="form-control" name="status" value="upcoming">
                        </div>
                        <div class="mb-2">
                            <label>Donation Goal</label>
                            <input type="number" class="form-control" name="donation_goal">
                        </div>
                        <button class="btn btn-sm btn-success">Save Event</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-7">
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>Title</th>
                        <th>Date</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($events as $event)
                        <tr>
                            <td>{{ $event->title }}</td>
                            <td>{{ $event->event_date?->format('M d, Y') }}</td>
                            <td>{{ $event->status }}</td>
                            <td>
                                <form action="{{ route('admin.events.destroy', $event) }}" method="POST">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $events->links() }}
        </div>
    </div>
@endsection