@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-hashtag me-2" style="color:var(--admin-primary)"></i>
        {{ isset($amenity) ? 'Edit Amenity' : 'Create Amenity' }}
    </h5>
    <a href="{{ route('amenities.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($amenity) ? route('amenities.update', $amenity->id) : route('amenities.store') }}"
              method="POST" class="admin-form">
            @csrf
            @if (isset($amenity))
                @method('PUT')
            @endif

            <div class="mb-3">
                <label for="title" class="form-label">Title</label>
                <input type="text" id="title" class="form-control" name="title"
                       value="{{ isset($amenity) ? $amenity->title : '' }}" placeholder="Enter amenity title">
            </div>

              <div class="mb-3">
                <label for="sub_title" class="form-label">Sub Title</label>
                <input type="text" id="sub_title" class="form-control" name="sub_title"
                       value="{{ isset($amenity) ? $amenity->sub_title : '' }}" placeholder="Enter amenity sub title">
            </div>

             <div class="mb-3">
                <label for="icon" class="form-label">Icon</label>
                <input type="text" id="icon" class="form-control" name="icon"
                       value="{{ isset($amenity) ? $amenity->icon : '' }}" placeholder="Enter icon">
            </div>

            <button type="submit" class="btn-admin-primary">
                <i class="fas fa-save me-1"></i>
                {{ isset($amenity) ? 'Update Amenity' : 'Add Amenity' }}
            </button>
        </form>
    </div>
</div>
@endsection