@extends('admin.template')

@section('title', 'Edit Informasi')

@section('content')

<div class="content-wrapper">
    <div class="row">
        <div class="col-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                <h4 class="card-title">Edit Informasi</h4>
                <p class="card-description">Form edit data informasi</p>

                <form action="{{ route('admin.informasi.update', $informasi->id_informasi) }}"
                      method="POST"
                      enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    {{-- KATEGORI INFORMASI --}}
                    <div class="form-group">
                        <label>Kategori Informasi</label>
                        <select name="kategori_informasi"
                                class="form-control @error('kategori_informasi') is-invalid @enderror">

                            <option value="berita"
                                {{ old('kategori_informasi', $informasi->kategori_informasi) == 'berita' ? 'selected' : '' }}>
                                Berita
                            </option>

                            <option value="pengumuman"
                                {{ old('kategori_informasi', $informasi->kategori_informasi) == 'pengumuman' ? 'selected' : '' }}>
                                Pengumuman
                            </option>

                        </select>

                        @error('kategori_informasi')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- JUDUL INFORMASI --}}
                    <div class="form-group">
                        <label>Judul Informasi</label>
                        <input type="text"
                               name="judul_informasi"
                               class="form-control @error('judul_informasi') is-invalid @enderror"
                               value="{{ old('judul_informasi', $informasi->judul_informasi) }}"
                               required>

                        @error('judul_informasi')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- TANGGAL INFORMASI --}}
                    <div class="form-group">
                        <label>Tanggal Informasi</label>
                        <input type="date"
                               name="tanggal_informasi"
                               class="form-control @error('tanggal_informasi') is-invalid @enderror"
                               value="{{ old('tanggal_informasi', $informasi->tanggal_informasi) }}"
                               required>

                        @error('tanggal_informasi')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- ISI INFORMASI --}}
                    <div class="form-group">
                        <label>Isi Informasi</label>
                        <textarea name="isi_informasi"
                                  rows="6"
                                  class="form-control @error('isi_informasi') is-invalid @enderror"
                                  placeholder="Isi Informasi">{{ old('isi_informasi', $informasi->isi_informasi) }}</textarea>

                        @error('isi_informasi')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    {{-- GAMBAR INFORMASI --}}
                    <div class="form-group">
                        <label>Gambar Informasi</label>
                        <input type="file"
                               name="gambar_informasi"
                               id="gambar_informasi"
                               class="file-upload-default @error('gambar_informasi') is-invalid @enderror"
                               accept="image/*">

                        <div class="input-group col-xs-12">
                            <input type="text"
                                   class="form-control file-upload-info"
                                   disabled
                                   placeholder="Upload Gambar">
                            <span class="input-group-append">
                                <button class="file-upload-browse btn btn-primary" type="button">
                                    Upload
                                </button>
                            </span>
                        </div>

                        @error('gambar_informasi')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror

                        {{-- PREVIEW GAMBAR LAMA --}}
                        @if ($informasi->gambar_informasi)
                            <div class="mt-2">
                                <img src="{{ asset('storage/' . $informasi->gambar_informasi) }}"
                                     width="250"
                                     class="img-thumbnail">
                            </div>
                        @endif
                    </div>

                    <button type="submit" class="btn btn-primary">Simpan</button>
                    <a href="{{ route('admin.informasi.index') }}" class="btn btn-light">Batal</a>

                </form>

            </div>
        </div>
    </div>
</div>

</div>
@endsection