@extends('layouts.admin')

@section('content')

<div class="container-fluid">

    {{-- Judul --}}
    <div class="mb-4">

        <h2 class="fw-bold text-success">
            Tambah Moment Budaya
        </h2>

        <p class="text-muted">
            Tambahkan dokumentasi kegiatan budaya Mandailing Natal
        </p>

    </div>



    <div class="card shadow-sm">

        <div class="card-body">


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


                @csrf



                {{-- Judul Moment --}}
                <div class="mb-3">

                    <label class="form-label fw-bold">
                        Judul Moment
                    </label>


                    <input type="text"
                           name="judul_moment"
                           class="form-control"
                           placeholder="Contoh: Pertunjukan Gordang Sambilan"
                           value="{{ old('judul_moment') }}">


                    @error('judul_moment')

                        <small class="text-danger">
                            {{ $message }}
                        </small>

                    @enderror

                </div>




                {{-- Kategori --}}
                <div class="mb-3">

                    <label class="form-label fw-bold">
                        Kategori
                    </label>


                    <select name="kategori"
                            class="form-select">


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


                        <option value="Seni Musik">
                            Seni Musik
                        </option>


                        <option value="Seni Tari">
                            Seni Tari
                        </option>


                        <option value="Upacara Adat">
                            Upacara Adat
                        </option>


                        <option value="Rumah Adat">
                            Rumah Adat
                        </option>


                        <option value="Kuliner Budaya">
                            Kuliner Budaya
                        </option>


                        <option value="Edukasi Budaya">
                            Edukasi Budaya
                        </option>


                        <option value="Festival Budaya">
                            Festival Budaya
                        </option>


                    </select>


                    @error('kategori')

                        <small class="text-danger">
                            {{ $message }}
                        </small>

                    @enderror


                </div>




                {{-- Tanggal --}}
                <div class="mb-3">


                    <label class="form-label fw-bold">
                        Tanggal Moment
                    </label>


                    <input type="date"
                           name="tanggal"
                           class="form-control"
                           value="{{ old('tanggal') }}">


                </div>




                {{-- Lokasi --}}
                <div class="mb-3">


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


                    <input type="text"
                           name="lokasi"
                           class="form-control"
                           placeholder="Contoh: Panyabungan, Mandailing Natal"
                           value="{{ old('lokasi') }}">


                </div>




                {{-- Deskripsi --}}
                <div class="mb-3">


                    <label class="form-label fw-bold">
                        Deskripsi Moment
                    </label>


                    <textarea name="deskripsi"
                              rows="5"
                              class="form-control"
                              placeholder="Ceritakan kegiatan budaya tersebut">{{ old('deskripsi') }}</textarea>


                    @error('deskripsi')

                        <small class="text-danger">
                            {{ $message }}
                        </small>

                    @enderror


                </div>




                {{-- Upload Gambar --}}
                <div class="mb-3">


                    <label class="form-label fw-bold">
                        Foto Moment 
                        <span class="text-muted">
                            (Opsional)
                        </span>
                    </label>


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


                    <small class="text-muted">
                        Format: JPG, JPEG, PNG maksimal 2MB
                    </small>


                </div>




                {{-- Video --}}
                <div class="mb-3">


                    <label class="form-label fw-bold">
                        Link Video 
                        <span class="text-muted">
                            (Opsional)
                        </span>
                    </label>


                    <input type="file"
                    name="video"
                    class="form-control"
                    accept="video/*">


                    <small class="text-muted">
                        Masukkan link YouTube jika tersedia
                    </small>


                </div>





                {{-- Tombol --}}
                <div class="mt-4">


                    <button type="submit"
                            class="btn btn-success">

                        <i class="bi bi-save me-2"></i>
                        Simpan

                    </button>



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

                        Kembali

                    </a>


                </div>



            </form>


        </div>

    </div>


</div>


@endsection