@extends('layouts.app')

@section('content')
@php
    use App\Enums\OptionState;
    use App\Enums\PriceType;
    use App\Enums\PriceTypeLoyer;
    use App\Enums\PriceTypeTravaux;
    use App\Enums\ProductType;
    use App\Enums\SurfaceType;
    use App\Enums\Fiscalite as FiscaliteEnum;
    use App\Helpers\CdnHelper;
@endphp

<div class="container">
    <div class="container py-3 px-0">
        <div class="mx-auto wow fadeInDown" data-wow-delay="0s">
            <h4 class="text-black-or-white">Mes options</h4>
            <p class="txt-grey m-0 p-0">Gérez vos options en cours ici : renouvelez, confirmez ou annulez vos options</p>
            <hr />
        </div>
        <div class="row">
            @if($options && $options->count() > 0)
                <div class="col-md-12">
                    <table id="table_option" class="table_accordeon">
                        <tbody>
                            @foreach($options as $option)
                                @php
                                    $lot = $option->product;
                                    $program = $lot ? $lot->program : null;
                                    $client = $option->client;
                                    $state = $option->state;

                                    // Déterminer le libellé selon l'état
                                    $libelle_html = '';
                                    $expiree = false;

                                    if ($state === OptionState::ACCEPTED || $state === OptionState::VALIDATED || $state === OptionState::CREATED) {
                                        if ($option->date_end && $option->date_end->isPast()) {
                                            $libelle_html = 'Expirée le ' . date_fr_hour_without_seconds($option->date_end, true);
                                            $expiree = true;
                                        } else {
                                            $libelle_html = 'Expire le ' . date_fr_hour_without_seconds($option->date_end, true);
                                        }
                                    } elseif ($state === OptionState::REJECTED) {
                                        $libelle_html = 'Refusée le ' . date_fr_hour_without_seconds($option->updated_at, true);
                                    } elseif ($state === OptionState::CONFIRMED) {
                                        $libelle_html = 'Confirmée le ' . date_fr_hour_without_seconds($option->updated_at, true);
                                    } elseif ($state === OptionState::CANCELED) {
                                        $libelle_html = 'Annulée le ' . date_fr_hour_without_seconds($option->updated_at, true);
                                    }

                                    // Récupérer les prix depuis l'option (copiés lors de la création)
                                    $lotPrices = $option->prices;

                                    // Récupérer les surfaces depuis le lot
                                    $lotSurfaces = $lot ? $lot->surfaces : collect();
                                    $surfaceHabitable = $lotSurfaces->where('type', SurfaceType::HABITABLE->value)->first()?->value ?? 0;
                                @endphp

                                @if($lot && $program)
                                    <tr id="option_{{ $option->id }}" class="table_accordeon_tr">
                                        <!-- Colonne responsive -->
                                        <td colspan="4" class="row py-3 td_option_responsive d-block d-md-none">
                                            <div class="col-12">
                                                @if($expiree)
                                                    <div class="option_statut_expiree">Expirée</div>
                                                @else
                                                    <div class="option_statut_{{ $state->value }}">{{ $state->label() }}</div>
                                                @endif
                                            </div>
                                            <div class="col-12">
                                                <h5 class="text-gold p-0 m-0">{{ ucwords(mb_strtolower($program->name)) }}</h5>
                                                <p class="p-0 m-0">Lot n°{{ $lot->number ?? '-' }} | {{ ucwords(mb_strtolower($program->city ?? '')) }}</p>
                                            </div>
                                            <div class="col-12 py-2">
                                                <img class="img-fluid option_user_img" src="{{ asset('assets/img/user.webp') }}" alt="Option" /> {{ formatage_prenom_nom($client->firstname ?? '', $client->lastname ?? '') }}
                                            </div>
                                            <div class="col-12">
                                                <p class="fst-italic">
                                                    <span class="text-gold" style="margin-right: 10px;">{{ $libelle_html }}</span>
                                                    <span class="text-grey-light">Posée le {{ date_fr_hour_without_seconds($option->created_at, true) }}</span>
                                                </p>
                                            </div>
                                            <div class="col-12">
                                                @if($state === OptionState::ACCEPTED)
                                                    <button data-id_option_demande="option_demande__{{ $option->id }}" class="btn btn-primary btn_gerer_mon_option btn_gerer_mon_option_responsive mb-2">Gérer mon option</button>
                                                    <div class="gerer_mon_option text-center py-3" style="display: none;">
                                                        <button data-id="option__confirmer__{{ $option->id }}__{{ $option->token }}" class="my-1 btn btn-carre btn-black"><i class="fa-light fa-badge-check"></i> Confirmer</button>
                                                        <button data-id="option__renouveler__{{ $option->id }}__{{ $option->token }}" class="my-1 btn btn-carre btn-black"><i class="fa-regular fa-rotate-right"></i> Renouveler</button>
                                                        <button data-id="option__annuler__{{ $option->id }}__{{ $option->token }}" class="my-1 btn btn-carre btn-danger">Annuler l'option</button>
                                                        <hr />
                                                        <button class="btn btn-info">Fermer</button>
                                                    </div>
                                                @else
                                                    <button class="btn btn-default btn_afficher_mon_option mb-2" data-id_option_demande="{{ $option->id }}" data-numero_lot="{{ $lot->id }}">Afficher les infos</button>
                                                @endif
                                                <span class="text-gold chevron_option" data-id_option_demande="{{ $option->id }}" style="padding: 10px;"><i class="fa-solid fa-chevron-right"></i></span>
                                            </div>
                                        </td>
                                        <!-- Fin colonne responsive -->

                                        <!-- Colonnes desktop -->
                                        <td class="p-3 td_option_desktop d-none d-md-table-cell">
                                            @if($expiree)
                                                <div class="option_statut_expiree">Expirée</div>
                                            @else
                                                <div class="option_statut_{{ $state->value }}">{{ $state->label() }}</div>
                                            @endif
                                            <h5 class="text-gold p-0 m-0">{{ ucwords(mb_strtolower($program->name)) }}</h5>
                                            <p class="p-0 m-0">Lot n°{{ $lot->number ?? '-' }} | {{ ucwords(mb_strtolower($program->city ?? '')) }}</p>
                                        </td>

                                        <td class="td_option_desktop d-none d-md-table-cell">
                                            <img class="img-fluid option_user_img" src="{{ asset('assets/img/user.webp') }}" alt="Option" /> {{ formatage_prenom_nom($client->firstname ?? '', $client->lastname ?? '') }}
                                        </td>

                                        <td class="td_option_desktop d-none d-md-table-cell">
                                            <p>
                                                <i><span class="text-gold">{{ $libelle_html }}</span><br />
                                                Posée le {{ date_fr_hour_without_seconds($option->created_at, true) }}</i>
                                            </p>
                                        </td>

                                        <td style="position: relative;" class="td_option_desktop d-none d-md-table-cell">
                                            @if($state === OptionState::ACCEPTED)
                                                <button data-id_option_demande="option_demande__{{ $option->id }}" class="btn btn-primary btn_gerer_mon_option">Gérer mon option</button>
                                                <div class="gerer_mon_option text-center py-1" style="display: none;">
                                                    <button data-id="option__confirmer__{{ $option->id }}__{{ $option->token }}" class="my-1 btn btn-carre btn-black"><i class="fa-light fa-badge-check"></i> Confirmer</button>
                                                    <button data-id="option__renouveler__{{ $option->id }}__{{ $option->token }}" class="my-1 btn btn-carre btn-black"><i class="fa-regular fa-rotate-right"></i> Renouveler</button>
                                                    <button data-id="option__annuler__{{ $option->id }}__{{ $option->token }}" class="my-1 btn btn-carre btn-danger">Annuler l'option</button>
                                                </div>
                                            @else
                                                <button class="btn btn-default btn_afficher_mon_option" data-id_option_demande="{{ $option->id }}" data-numero_lot="{{ $lot->id }}">Afficher les infos</button>
                                            @endif
                                            <span class="text-gold chevron_option" data-id_option_demande="{{ $option->id }}" style="margin-left: 5px;"><i class="fa-solid fa-chevron-right"></i></span>
                                        </td>
                                    </tr>

                                    <tr id="details_option_{{ $option->id }}" class="table_accordeon_details tr_details_lot" style="display: none;">
                                        <td colspan="4">
                                            <div class="container">
                                                <div class="row">
                                                    <div class="col-12 col-md-7">
                                                        <h3 class="text-black-or-white">Données du lot</h3>
                                                        <!-- Responsive -->
                                                        <div class="col-12">
                                                            <div class="row option_donnees_lot">
                                                                @php
                                                                    // Récupérer la fiscalité principale du programme
                                                                    $mainFiscalite = $program->fiscalites->first();
                                                                    $fiscaliteId = $mainFiscalite ? $mainFiscalite->type->value : null;
                                                                @endphp

                                                                <ul>
                                                                    @include('options.partials.financial-info', ['lot' => $lot, 'fiscaliteId' => $fiscaliteId, 'lotPrices' => $lotPrices])
                                                                </ul>
                                                            </div>

                                                            <div class="row {{ $lot->id }} mt-4 option_infos_lot">
                                                                <div class="col-12 col-md-4 p-0">
                                                                    <h3 class="text-black-or-white">Informations sur le lot</h3>
                                                                    <ul>
                                                                        <li>N° de lot : <span class="text-gold">{{ $lot->number ?? '-' }}</span></li>
                                                                        <li>Type : <span class="text-gold">{{ $lot->type ? $lot->type->label() : '-' }}</span></li>
                                                                        <li>Niveau : <span class="text-gold">{{ $lot->floor ? $lot->floor->label() : '-' }}</span></li>
                                                                        <li>Surface habitable : <span class="text-gold">{{ $surfaceHabitable > 0 ? number_format($surfaceHabitable, 0, ',', ' ') . ' m²' : '-' }}</span></li>
                                                                        @php
                                                                            // Récupérer les surfaces depuis les relations Surface
                                                                            $surfaceMoins180 = $lot->surfaces->where('type', 'surface_moins_180')->first()?->value ?? null;
                                                                            $surfaceBalcon = $lot->surfaces->where('type', 'surface_balcon')->first()?->value ?? null;
                                                                            $surfaceTerrasse = $lot->surfaces->where('type', 'surface_terrasse')->first()?->value ?? null;
                                                                            $surfaceJardin = $lot->surfaces->where('type', 'surface_jardin')->first()?->value ?? null;
                                                                        @endphp
                                                                        @if($surfaceMoins180)
                                                                            <li>Surface moins d'1 m<sup>2</sup>80 : <span class="text-gold">{{ number_format($surfaceMoins180, 2, ',', ' ') }} m<sup>2</sup></span></li>
                                                                        @endif
                                                                        @if($surfaceBalcon)
                                                                            <li>Surface balcon : <span class="text-gold">{{ number_format($surfaceBalcon, 2, ',', ' ') }} m<sup>2</sup></span></li>
                                                                        @endif
                                                                        @if($surfaceTerrasse)
                                                                            <li>Surface terrasse : <span class="text-gold">{{ number_format($surfaceTerrasse, 2, ',', ' ') }} m<sup>2</sup></span></li>
                                                                        @endif
                                                                        @if($surfaceJardin)
                                                                            <li>Surface jardin : <span class="text-gold">{{ number_format($surfaceJardin, 2, ',', ' ') }} m<sup>2</sup></span></li>
                                                                        @endif
                                                                        @php
                                                                            // Récupérer les informations supplémentaires depuis les datas JSON ou directement
                                                                            $numeroBatiment = $lot->datas?->first()?->json['numero_batiment'] ?? null;
                                                                            $infoOrientation = $lot->datas?->first()?->json['info_orientation'] ?? null;
                                                                        @endphp
                                                                        @if($numeroBatiment)
                                                                            <li>N° bâtiment : <span class="text-gold">{{ $numeroBatiment }}</span></li>
                                                                        @endif
                                                                        @if($infoOrientation)
                                                                            <li>Orientation : <span class="text-gold">{{ $infoOrientation }}</span></li>
                                                                        @endif
                                                                    </ul>
                                                                </div>

                                                                <div class="col-12 col-md-4 p-0">
                                                                    <h3 class="text-black-or-white">Annexes</h3>
                                                                    <ul>
                                                                        @php
                                                                            $annexes = $lot->annexes ?? collect();
                                                                            $parking = $annexes->where('type', ProductType::PARKING)->first();
                                                                            $garage = $annexes->where('type', ProductType::GARAGE)->first();
                                                                            $cave = $annexes->where('type', ProductType::CAVE)->first();
                                                                        @endphp
                                                                        <li>N° parking : <span class="text-gold">{{ $parking ? ($parking->number ?? '-') : '-' }}</span></li>
                                                                        @php
                                                                            $infoParking = $lot->datas?->first()?->json['info_parking'] ?? null;
                                                                        @endphp
                                                                        @if($infoParking)
                                                                            <li>Info parking : <span class="text-gold">{{ $infoParking }}</span></li>
                                                                        @endif
                                                                        <li>N° garage : <span class="text-gold">{{ $garage ? ($garage->number ?? '-') : '-' }}</span></li>
                                                                        @php
                                                                            $infoGarage = $lot->datas?->first()?->json['info_garage'] ?? null;
                                                                        @endphp
                                                                        @if($infoGarage)
                                                                            <li>Info garage : <span class="text-gold">{{ $infoGarage }}</span></li>
                                                                        @endif
                                                                        <li>N° cave : <span class="text-gold">{{ $cave ? ($cave->number ?? '-') : '-' }}</span></li>
                                                                        @php
                                                                            $infoCave = $lot->datas?->first()?->json['info_cave'] ?? null;
                                                                            $surfaceCave = $cave ? ($cave->surfaces->where('type', SurfaceType::HABITABLE->value)->first()?->value ?? null) : null;
                                                                        @endphp
                                                                        @if($infoCave)
                                                                            <li>Info cave : <span class="text-gold">{{ $infoCave }}</span></li>
                                                                        @endif
                                                                        @if($surfaceCave)
                                                                            <li>Surface cave : <span class="text-gold">{{ number_format($surfaceCave, 2, ',', ' ') }} m<sup>2</sup></span></li>
                                                                        @endif
                                                                    </ul>
                                                                </div>

                                                                <div class="col-12 col-md-4 p-0">
                                                                    <h3 class="text-black-or-white">Informations financières</h3>
                                                                    <ul>
                                                                        @include('options.partials.financial-info', ['lot' => $lot, 'fiscaliteId' => $fiscaliteId, 'lotPrices' => $lotPrices])
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-12 col-md-5 tr_details_lot__plans_du_lot mb-4">
                                                        <div class="row tr_details_lot__plans_du_lot_titre mb-3">
                                                            <div class="col-md-6">
                                                                <h3 class="text-black-or-white my-auto">Derniers documents</h3>
                                                            </div>
                                                        </div>

                                                        @php
                                                            $planLot = $lot->documents->where('type', 'plan_lot')->first();
                                                            $planNiveau = $lot->documents->where('type', 'plan_niveau')->first();
                                                        @endphp

                                                        @if($planLot)
                                                            <div class="row tr_details_lot__plans_du_lot_telecharger">
                                                                <div class="col-md-6">
                                                                    <p class="text-black-or-white py-2 my-auto"><i class="fa-light fa-file"></i> Plan du lot</p>
                                                                    <p class="fst-italic">{{ basename($planLot->file_path) }}</p>
                                                                </div>
                                                                <div class="col-md-6 text-right my-auto">
                                                                    <p class="text-black-or-white py-2 my-auto"><a target="_blank" href="{{ getDocumentFromCDN($planLot->file_path) }}" rel="nofollow"><i class="fa-light fa-file"></i> <span class="d-lg-inline-block d-none">Télécharger</span></a></p>
                                                                </div>
                                                            </div>
                                                        @endif

                                                        @if($planNiveau)
                                                            <div class="row tr_details_lot__plans_du_lot_telecharger">
                                                                <div class="col-md-6">
                                                                    <p class="text-black-or-white py-2 my-auto"><i class="fa-light fa-file"></i> Plan du niveau</p>
                                                                    <p class="fst-italic">{{ basename($planNiveau->file_path) }}</p>
                                                                </div>
                                                                <div class="col-md-6 text-right my-auto">
                                                                    <p class="text-black-or-white py-2 my-auto"><a target="_blank" href="{{ getDocumentFromCDN($planNiveau->file_path) }}" rel="nofollow"><i class="fa-light fa-file"></i> <span class="d-lg-inline-block d-none">Télécharger</span></a></p>
                                                                </div>
                                                            </div>
                                                        @endif

                                                        @if(!$planLot && !$planNiveau)
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <p class="py-2 text-grey-light fst-italic">Aucun plan disponible</p>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="col-md-12 wow fadeInLeft text-center" data-wow-delay="0s">
                    <div class="p-4 bg-grey border-radius-10">
                        <h3 class="text-gold">Vous n'avez encore aucune option</h3>
                        <p class="text-black-or-white">Consultez les programmes et choisissez un lot pour poser votre première option</p>
                        <a href="{{ route('programmes') }}" class="btn btn-default">Consultez les programmes</a>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>

