@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="mb-0" style="font-weight:600;">
        <i class="fas fa-folder me-2" style="color:var(--admin-primary)"></i>
        {{ isset($keyplace) ? 'Edit Keyplace' : 'Create Keyplace' }}
    </h5>

    <a href="{{ route('keyplaces.index') }}" class="btn-admin-outline">
        <i class="fas fa-arrow-left me-1"></i> Back
    </a>
</div>

<div class="admin-card">
    <div class="admin-card-body">

        @include('partials.errors')

        <form action="{{ isset($keyplace) ? route('keyplaces.update', $keyplace->id) : route('keyplaces.store') }}"
              method="POST"
              enctype="multipart/form-data"
              class="admin-form">

            @csrf

            @if(isset($keyplace))
                @method('PUT')
            @endif

            <div class="row">

                <!-- Gallery Name -->
                <div class="col-md-6 mb-3">
                    <label class="form-label"> Title <span class="text-danger">*</span></label>
                    <input
                        type="text"
                        name="title"
                        class="form-control"
                        placeholder="Enter  Title"
                        value="{{ old('title', $keyplace->title ?? '') }}">
                </div>

                <!-- Category -->
                <div class="col-md-6 mb-3">
                    <label class="form-label">Category <span class="text-danger">*</span></label>
                    <select name="category_id" class="form-select">
                        <option value="">Select Category</option>
                        @foreach($categories as $category)
                            <option value="{{ $category->id }}"
                                {{ old('category_id', $keyplace->category_id ?? '') == $category->id ? 'selected' : '' }}>
                                {{ $category->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
              

                <!-- Gallery Image -->
                <div class="col-md-6 mb-3">
                    <label class="form-label"> Image</label>

                    <input
                        type="file"
                        name="image"
                        class="form-control"
                        accept="image/*">

                    @if(isset($keyplace) && !empty($keyplace->image))
                        <div class="mt-2">
                            <img src="{{ asset('storage/keyplaces/'.$keyplace->image) }}"
                                 style="height:90px;border-radius:6px;border:1px solid #ddd;">
                        </div>
                    @endif
                </div>

              

            </div>

            <button type="submit" class="btn-admin-primary">
                <i class="fas fa-save me-1"></i>
                {{ isset($keyplace) ? 'Update Keyplace' : 'Add Keyplace' }}
            </button>

        </form>

    </div>
</div>
@endsection