@extends('layouts.app')

@php
    use App\Enums\OptionState;
    use App\Enums\PriceType;
    use App\Enums\SurfaceType;
@endphp

@section('content')

<div class="container py-3">
    <div class="row mb-4">
        <div class="col-md-8 col-sm-12">
            <h4 class="text-black-or-white">Fiche client</h4>
            <p class="txt-grey m-0 p-0">{{ $client->fullName() }}</p>
        </div>
        <div class="col-md-4 col-sm-12 d-flex justify-content-end align-items-center">
            <a href="{{ route('partenaires.mes-clients.export-pdf', $client->id) }}" class="btn btn-primary me-2 d-none">
                <i class="fa-regular fa-file-pdf"></i> Exporter en PDF
            </a>
            <a href="{{ route('partenaires.mes-clients') }}" class="btn btn-secondary">
                <i class="fa-regular fa-arrow-left"></i> Retour
            </a>
        </div>
    </div>

    <!-- Bloc 1 - Résumé infos clients -->
    <div class="stat-card mb-4">
        <div class="card-title mb-3 d-flex align-items-center justify-content-between">
            <div class="d-flex align-items-center">
                <i class="fa-light fa-user text-gold pe-2"></i>
                <h5 class="text-black-or-white m-0">Informations client</h5>
            </div>
            <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#modal-edit-client">
                <i class="fa-regular fa-edit"></i> Modifier
            </button>
        </div>
        <div class="bg-grey border-radius-10 p-4">
                        <div class="row">
                            <div class="col-md-6">
                                <ul class="list-unstyled">
                                    <li class="mb-2"><strong class="text-black-or-white">Nom :</strong> <span class="text-gold">{{ $client->lastname ?? '-' }}</span></li>
                                    <li class="mb-2"><strong class="text-black-or-white">Prénom :</strong> <span class="text-gold">{{ $client->firstname ?? '-' }}</span></li>
                                    <li class="mb-2"><strong class="text-black-or-white">Email :</strong> <span class="text-gold">{{ $client->email ?? '-' }}</span></li>
                                    @if($client->phones && $client->phones->count() > 0)
                                        <li class="mb-2"><strong class="text-black-or-white">Téléphone :</strong> <span class="text-gold">{{ $client->phones->first()->name ?? $client->phone ?? '-' }}</span></li>
                                    @elseif($client->phone)
                                        <li class="mb-2"><strong class="text-black-or-white">Téléphone :</strong> <span class="text-gold">{{ $client->phone }}</span></li>
                                    @endif
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="list-unstyled">
                                    @if($client->address)
                                        <li class="mb-2"><strong class="text-black-or-white">Adresse :</strong>
                                            <span class="text-gold">
                                                {{ $client->address->line_1 ?? '' }}
                                                @if($client->address->line_2)
                                                    {{ $client->address->line_2 }}
                                                @endif
                                            </span>
                                        </li>
                                        @if($client->address->zip_code && $client->address->city)
                                            <li class="mb-2"><strong class="text-black-or-white">Ville, CP :</strong>
                                                <span class="text-gold">{{ $client->address->zip_code }} {{ $client->address->city }}</span>
                                            </li>
                                        @endif
                                    @endif
                                    <li class="mb-2"><strong class="text-black-or-white">Date de création du client :</strong>
                                        <span class="text-gold">{{ $clientCreationDate->format('d/m/Y') }}</span>
                                    </li>
                                    <li class="mb-2"><strong class="text-black-or-white">Statut du dernier dossier :</strong>
                                        @if($lastStatus)
                                            <span class="option_statut_{{ $lastStatus->value }}">{{ $lastStatus->label() }}</span>
                                        @else
                                            <span class="text-grey">Aucun dossier</span>
                                        @endif
                                    </li>
                                </ul>
                            </div>
                        </div>
                        @if($client->notes)
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <strong class="text-black-or-white">Commentaires :</strong>
                                    <p class="text-black-or-white mt-2">{{ $client->notes }}</p>
                                </div>
                            </div>
                        @endif
        </div>
    </div>

    <!-- Bloc 2 - Dossiers actifs -->
    <div class="stat-card mb-4">
        <div class="card-title mb-3 d-flex align-items-center justify-content-between">
            <div class="d-flex align-items-center">
                <i class="fa-light fa-folder-open text-gold pe-2"></i>
                <h5 class="text-black-or-white m-0">Dossiers actifs ({{ $dossiersActifs->count() }})</h5>
            </div>
            <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#modal-add-option">
                <i class="fa-regular fa-plus"></i> Ajouter une option
            </button>
        </div>
        @if($dossiersActifs->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover table-clients">
                    <thead>
                        <tr>
                            <th class="text-black-or-white">Programme</th>
                            <th class="text-black-or-white">Lot</th>
                            <th class="text-black-or-white">Fiscalité associée</th>
                            <th class="text-black-or-white">Typologie</th>
                            <th class="text-black-or-white">Statut du dossier</th>
                            <th class="text-black-or-white">Date pose d'option</th>
                            <th class="text-black-or-white">Date de réservation</th>
                            <th class="text-black-or-white">Prix</th>
                            <th class="text-black-or-white">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($dossiersActifs as $option)
                            @php
                                $lot = $option->product;
                                $program = $lot ? $lot->program : null;
                                $state = $option->state;

                                // Fiscalité
                                $fiscalites = $program ? $program->fiscalites->pluck('type')->map(fn($f) => $f->label())->toArray() : [];
                                $fiscaliteLibelle = !empty($fiscalites) ? implode(', ', $fiscalites) : '-';

                                // Typologie
                                $typologie = $lot && $lot->type ? $lot->type->label() : '-';

                                // Prix
                                $prixTTC = $lot ? $lot->prices->where('type', 'prix_ttc')->first() : null;
                                $prix = $prixTTC ? number_format($prixTTC->value, 0, ',', ' ') . ' €' : '-';

                                // Date de réservation
                                $dateReservation = null;
                                if ($state === OptionState::PROMESSE_VENTE_SIGNEE || $state === OptionState::ACTE_DEFINITIF_SIGNE) {
                                    $dateReservation = $option->updated_at;
                                }
                            @endphp
                            @if($program)
                                <tr>
                                    <td class="text-black-or-white" style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">
                                        @if($program->slug)
                                            <a href="{{ route('programmes.show', $program->slug) }}" class="text-gold text-decoration-none">
                                                {{ $program->name }}
                                            </a>
                                        @else
                                            {{ $program->name }}
                                        @endif
                                    </td>
                                    <td class="text-black-or-white" style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">Lot n°{{ $lot->number ?? '-' }}</td>
                                    <td class="text-black-or-white" style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">{{ $fiscaliteLibelle }}</td>
                                    <td class="text-black-or-white" style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">{{ $typologie }}</td>
                                    <td style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">
                                        <span class="option_statut_{{ $state->value }}">{{ $state->label() }}</span>
                                    </td>
                                    <td class="text-black-or-white" style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">{{ $option->created_at->format('d/m/Y') }}</td>
                                    <td class="text-black-or-white" style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">{{ $dateReservation ? $dateReservation->format('d/m/Y') : '-' }}</td>
                                    <td class="text-black-or-white" style="font-size: 0.875rem; padding: 0.5rem 0.75rem; white-space: nowrap;">{{ $prix }}</td>
                                    <td>
                                        <a href="{{ route('options.index') }}#option_{{ $option->id }}" class="btn btn-sm btn-primary">
                                            <i class="fa-regular fa-eye"></i> Voir
                                        </a>
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="bg-grey border-radius-10 p-4 text-center">
                <p class="text-grey-light">Aucun dossier actif pour ce client</p>
            </div>
        @endif
    </div>

    <!-- Bloc 3 - Historique des ventes -->
    <div class="stat-card mb-4">
        <div class="card-title mb-3 d-flex align-items-center">
            <i class="fa-light fa-history text-gold pe-2"></i>
            <h5 class="text-black-or-white m-0">Historique des ventes ({{ $historiqueVentes->count() }})</h5>
        </div>
        @if($historiqueVentes->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover table-clients">
                    <thead>
                        <tr>
                            <th class="text-black-or-white">Date d'archivage</th>
                            <th class="text-black-or-white">Programme</th>
                            <th class="text-black-or-white">Lot</th>
                            <th class="text-black-or-white">Statut</th>
                            <th class="text-black-or-white">Prix</th>
                            <th class="text-black-or-white">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($historiqueVentes as $option)
                            @php
                                $lot = $option->product;
                                $program = $lot ? $lot->program : null;
                                $state = $option->state;

                                // Prix
                                $prixTTC = $lot ? $lot->prices->where('type', 'prix_ttc')->first() : null;
                                $prix = $prixTTC ? number_format($prixTTC->value, 0, ',', ' ') . ' €' : '-';

                                // Date d'archivage (dernière modification)
                                $dateArchivage = $option->updated_at;
                            @endphp
                            @if($program)
                                <tr>
                                    <td class="text-black-or-white">{{ $dateArchivage->format('d/m/Y') }}</td>
                                    <td class="text-black-or-white">
                                        @if($program->slug)
                                            <a href="{{ route('programmes.show', $program->slug) }}" class="text-gold text-decoration-none">
                                                {{ $program->name }}
                                            </a>
                                        @else
                                            {{ $program->name }}
                                        @endif
                                    </td>
                                    <td class="text-black-or-white">Lot n°{{ $lot->number ?? '-' }}</td>
                                    <td>
                                        <span class="option_statut_{{ $state->value }}">{{ $state->label() }}</span>
                                    </td>
                                    <td class="text-black-or-white">{{ $prix }}</td>
                                    <td>
                                        <a href="{{ route('options.index') }}#option_{{ $option->id }}" class="btn btn-sm btn-primary">
                                            <i class="fa-regular fa-eye"></i> Voir
                                        </a>
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="bg-grey border-radius-10 p-4 text-center">
                <p class="text-grey-light">Aucun dossier archivé pour ce client</p>
            </div>
        @endif
    </div>
</div>

<!-- Modal Modifier coordonnées -->
<div class="modal fade" id="modal-edit-client" tabindex="-1" aria-labelledby="modal-edit-client-label" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-edit-client-label">Modifier les coordonnées</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="form-edit-client">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="edit_firstname" class="form-label">Prénom</label>
                            <input type="text" class="form-control ps-2" id="edit_firstname" name="firstname" value="{{ $client->firstname ?? '' }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="edit_lastname" class="form-label">Nom</label>
                            <input type="text" class="form-control ps-2" id="edit_lastname" name="lastname" value="{{ $client->lastname ?? '' }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="edit_email" class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control ps-2" id="edit_email" name="email" value="{{ $client->email ?? '' }}" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="edit_phone" class="form-label">Téléphone</label>
                            <input type="text" class="form-control ps-2" id="edit_phone" name="phone" value="{{ $client->phones->first()->name ?? $client->phone ?? '' }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="edit_birthdate" class="form-label">Date de naissance</label>
                            <input type="date" class="form-control ps-2" id="edit_birthdate" name="birthdate" value="{{ $client->birthdate ? $client->birthdate->format('Y-m-d') : '' }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="edit_address_line_1" class="form-label">Adresse ligne 1</label>
                            <input type="text" class="form-control ps-2" id="edit_address_line_1" name="address_line_1" value="{{ $client->address->line_1 ?? '' }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="edit_address_line_2" class="form-label">Adresse ligne 2</label>
                            <input type="text" class="form-control ps-2" id="edit_address_line_2" name="address_line_2" value="{{ $client->address->line_2 ?? '' }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label for="edit_address_zip_code" class="form-label">Code postal</label>
                            <input type="text" class="form-control ps-2" id="edit_address_zip_code" name="address_zip_code" value="{{ $client->address->zip_code ?? '' }}">
                        </div>
                        <div class="col-md-8 mb-3">
                            <label for="edit_address_city" class="form-label">Ville</label>
                            <input type="text" class="form-control ps-2" id="edit_address_city" name="address_city" value="{{ $client->address->city ?? '' }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="edit_notes" class="form-label">Commentaires</label>
                            <textarea class="form-control ps-2" id="edit_notes" name="notes" rows="4">{{ $client->notes ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Ajouter option -->
<div class="modal fade" id="modal-add-option" tabindex="-1" aria-labelledby="modal-add-option-label" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-add-option-label">Ajouter une option</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="form-add-option">
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="add_option_program" class="form-label">Programme <span class="text-danger">*</span></label>
                        <select class="form-control" id="add_option_program" name="program_id" required>
                            <option value="">Sélectionner un programme</option>
                            @foreach($currentApplication->programs()->where('is_active', true)->orderBy('name')->get() as $program)
                                <option value="{{ $program->id }}">{{ $program->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="add_option_lot" class="form-label">Lot <span class="text-danger">*</span></label>
                        <select class="form-control" id="add_option_lot" name="product_id" required disabled>
                            <option value="">Sélectionner d'abord un programme</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="submit" class="btn btn-primary">Créer l'option</button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function() {
    // Formulaire de modification des coordonnées
    $('#form-edit-client').on('submit', function(e) {
        e.preventDefault();

        $.ajax({
            url: '{{ route("partenaires.mes-clients.update", $client->id) }}',
            method: 'PUT',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: $(this).serialize(),
            success: function(response) {
                if (response.success) {
                    location.reload();
                }
            },
            error: function(xhr) {
                alert('Erreur lors de la mise à jour : ' + (xhr.responseJSON?.error || 'Erreur inconnue'));
            }
        });
    });

    // Charger les lots quand un programme est sélectionné
    $('#add_option_program').on('change', function() {
        var programId = $(this).val();
        var $lotSelect = $('#add_option_lot');

        if (!programId) {
            $lotSelect.html('<option value="">Sélectionner d\'abord un programme</option>').prop('disabled', true);
            return;
        }

        $.ajax({
            url: '{{ route("ajax.get-lots") }}',
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: { program_id: programId },
            success: function(response) {
                $lotSelect.html('<option value="">Sélectionner un lot</option>');

                if (response.success && response.lots && response.lots.length > 0) {
                    $.each(response.lots, function(i, lot) {
                        $lotSelect.append('<option value="' + lot.id + '">Lot n°' + (lot.number || lot.id) + ' - ' + lot.type + '</option>');
                    });
                    $lotSelect.prop('disabled', false);
                } else {
                    $lotSelect.html('<option value="">Aucun lot disponible</option>').prop('disabled', true);
                }
            },
            error: function(xhr) {
                var errorMsg = xhr.responseJSON?.error || 'Erreur lors du chargement';
                $lotSelect.html('<option value="">' + errorMsg + '</option>').prop('disabled', true);
            }
        });
    });

    // Formulaire d'ajout d'option
    $('#form-add-option').on('submit', function(e) {
        e.preventDefault();

        var productId = $('#add_option_lot').val();
        if (!productId) {
            alert('Veuillez sélectionner un lot');
            return;
        }

        $.ajax({
            url: '{{ route("partenaires.mes-clients.add-option", $client->id) }}',
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                product_id: productId
            },
            success: function(response) {
                if (response.success) {
                    $('#modal-add-option').modal('hide');

                    // Afficher un message selon l'acceptation automatique
                    var message = response.is_auto_accepted
                        ? 'Option créée et acceptée automatiquement avec succès ! (État: ' + (response.state_label || 'Acceptée') + ')'
                        : 'Option créée avec succès ! (État: ' + (response.state_label || 'Créée') + ')';

                    // Afficher une alerte Bootstrap
                    var alertClass = response.is_auto_accepted ? 'alert-success' : 'alert-info';
                    var alertHtml = '<div class="alert ' + alertClass + ' alert-dismissible fade show" role="alert">' +
                        '<i class="fas fa-' + (response.is_auto_accepted ? 'check-circle' : 'info-circle') + ' me-2"></i>' +
                        message +
                        '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>' +
                        '</div>';

                    // Insérer l'alerte en haut de la page
                    $('.container').first().prepend(alertHtml);

                    // Recharger la page après un court délai pour voir le message
                    setTimeout(function() {
                        location.reload();
                    }, 2000);
                }
            },
            error: function(xhr) {
                alert('Erreur lors de la création de l\'option : ' + (xhr.responseJSON?.error || 'Erreur inconnue'));
            }
        });
    });
});
</script>
@endpush

@endsection