<div class="modal fade pt-5" tabindex="-1" role="dialog" id="modal-option-message" aria-labelledby="modal-option-message" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content col-lg-4 col-md-8 col-12 mx-auto margin-top-modal">
            <div class="row bg-grey border-radius-10">
                <div class="col-12 mx-auto">
                    <div class="col-12 text-right mb-2" style="float: right; left:15px;top:10px">
                        <span style="cursor: pointer;right:0" class="icon-close text-gold" data-bs-dismiss="modal" aria-label="Close"><i class="fa-solid fa-xmark"></i></span>
                    </div>
                    <div class="modal-body col-md-10 col-12 p-0 mx-auto text-center">
                        <div class="col-12 mb-4 p-0 pt-4">
                            <div class="text-center text-font-default">
                                <div class="mb-4 double-circle-gold" style="margin: auto;">
                                    <span><i class="fa-solid fa-check"></i></span>
                                </div>
                                <h3 id="modal-option-message-titre" class="text-black-or-white"></h3>
                            </div>
                        </div>
                        <p id="modal-option-message-texte" class="text-black-or-white"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function() {
    // Déplie les détails d'option
    $(".chevron_option, .btn_afficher_mon_option").on("click", function(e) {
        e.stopPropagation();
        var optionId = $(this).attr("data-id_option_demande");
        var detailsRow = $("#details_option_" + optionId);

        if (detailsRow.length) {
            var isVisible = detailsRow.is(":visible");
            if (isVisible) {
                detailsRow.hide();
                $(this).find("i").removeClass("fa-chevron-down").addClass("fa-chevron-right");
            } else {
                detailsRow.show();
                $(this).find("i").removeClass("fa-chevron-right").addClass("fa-chevron-down");
            }
        }
    });

    // Gérer mon option (bouton)
    $(".btn_gerer_mon_option").on("click", function(e) {
        e.stopPropagation();
        $(this).next(".gerer_mon_option").toggle();
    });

    // Actions sur les options (confirmer, renouveler, annuler)
    $(".gerer_mon_option button[data-id]").on("click", function(e) {
        e.preventDefault();
        var actionId = $(this).attr("data-id");
        // TODO: Implémenter les actions AJAX pour confirmer, renouveler, annuler
        console.log("Action option:", actionId);
    });
});
</script>
@endpush
@endsection