@extends('admin.layouts.app')

@section('title', isset($boatRange) ? 'Modifier une Gamme' : 'Ajouter une Gamme')

@section('content')
<div class="d-flex flex-column flex-column-fluid">
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
        <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
            <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">
                    {{ isset($boatRange) ? 'Modifier une Gamme' : 'Ajouter une Gamme' }}
                </h1>
            </div>
        </div>
    </div>

    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-xxl">
            <form method="POST" action="{{ isset($boatRange) ? route('boats.ranges.update', [$boat, $boatRange]) : route('boats.ranges.store', $boat) }}" class="form fv-plugins-bootstrap5 fv-plugins-framework">
                @csrf
                @if(isset($boatRange))
                @method('PUT')
                @endif

                <div class="card mb-5 mb-xl-10">
                    <div id="kt_account_settings_profile_details" class="collapse show">
                        <div class="card-header">
                            <div class="card-title">
                                <h2>Informations sur la Gamme</h2>
                            </div>
                        </div>

                        <div class="card-body border-top p-9">


                            @if(isset($boatRange) && !in_array($boatRange->name, \App\Models\BoatRange::RANGES))
                            <div class="alert alert-danger">
                                La gamme actuelle <strong style="color: red;">{{ $boatRange->name }}</strong> n'est pas reconnue. Veuillez la modifier via le formulaire ci-dessous.
                            </div>
                            @endif

                            <div class="row mb-6">
                                <label for="name" class="col-lg-4 col-form-label required fw-semibold fs-6">Gamme</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <select id="name" name="name" class="form-select form-select-lg form-select-solid" required>
                                        <option value="">Sélectionnez la gamme</option>
                                        @foreach(\App\Models\BoatRange::RANGES as $range)
                                        <option value="{{ $range }}" {{ old('name', isset($boatRange) && $boatRange->name == $range ? $range : '') == $range ? 'selected' : '' }}>
                                            {{ $range }}
                                        </option>
                                        @endforeach
                                    </select>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>

                            <div class="row mb-6">
                                <label for="weight" class="col-lg-4 col-form-label required fw-semibold fs-6">Poids</label>
                                <div class="col-lg-8 fv-row fv-plugins-icon-container">
                                    <input type="text" id="weight" name="weight" class="form-control form-control-lg form-control-solid" placeholder="Poids" value="{{ old('weight', isset($boatRange) ? $boatRange->weight : '') }}" required>
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end">
                    <a href="{{ route('boats.edit', $boat->id) }}" id="kt_ecommerce_add_product_cancel" class="btn btn-light me-5">Retour</a>
                    <button type="submit" id="kt_ecommerce_add_product_submit" class="btn btn-primary">
                        <span class="indicator-label">Enregistrer</span>
                        <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection