@php
  $lot = $option->lot()->first();
  $program = $lot->program()->first();
@endphp
<div class="pt-0 pb-0 mb-5 col-12">
    <div class="p-5 bg-secondary border-radius-default-top">
        <div class="row @if ($program === null) opacity-0-5 @endif">
            <div class="col-lg-8 col-md-4 col-12 text-bebas">
                <span class="mb-3 rounded bg-{{ $option->status->getColor() }} ps-2 pe-2 d-inline-block ">Option @if($option->status->name === "ENVOYEE") à confirmer @else {{ $option->status->value }}@endif</span><br>
                <div class="d-block">
                    <span class="d-inline-block">
                        @if ($option->lot->program !== null)
                            {{ $option->lot->address->city }}
                        @endif
                    </span>
                    @if ($option->lot->program !== null)
                        <span class="text-muted ms-1 me-1"><i class="far fa-pipe"></i></span>
                    @endif
                    <span class="d-inline-block text-muted">
                        @if ($option->lot->program !== null)
                            {{ $option->lot->address->zip_code }}
                        @endif
                    </span> 
                </div>
                <span class="mt-2 d-inline-block text-bebas">
                    @if ($program !== null)
                        {{ $program->name }}
                    @else
                        programme
                        <span class="text-red">désactivé</span>
                    @endif
                </span>
                <span class="d-inline-block">
                    <span class="mb-3 d-inline-block">N° {{ $lot->number }}</span>
                    <span class="text-muted ms-1 me-1 d-inline-block"><i class="far fa-pipe"></i></span>
                    <span class="mb-3 d-inline-block">{{ $lot->type }}</span>
                    <span class="text-muted ms-1 me-1 d-inline-block"><i class="far fa-pipe"></i></span>
                    <span class="mb-3 d-inline-block">{{ $lot->surface }}</span> <small
                        class="text-roboto">m²</small>
                    <span class="text-muted ms-1 me-1 d-inline-block"><i class="far fa-pipe"></i></span>
                    <span class="mb-3 d-inline-block">{{ $lot->floor }}</span>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <span class="text-primary text-bebas h3 d-block">{{ $lot->price->formatted }}</span>
                @if ($program !== null)
                    @forelse($program->taxations as $taxation)
                        <small class="mb-2 icon-taxation-dashboard text-bebas d-inline-block">éligible au
                            {{ $taxation->name }}</small>
                    @empty
                    @endforelse
                    @if ($program->commercialOperations->cashback())
                        <div class="mb-2 d-block">
                            <img src="{{ asset('assets/images/icon/euro-trans.webp') }}" alt="icon cashback"
                                class="d-inline-block me-1 icon-program-dashboard">
                            <span class="text-white text-bebas text-uppercase d-inline-block">Récupérez
                                {{ $lot->commercialOperations->cashback()->calculPrice($lot->price->value)->formatted }}</span>
                            <br>
                        </div>
                    @endif
                    @forelse ($program->commercialOperations->opesCom() as $ope_com)
                        <div class="mb-2 d-block">
                            <img src="{{ asset('assets/images/icon/cadeau-trans.webp') }}" alt="icon cashback"
                                class="d-inline-block me-1 icon-program-dashboard">
                            <span
                                class="mb-3 text-white text-bebas text-uppercase d-inline-block">{{ $ope_com->type }}</span>
                        </div>
                    @empty
                    @endforelse
                @endif
            </div>
        </div>
    </div>
    <div class="p-5 bg-blue border-radius-default-bottom">
        <div class="row mx-auto">
            @if ($program !== null)
                <div class="mb-5 col-12">
                    {{-- @if($option->reservation_md !== null)
                        @foreach ($option->workflow_md["tache_groupe"] as $tache_md)
                            @if($tache_md['id_vente_workflow_instance_tache_statut'] == App\Enums\Workflow\TaskStatus::EN_COURS->value)
                                <h4 class="text-bebas">{{ $tache_md["nom"] }}</h4>
                                <span class="mb-2 fw-bold d-block">{{ $tache_md["info"] }}</span>
                                @isset($tache_md["vente_workflow_instance_tache_explications"])
                                    <p>{!! $tache_md["vente_workflow_instance_tache_explications"] !!}</p>
                                @endisset
                                @isset($tache_md["vente_workflow_instance_tache_nom"])
                                <p><span class="text-primary d-inline-block me-1 h5">•</span>{{ $tache_md["vente_workflow_instance_tache_nom"] }}</p>
                                @endisset
                            @endif
                        @endforeach
                    @endif --}}

                    <div class="row mx-auto">
                        @if($option->id_option_demande_statut_md == 2)
                            <div class="col-lg-12 col-12">
                                <x-user.option-confirmation-form :$option />
                            </div>
                        @elseif($option->id_option_demande_statut_md == 3)
                            Rejetée
                        @elseif($option->id_option_demande_statut_md == 4)
                            <x-user.workflow :$option />
                        @elseif($option->id_option_demande_statut_md == 5)
                            Annulée
                        @else 
                            <x-user.option-not-confirmed :$option />
                        @endif
                    </div>
                </div>
            @else
                <div class="col-12">
                    <span class="d-block text-bebas text-primary">Ce programme est désactivé</span>
                    <p>Veuillez contacter le service commercial</p>
                </div>
            @endif
        </div>

    </div>
</div>