@use('App\Enums\TaxationType')
@php
    $taxations_default = TaxationType::DEFAULT;
@endphp
@if ($option->lot)
    <div class="pt-0 pb-0 mb-5 col-12 societe-md-info societe-md-info-@if ($option->lot->program){{ $option->lot->program->id }}@endif" data-id="@if ($option->lot->program){{ $option->lot->program->id }}@endif" data-url="{{ route('programs.societe_md') }}" data-img-default="{{ asset('assets/images/logo/logo-small.webp') }}">
        <div class="p-5 bg-secondary border-radius-default-top">
            <div class="row @if ($option->lot->program === null) opacity-0-5 @endif">
                <div class="col-lg-5 col-md-4 col-12 text-bebas mx-auto text-md-start text-center">
                    <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="d-inline-block">
       
                        <span class="mt-2 d-block h3 text-bebas">
                            @if ($option->lot->program !== null)
                                {{ $option->lot->program->name }}
                            @else
                                programme
                                <span class="text-red">désactivé</span>
                            @endif
                        </span>
                        <span class="mb-3 d-inline-block">{{ $option->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">{{ $option->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">{{ $option->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">{{ $option->lot->floor }}</span>
                </div>
                <div class="col-lg-3 col-md-4 col-12 mb-2 mx-auto text-md-start text-center">
                    <span class="text-primary text-bebas h1 d-block">{{ $option->lot->price->formatted }}</span>
                    @if ($option->lot->program !== null)
                        @if ($option->lot->taxation->is_authorized)
                            <small class="mb-2 icon-taxation-dashboard text-bebas d-inline-block">éligible au
                                {{ $option->lot->taxation->name }}</small>
                        @endif
                        @foreach ($taxations_default as $taxation_default)
                        <small class="mb-2 icon-taxation-dashboard text-bebas d-inline-block">{{ $taxation_default }}</small>
                        @endforeach
                        @if ($option->lot->commercialOperations->hasCashback())
                            <div>
                                <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 jusqu'à {{ $option->lot->commercialOperations->cashback()->calculPrice($option->lot->price->value)->formatted }}</span> 

                            </div>
                        @endif
                        @forelse ($option->lot->commercialOperations->opesCom() as $ope_com)
                            <div>
                                <img src="{{ asset('assets/images/icon/cadeau-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">{{ $ope_com->type }}</span>
                            </div>
                        @empty
                        @endforelse
                    @endif
                </div>
                <div class="col-lg-4 col-md-4 col-12 mx-auto text-md-start text-center" style="min-height: 220px">
                    <div class="d-block border-radius-default position-relative"
                        style="background-image: url(@if ($option->lot->program !== null) {{ $option->lot->program->main_media_url }} @else {{ asset('assets/images/icon/interdiction.webp') }} @endif); background-size: cover; background-position: center; background-repeat: no-repeat; @if ($option->lot->program !== null) width:100% @else width:60% @endif; height:100%">
                        <span class="pt-1 pb-1 rounded bg-light promotor-img-position promotor-show" style="width:100px; display:none">
                            <div class="promotor-image promotor-img-4" data-id="@if ($option->lot->program){{ $option->lot->program->id }}@endif"></div>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="p-5 bg-blue border-radius-default-bottom">
            <div class="row">
                @if ($option->lot->program !== null)
                    <div class="mb-5 col-lg-9 col-12">
                        <span class="d-block text-bebas option-content" data-content="title" data-id="{{$option->id}}"></span>
                        <div class="option-content" data-content="content" data-id="{{$option->id}}"></div>
                    </div>
                    <div class="mb-5 text-center col-lg-3 col-12">
                        @if($option->status->name === "ENVOYEE")
                            <a href="{{ route('projects.show', [$option]) }}"
                            class="mb-3 text-white btn btn-primary btn-hover-primary text-bebas d-block">confirmer mon
                            option</a>
                        @else 
                            <a href="{{ route('projects.show', [$option]) }}"
                            class="mb-3 text-white btn bg-secondary btn-hover-info text-bebas d-block">Suivre
                            mon projet</a>
                        @endif


                        <span class="d-block text-red text-bebas"><i class="far fa-clock"></i> {{ $option->expire_at->diffForHumans() }}</span>
                    </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>
@endif

@section('option.worflow.description.js')
    <script src="{{ asset('assets/js/option-worflow-description.js') }}?t={{ config('app.js_version') }}" defer></script>
@endsection