@extends('admin.layout')

@section('title', $gallery->exists ? 'Edit Gallery' : 'Tambah Gallery')

@section('content')
    <div class="card">
        <div class="card-body">
        <form method="post" enctype="multipart/form-data" action="{{ $gallery->exists ? route('dashboard.gallerys.update', $gallery) : route('dashboard.gallerys.store') }}">
            @csrf
            @if ($gallery->exists)
                @method('put')
            @endif

            <div class="mb-3">
                <label class="form-label">Album</label>
                <select name="album_id" class="form-select" required>
                    @foreach ($albums as $album)
                        <option value="{{ $album->id }}" {{ (string) old('album_id', $gallery->album_id) === (string) $album->id ? 'selected' : '' }}>
                            {{ $album->title }}
                        </option>
                    @endforeach
                </select>
                @error('album_id')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Title</label>
                <input class="form-control" type="text" name="title" value="{{ old('title', $gallery->title) }}" required>
                @error('title')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Content</label>
                <textarea class="form-control" name="content" rows="6">{{ old('content', $gallery->content) }}</textarea>
                @error('content')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Picture</label>
                @if ($gallery->picture)
                    <div class="mb-2">
                        <img src="{{ po_asset($gallery->picture) }}" alt="" class="img-fluid rounded">
                    </div>
                @endif
                <input class="form-control" type="file" name="picture_file" accept="image/*">
                @error('picture_file')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>

            <button type="submit" class="btn btn-primary">Simpan</button>
            <a href="{{ route('dashboard.gallerys.index') }}" class="btn btn-outline-secondary">Kembali</a>
        </form>
        </div>
    </div>
@endsection