@extends('layouts.admin')

@section('content')

<div class="container-fluid">

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

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

        <p class="text-muted">
            Perbarui informasi dokumentasi budaya Mandailing Natal
        </p>

    </div>


    <div class="card shadow-sm">

        <div class="card-body">


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


                @csrf

                @method('PUT')



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

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


                    <input type="text"
                           name="judul_moment"
                           class="form-control"
                           value="{{ old('judul_moment',$moment->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"
                        {{ $moment->kategori == 'Seni Musik' ? 'selected' : '' }}>
                            Seni Musik
                        </option>


                        <option value="Seni Tari"
                        {{ $moment->kategori == 'Seni Tari' ? 'selected' : '' }}>
                            Seni Tari
                        </option>


                        <option value="Upacara Adat"
                        {{ $moment->kategori == 'Upacara Adat' ? 'selected' : '' }}>
                            Upacara Adat
                        </option>


                        <option value="Rumah Adat"
                        {{ $moment->kategori == 'Rumah Adat' ? 'selected' : '' }}>
                            Rumah Adat
                        </option>


                        <option value="Kuliner Budaya"
                        {{ $moment->kategori == 'Kuliner Budaya' ? 'selected' : '' }}>
                            Kuliner Budaya
                        </option>


                        <option value="Edukasi Budaya"
                        {{ $moment->kategori == 'Edukasi Budaya' ? 'selected' : '' }}>
                            Edukasi Budaya
                        </option>


                        <option value="Festival Budaya"
                        {{ $moment->kategori == 'Festival Budaya' ? 'selected' : '' }}>
                            Festival Budaya
                        </option>


                    </select>


                </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',$moment->tanggal) }}">

                </div>





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

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


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


                </div>





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


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


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


                </div>





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


                    <label class="form-label fw-bold">
                        Foto Saat Ini
                    </label>


                    @if($moment->gambar)


                        <br>


                        <img src="{{ asset('storage/'.$moment->gambar) }}"
                             width="200"
                             class="rounded mb-3">


                    @else

                        <p class="text-muted">
                            Tidak ada foto
                        </p>


                    @endif


                </div>





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


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

                        Ganti Foto
                        <span class="text-muted">
                            (Opsional)
                        </span>

                    </label>


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


                    <small class="text-muted">
                        Kosongkan jika tidak ingin mengganti foto
                    </small>


                </div>





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


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

                        Link Video
                        <span class="text-muted">
                            (Opsional)
                        </span>

                    </label>


                    <input type="text"
                           name="video"
                           class="form-control"
                           value="{{ old('video',$moment->video) }}">


                </div>





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


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

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

                    </button>


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

                        Kembali

                    </a>


                </div>



            </form>


        </div>

    </div>


</div>


@endsection