@include('admin/components/header')
@include('admin/components/top_navigation')
@include('admin/components/sidebar')

<!-- page content -->
<div id="app-content">
    <div class="app-content-area">
        <div class="container-fluid">
            <div class="row mt-5">
                <div class="col-lg-12 col-md-12 col-12">
                    <!-- Page header -->
                    <div class="d-flex justify-content-between align-items-center mb-5">
                        <h3 class="mb-0 fw-bold">Add Event</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="card">
                    <div class="card-body">
                        <!-- Validation Form -->
                        <form action="{{ route('admin.event_store') }}" method="POST" class="row g-3 needs-validation" novalidate>
                            @csrf
                            <div class="col-md-12">
                                <label for="event_title" class="form-label">Title Event</label>
                                <input type="text" name="event_title" class="form-control @error('event_title') is-invalid @enderror" id="event_title" value="{{ old('event_title') }}" required>
                                @error('event_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-12">
                                <label for="event_description" class="form-label">Description Event</label>
                                <textarea class="form-control @error('event_description') is-invalid @enderror" name="event_description" id="event_description" rows="5">{{ old('event_description') }}</textarea>
                                @error('event_description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-12">
                                <label for="event_date" class="form-label">Date of Event</label>
                                <input type="date" name="event_date" class="form-control @error('event_date') is-invalid @enderror" id="event_date" value="{{ old('event_date') }}" required>
                                @error('event_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-12">
                                <label for="event_time" class="form-label">Time of Event</label>
                                <input type="time" name="event_time" class="form-control @error('event_time') is-invalid @enderror" id="event_time" value="{{ old('event_time') }}">
                                @error('event_time')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-12">
                                <button class="btn btn-primary" type="submit">Submit form</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('admin/components/footer')