@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Add Event'])
    <div class="container">
        <div class="card">
            <form action="{{route('event-save')}}" method="POST" enctype="multipart/form-data" id="registrationForm">
                @csrf
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4>Event</h4>
                    <div>
                        <button type="submit" form="registrationForm" class="btn btn-primary">Save</button>
                        <a href="{{ route('event-index') }}" class="btn btn-secondary me-2">Cancel</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="event_name" class="form-label">Event Name</label>
                                <input type="text" name="event_name" id="event_name" class="form-control"
                                    value="{{ old('event_name') }}" required placeholder="Enter Event Name">
                                @error('event_name')
                                <div class="text-danger">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="event_date" class="form-label">Event Date</label>
                                <input type="date" name="event_date" id="event_date" class="form-control"
                                    value="{{ old('event_date') }}" required>
                                @error('event_date')
                                <div class="text-danger">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="remarks" class="form-label">Remarks</label>
                                <textarea type="remarks" name="remarks" id="remarks" class="form-control"
                                    value="{{ old('remarks') }}" rows="1" placeholder="Enter Remarks"> </textarea>
                                @error('remarks')
                                <div class="text-danger">{{ $message }}</div> @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection