@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('front.index') }}">Tableau de bord</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.applications') }}">Applications</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.application.sale-parameters.show', $application) }}">{{ $application->name }} - Paramètres</a></li>
                <li class="breadcrumb-item active" aria-current="page">Modifier</li>
            </ol>
        </nav>
    @endsection

    <div class="container py-2">
        <!-- Messages d'erreur -->
        @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show text-center mb-3" role="alert">
            <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreur</h5>
            <ul class="mb-0 list-unstyled">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif

        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card shadow-sm">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="fas fa-cog me-2"></i>Modifier les paramètres de vente - {{ $application->name }}
                        </h5>
                    </div>
                    <div class="card-body">
                        @if($application->saleParameter)
                        <form method="POST" action="{{ route('partner.application.sale-parameters.update', $application) }}">
                            @csrf
                            @method('PUT')

                            <div class="alert alert-info mb-4">
                                <i class="fas fa-info-circle me-2"></i>
                                <strong>Information :</strong> Ces paramètres définissent les règles de vente pour cette application.
                            </div>

                            <div class="row g-4">
                                <!-- Durée de l'option -->
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-clock me-1 text-primary"></i>
                                        Durée de l'option
                                        <i class="fas fa-info-circle ms-1 text-muted"
                                           data-bs-toggle="tooltip"
                                           data-bs-placement="top"
                                           title="Durée pendant laquelle une option peut être posée"></i>
                                    </label>
                                    <select name="option_duration_day" class="form-select" required>
                                        @foreach(\App\Enums\OptionDuration::cases() as $duration)
                                            <option value="{{ $duration->value }}" {{ $application->saleParameter->option_duration_day == $duration->value ? 'selected' : '' }}>
                                                {{ $duration->label() }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <!-- Rang de l'option -->
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-layer-group me-1 text-info"></i>
                                        Rang de l'option
                                        <i class="fas fa-info-circle ms-1 text-muted"
                                           data-bs-toggle="tooltip"
                                           data-bs-placement="top"
                                           title="Si rang 2 activé : permet de poser une seconde option qui s'activera automatiquement en cas de désistement de la première option"></i>
                                    </label>
                                    <select name="option_rang" class="form-select" required>
                                        <option value="1" {{ $application->saleParameter->option_rang == 1 ? 'selected' : '' }}>Rang 1 uniquement</option>
                                        <option value="2" {{ $application->saleParameter->option_rang == 2 ? 'selected' : '' }}>Rang 1 et 2</option>
                                    </select>
                                </div>

                                <!-- Option renouvelable -->
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-sync-alt me-1 text-success"></i>
                                        Option renouvelable
                                        <i class="fas fa-info-circle ms-1 text-muted"
                                           data-bs-toggle="tooltip"
                                           data-bs-placement="top"
                                           title="Nombre de fois que l'option peut être renouvelée"></i>
                                    </label>
                                    <select name="option_renouvellable" class="form-select" required>
                                        @foreach(\App\Enums\OptionRenouvellable::cases() as $option)
                                            <option value="{{ $option->value }}" {{ $application->saleParameter->option_renouvellable == $option->value ? 'selected' : '' }}>
                                                {{ $option->label() }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <!-- Jours ouvrables uniquement -->
                                <div class="col-12">
                                    <div class="card bg-light border-0 mt-2">
                                        <div class="card-body py-3">
                                            <div class="form-check form-switch">
                                                <input type="hidden" name="option_jour_ouvrable" value="0">
                                                <input class="form-check-input" type="checkbox" role="switch" id="option_jour_ouvrable" name="option_jour_ouvrable" value="1" {{ $application->saleParameter->option_jour_ouvrable ? 'checked' : '' }}>
                                                <label class="form-check-label fw-bold" for="option_jour_ouvrable">
                                                    <i class="fas fa-business-time me-1 text-warning"></i>
                                                    Jours ouvrables uniquement
                                                    <i class="fas fa-info-circle ms-2 text-muted"
                                                       data-bs-toggle="tooltip"
                                                       data-bs-placement="top"
                                                       title="Calculer la durée de l'option sur les jours ouvrables seulement (exclut samedis, dimanches et jours fériés)"></i>
                                                </label>
                                                <div class="form-text mt-1">
                                                    <small>Si activé, les week-ends et jours fériés ne seront pas comptabilisés dans la durée de l'option.</small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Acceptation automatique des options -->
                                <div class="col-12">
                                    <div class="card bg-light border-0 mt-2">
                                        <div class="card-body py-3">
                                            <div class="form-check form-switch">
                                                <input type="hidden" name="auto_accept_option" value="0">
                                                <input class="form-check-input" type="checkbox" role="switch" id="auto_accept_option" name="auto_accept_option" value="1" {{ $application->saleParameter->auto_accept_option ?? false ? 'checked' : '' }}>
                                                <label class="form-check-label fw-bold" for="auto_accept_option">
                                                    <i class="fas fa-check-circle me-1 text-success"></i>
                                                    Acceptation automatique des poses d'option
                                                    <i class="fas fa-info-circle ms-2 text-muted"
                                                       data-bs-toggle="tooltip"
                                                       data-bs-placement="top"
                                                       title="Si activé, les options posées seront automatiquement acceptées sans validation manuelle"></i>
                                                </label>
                                                <div class="form-text mt-1">
                                                    <small>Si activé, les options posées par les clients seront automatiquement acceptées. Sinon, elles nécessiteront une validation manuelle.</small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="d-flex justify-content-end gap-2 mt-4">
                                <a href="{{ route('partner.application.sale-parameters.show', $application) }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-times me-2"></i>Annuler
                                </a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>Enregistrer les modifications
                                </button>
                            </div>
                        </form>
                        @else
                        <div class="alert alert-warning">
                            <i class="fas fa-exclamation-triangle me-2"></i>
                            Aucun paramètre de vente configuré pour cette application.
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        // Activer les tooltips Bootstrap
        document.addEventListener('DOMContentLoaded', function() {
            const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
            tooltipTriggerList.map(function (tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl);
            });
        });
    </script>
@endsection