@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">
                Edit Agenda
            </h2>

            <small class="text-muted">
                Perbarui data agenda budaya
            </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.update', $agenda->id) }}"
                  method="POST"
                  enctype="multipart/form-data">

                @csrf
                @method('PUT')

                <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', $agenda->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', $agenda->penyelenggara) }}"
                               required>

                    </div>

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

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

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

                    </div>

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

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

                        <input type="time"
                               name="waktu"
                               class="form-control"
                               value="{{ old('waktu', $agenda->waktu) }}"
                               required>

                    </div>

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

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

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

                            <option value="Akan Datang"
                                {{ $agenda->status == 'Akan Datang' ? 'selected' : '' }}>
                                Akan Datang
                            </option>

                            <option value="Sedang Berlangsung"
                                {{ $agenda->status == 'Sedang Berlangsung' ? 'selected' : '' }}>
                                Sedang Berlangsung
                            </option>

                            <option value="Selesai"
                                {{ $agenda->status == 'Selesai' ? 'selected' : '' }}>
                                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', $agenda->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', $agenda->deskripsi) }}</textarea>

                    </div>

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

                        <label class="form-label">
                            Gambar Saat Ini
                        </label>

                        <br>

                        @if($agenda->gambar)

                            <img src="{{ asset('storage/'.$agenda->gambar) }}"
                                 width="250"
                                 class="img-thumbnail mb-3">

                        @else

                            <p class="text-muted">
                                Belum ada gambar
                            </p>

                        @endif

                    </div>

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

                        <label class="form-label">
                            Ganti Gambar
                        </label>

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

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

                    </div>

                </div>

                <button class="btn btn-warning">

                    <i class="bi bi-pencil-square"></i>

                    Update

                </button>

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

                    Batal

                </a>

            </form>

        </div>

    </div>

</div>

@endsection