@extends('admin.layouts.master')

@section('title', 'Add Gallery Image')
@section('parent_title', 'Gallery Management')

@section('content')
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <div class="card-title">
                <h2>Add New Gallery Image</h2>
            </div>
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body pt-0">
            <form id="add-gallery-form" action="{{ route('admin.galleries.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                
                <div class="fv-row mb-7">
                    <label class="required fw-bold fs-6 mb-2">Select Image</label>
                    <input type="file" name="image" class="form-control form-control-solid mb-3 mb-lg-0 @error('image') is-invalid @enderror" accept="image/*" required />
                    @error('image')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="fv-row mb-7">
                    <label class="required fw-bold fs-6 mb-2">Category</label>
                    <select name="category" class="form-select form-select-solid @error('category') is-invalid @enderror" required>
                        <option value="">Select Category</option>
                        <option value="deluxe_room">Deluxe Room</option>
                        <option value="single_bedroom">Single Bedroom</option>
                        <option value="double_bedroom">Double Bedroom</option>
                        <option value="classic_room">Classic Room</option>
                        <option value="exe_room">EXE Room</option>
                        <option value="royal_room">Royal Room</option>
                    </select>
                    @error('category')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="fv-row mb-7">
                    <label class="required fw-bold fs-6 mb-2">Status</label>
                    <select name="status" class="form-select form-select-solid @error('status') is-invalid @enderror" required>
                        <option value="1">Active</option>
                        <option value="0">Inactive</option>
                    </select>
                    @error('status')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="text-center pt-15">
                    <a href="{{ route('admin.galleries.index') }}" class="btn btn-light me-3">Discard</a>
                    <button type="submit" class="btn btn-primary">
                        <span class="indicator-label">Upload Image</span>
                    </button>
                </div>
            </form>
        </div>
        <!--end::Card body-->
    </div>
@endsection