@extends('layouts.admin')

@section('content')
<div class="card admin-card">
    <div class="card-body p-4">
        <div class="admin-toolbar">
            <h1 class="h3 mb-0">{{ $snail->exists ? 'Edit snail species' : 'Create snail species' }}</h1>
            @if($snail->exists)
                <form method="post" action="{{ route('admin.snail-species.destroy', $snail) }}" onsubmit="return confirm('Delete this snail species?');">
                    @csrf
                    @method('DELETE')
                    <button class="btn admin-btn admin-btn-danger"><i class="fa-solid fa-trash"></i><span>Delete snail</span></button>
                </form>
            @endif
        </div>

        <form method="post" action="{{ $snail->exists ? route('admin.snail-species.update', $snail) : route('admin.snail-species.store') }}" class="row g-3 admin-form-grid">
            @csrf
            @if($snail->exists)
                @method('PUT')
            @endif

            <div class="col-md-6">
                <label class="form-label" for="common_name">Common name</label>
                <input id="common_name" name="common_name" value="{{ old('common_name', $snail->common_name) }}" class="form-control">
            </div>
            <div class="col-md-6">
                <label class="form-label" for="scientific_name">Scientific name</label>
                <input id="scientific_name" name="scientific_name" value="{{ old('scientific_name', $snail->scientific_name) }}" class="form-control">
            </div>
            <div class="col-md-4">
                <label class="form-label" for="snail_category">Category</label>
                <select id="snail_category" name="category" class="form-select">
                    <option value="">Select category</option>
                    @foreach($categories as $category)
                        <option value="{{ $category }}" @selected(old('category', $snail->category) === $category)>{{ $category }}</option>
                    @endforeach
                    @if(old('category', $snail->category) && ! in_array(old('category', $snail->category), $categories, true))
                        <option value="{{ old('category', $snail->category) }}" selected>{{ old('category', $snail->category) }}</option>
                    @endif
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="compatibility_rating">Compatibility rating</label>
                <select id="compatibility_rating" name="compatibility_rating" class="form-select">
                    <option value="">Select rating</option>
                    @foreach($ratings as $rating)
                        <option value="{{ $rating }}" @selected(old('compatibility_rating', $snail->compatibility_rating) === $rating)>{{ \Illuminate\Support\Str::headline(str_replace('_', ' ', $rating)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="size_cm">Size (cm)</label>
                <input id="size_cm" name="size_cm" value="{{ old('size_cm', $snail->size_cm) }}" class="form-control">
            </div>
            <div class="col-md-6">
                <label class="form-label" for="temperament">Temperament</label>
                <select id="temperament" name="temperament" class="form-select">
                    <option value="">Select temperament</option>
                    @foreach($temperaments as $temperament)
                        <option value="{{ $temperament }}" @selected(old('temperament', $snail->temperament) === $temperament)>{{ $temperament }}</option>
                    @endforeach
                    @if(old('temperament', $snail->temperament) && ! in_array(old('temperament', $snail->temperament), $temperaments, true))
                        <option value="{{ old('temperament', $snail->temperament) }}" selected>{{ old('temperament', $snail->temperament) }}</option>
                    @endif
                </select>
            </div>
            <div class="col-12">
                <label class="form-label" for="notes">Notes</label>
                <textarea id="notes" name="notes" class="form-control" rows="4">{{ old('notes', $snail->notes) }}</textarea>
            </div>
            <div class="col-12 d-flex gap-2">
                <button class="btn admin-btn admin-btn-primary"><i class="fa-solid fa-floppy-disk"></i><span>Save snail species</span></button>
                <a href="{{ route('admin.snail-species.index') }}" class="btn admin-btn admin-btn-secondary"><i class="fa-solid fa-arrow-left"></i><span>Back</span></a>
            </div>
        </form>
    </div>
</div>
@endsection