@extends('layouts.admin')

@section('content')

<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h2 class="fw-bold text-dark">
                Tambah Agenda
            </h2>

            <small class="text-muted">
                Tambahkan agenda budaya baru
            </small>

        </div>

        <a href="{{ route('agenda.index') }}" class="btn btn-secondary">

            <i class="bi bi-arrow-left"></i>

            Kembali

        </a>

    </div>

    <div class="card shadow border-0">

        <div class="card-body">

            <form action="{{ route('agenda.store') }}"
                  method="POST"
                  enctype="multipart/form-data">

                @csrf

                <div class="row">

                    <div class="col-md-6 mb-3">

                        <label class="form-label">
                            Nama Agenda
                        </label>

                        <input type="text"
                               name="nama_agenda"
                               class="form-control"
                               value="{{ old('nama_agenda') }}"
                               required>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">
                            Penyelenggara
                        </label>

                        <input type="text"
                               name="penyelenggara"
                               class="form-control"
                               value="{{ old('penyelenggara') }}"
                               required>

                    </div>

                    <div class="col-md-4 mb-3">

                        <label class="form-label">
                            Tanggal
                        </label>

                        <input type="date"
                               name="tanggal"
                               class="form-control"
                               required>

                    </div>

                    <div class="col-md-4 mb-3">

                        <label class="form-label">
                            Waktu
                        </label>

                        <input type="time"
                               name="waktu"
                               class="form-control"
                               required>

                    </div>

                    <div class="col-md-4 mb-3">

                        <label class="form-label">
                            Status
                        </label>

                        <select name="status"
                                class="form-select"
                                required>

                            <option value="">-- Pilih Status --</option>

                            <option value="Akan Datang">
                                Akan Datang
                            </option>

                            <option value="Sedang Berlangsung">
                                Sedang Berlangsung
                            </option>

                            <option value="Selesai">
                                Selesai
                            </option>

                        </select>

                    </div>

                    <div class="col-md-12 mb-3">

                        <label class="form-label">
                            Lokasi
                        </label>

                        <input type="text"
                               name="lokasi"
                               class="form-control"
                               value="{{ old('lokasi') }}"
                               required>

                    </div>

                    <div class="col-md-12 mb-3">

                        <label class="form-label">
                            Deskripsi
                        </label>

                        <textarea name="deskripsi"
                                  rows="5"
                                  class="form-control"
                                  required>{{ old('deskripsi') }}</textarea>

                    </div>

                    <div class="col-md-12 mb-4">

                        <label class="form-label">
                            Poster / Gambar Agenda
                        </label>

                        <input type="file"
                               name="gambar"
                               class="form-control">

                    </div>

                </div>

                <button class="btn btn-dark">

                    <i class="bi bi-save"></i>

                    Simpan

                </button>

                <a href="{{ route('agenda.index') }}"
                   class="btn btn-secondary">

                    Batal

                </a>

            </form>

        </div>

    </div>

</div>

@endsection