@use('Illuminate\Support\Str')
@use('App\Enums\LotStatus')
@use('App\Enums\TaxationType')
@php
    $taxations_default = TaxationType::DEFAULT;
    $program = $favorite->favoriteable_type === 'program' ? $favorite->favoriteable : $favorite->favoriteable->program;

    $lot = $favorite->favoriteable_type === 'lot' ? $favorite->favoriteable : null;

    $favorite->favoriteable_type === 'program'
        ? ($route = route('programs.show', $program))
        : ($route = route('lots.index', [$program, $lot]));
    $status = $favorite->favoriteable_type === 'lot' ? $favorite->favoriteable->status->value : null;
@endphp

@if ($favorite->favoriteable !== null)
    <div class="position-relative" style="border-radius: 8px; overflow: auto" data-id={{ $favorite->favoriteable_id }}>            
        @if(isset($isCarousel) && $isCarousel === 1) 
            <a class="heart" href="{{ $route }}">
                <i
                class="fal @auth @if ($favorite?->user_id === Auth::id())  fas @endif @endauth fa-heart text-red heart-favorite-{{  $favorite->favoriteable_id }} confirm-delete-favorite" data-id="{{ $favorite->favoriteable_id }}" data-type="{{ $favorite->favoriteable_type }}" data-onclick="add_favorite($(this)); hide_favorite({{ $favorite->id }})" onclick="setDataFavoriteBtn($(this))"></i>
            </a>
        @else
            <a class="heart" data-bs-toggle="modal" data-bs-target="#modal-delete-favorite">
                <i
                class="fal @auth @if ($favorite?->user_id === Auth::id())  fas @endif @endauth fa-heart text-red heart-favorite-{{  $favorite->favoriteable_id }} confirm-delete-favorite" data-id="{{ $favorite->favoriteable_id }}" data-type="{{ $favorite->favoriteable_type }}" data-onclick="add_favorite($(this)); hide_favorite({{ $favorite->id }})" onclick="setDataFavoriteBtn($(this))"></i>
            </a>
        @endif

        <div class="favoris-type text-bebas" style="position: absolute; z-index:2">{{ $favorite->name }}</div>
            @if($status === null || $status === LotStatus::LIBRE->value)
                <a href="{{ $route }}" class="position-relative">
            @else
                <div class="d-block text-center position-absolute w-100" style="z-index:3; top:50px">
                    <span class="@if($status === LotStatus::OPTION->value) bg-primary-opacity @else bg-pink-opacity @endif rounded btn-status-favorite mb-2 d-inline-block text-bebas">
                        @if($status === LotStatus::OPTION->value) Optionnée @else {{ $status }} @endif
                    </span><br>
                    @if($status === LotStatus::OPTION->value)
                        <span class="btn-option-favorite text-bebas"><small class="option-date-limit" data-lot_id="{{ $favorite->favoriteable_id }}" data-url="{{ route('options.date.limit') }}"><i class="fa-duotone fas fa-hourglass-start"></i></small></span>
                    @else 
                        <span class="btn-delete-favorite text-bebas cursor-pointer" data-bs-toggle="modal" data-bs-target="#modal-delete-favorite" data-id="{{ $favorite->favoriteable_id }}" data-type="{{ $favorite->favoriteable_type }}" data-onclick="add_favorite($(this)); hide_favorite({{ $favorite->id }})" onclick="setDataFavoriteBtn($(this))"><small>supprimer des favoris</small></span>
                    @endif
                </div>
                <div class="position-relative opacity-0-5">
            @endif
            <div class="position-relative">
                <img class="mx-auto d-inline-block w-100" src="@if($favorite->favoriteable_type === 'lot'){{ $program->first_interior_media_url }}@else{{ $program->main_media_url }}@endif" style="max-height: 150px">
            </div>
            <div class="p-2 pb-0 bg-secondary position-relative">
                <span
                    class="text-white text-bebas d-inline-block program-name-size-carousel">{{ Str::limit($program->name, 18) }}</span>
                <span class="text-muted d-inline-block ms-1 me-1">|</span>
                <span
                    class="text-muted text-bebas d-inline-block program-zip- program-name-size-carousel">{{ $favorite->favoriteable->address->zip_code }}</span><br>
                <span
                    class="text-white h5 text-bebas d-inline-block mb-2 program-city-{{ $favorite->favoriteable->id }}">{{ Str::limit($favorite->favoriteable->address->city, 20) }}</span>
                <br>
                @if ($lot === null)
                    <div class="d-block mb-4">
                        @foreach ($taxations_default as $key => $taxation_default)
                            <small class="p-1 text-white text-bebas me-1 mb-1 taxation-icon">
                                {{ $taxation_default }}
                            </small>
                        @endforeach
                        @if ($program->taxations->isAuthorized())
                            @foreach ($program->taxations as $taxation)
                                <small
                                    class="p-1 text-white text-bebas me-1 mb-1 taxation-icon">
                                    {{ $taxation->name }}
                                </small>
                            @endforeach
                        @endif
                    </div>
                @else
                    <p class="mt-3 @if($favorite->favoriteable->commercialOperations->hasCashback() || $favorite->favoriteable->commercialOperations->hasOpeCom()) mb-1 @else mb-5 @endif program-name-size-carousel">
                        N° {{ $lot->number }}<span
                            class="d-inline-block ms-1 me-1 text-grey">|</span>{{ $lot->type }}<span
                            class="d-inline-block ms-1 me-1 text-grey">|</span>{{ $lot->surface }} m²<span
                            class="d-inline-block ms-1 me-1 text-grey">|</span>{{ $lot->floor }}
                    </p>
                @endif
                @if($favorite->favoriteable_type === 'lot')
                    <small class="pt-2 text-primary pe-2 price-carousel"><br><span class="h5 text-primary text-bebas">{{ $lot->price->formatted }}</span></small>
                @else 
                    <small class="pt-2 text-primary pe-2 price-carousel"><span class="mb-1 a-partir-size-carousel text-uppercase d-inline-block">À partir de</span> <br><span class="program-min-price-{{ $program->id }} h5 text-primary text-bebas">{{ $program->lots_min_price->formatted }}</span></small>
                @endif
                <div class="pb-4">
                    @if ($favorite->favoriteable->commercialOperations->cashback())
                        <span class="d-inline-block">
                            <img src="{{ asset('assets/images/icon/euro-trans.webp') }}" alt="icon cashback"
                                class="img-opecom-grid">
                        </span>
                        <small class="d-inline-block text-bebas program-name-size-carousel">
                            Récupérez {{ $favorite->favoriteable->commercialOperations->cashback()->calculPrice($lot?->price->value ?? $program->lots_min_price->value)->formatted }}
                        </small>
                    @endif
                    @if ($favorite->favoriteable->commercialOperations->hasCashback() && $favorite->favoriteable->commercialOperations->hasOpeCom())
                        <small class="d-inline-block text-muted">|</small>
                    @endif
                    @forelse ($favorite->favoriteable->commercialOperations->opesCom() as $ope_com)
                        <span class="d-inline-block">
                            <img src="{{ asset('assets/images/icon/cadeau-trans.webp') }}" alt="icon cadeau"
                                class="img-opecom-grid">
                        </span>
                        <small class="d-inline-block me-1 text-bebas program-name-size-carousel">
                            {{ $ope_com->type }}
                        </small>
                    @empty
                    @endforelse

                    <small class="rounded d-inline-block text-uppercase text-bebas nouveau d-none">
                        nouveau
                    </small>
                </div>
            </div>
        @if($status === null || $status === LotStatus::LIBRE->value)
            </a>
        @else
            </div>
        @endif
    </div>
@endif
@section('option.date.limit.js')
    <script src="{{ asset('assets/js/option-date-limit.js') }}?t={{ config('app.js_version') }}" defer></script>
@endsection