@extends('admin.layout')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="card-title">
                <div class="d-flex">
                    <div class="p-2">
                        <a href="/datainformasi" class="btn btn-primary">Kembali</a>
                    </div>
                    <div class="ml-auto p-2">
                        <span class="text-dark" style="font-size: 16px;">Edit Data dan Informasi</span>
                    </div>
                </div>
            </div>
            <form action="/datainformasi/{{ $data->id }}" method="post" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="form-group">
                    <label for="unit">Unit</label>
                    <input type="text" name="unit" value="{{ old('unit', $data->unit) }}"
                        class="form-control @error('unit')
                        is-invalid
                    @enderror "
                        id="">
                    @error('unit')
                        <span style="color: red; font-size: 14px;">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="nama">Nama Data / Informasi</label>
                    <input type="text" name="nama"
                        class="form-control @error('nama')
                    is-invalid
                @enderror "
                        value="{{ old('nama', $data->nama) }}" id="">
                    @error('nama')
                        <span style="color: red; font-size: 14px;">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="deskripsi">Deskripsi</label>
                    <textarea name="deskripsi" class="textarea-field" id="" cols="" rows="5">{{ old('deskripsi', $data->deskripsi) }}</textarea>
                    @error('deskripsi')
                        <span style="color: red; font-size: 14px;">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="file" class="form-label">File</label>
                    <input type="file"
                        class="form-control @error('file')
                    is-invalid
                @enderror "
                        name="file" id="fileInput" aria-describedby="fileHelp">
                    <div id="fileHelp" class="form-text">Select a file to upload.</div>
                    @error('file')
                        <span style="color: red; font-size: 14px;">{{ $message }}</span><br>
                    @enderror
                    @if ($data->file)
                        <a href="/datainformasis/download/{{ $data->file }}" target="_blank" class="btn btn-success">
                            <span class="material-symbols-outlined">
                                download
                            </span>
                        </a>
                    @endif
                </div>
                <div class="form-group">
                    <label for="keterangan">Keterangan</label>
                    <select name="keterangan"
                        class="form-control @error('keterangan')
                    is-invalid
                @enderror "
                        id="">
                        <option value="">Pilih Keterangan</option>
                        <option value="Data" {{ old('keterangan', $data->keterangan) == 'Data' ? 'selected' : '' }}>Data
                        </option>
                        <option value="Informasi"
                            {{ old('keterangan', $data->keterangan) == 'Informasi' ? 'selected' : '' }}>Informasi
                        </option>
                    </select>
                    @error('keterangan')
                        <span style="color: red; font-size: 14px;">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-success float-right">Simpan</button>
                </div>
            </form>
        </div>
    </div>
@endsection