@php
    $icon = "/img/templates_v2/{$templateName}/icon-dresscode.svg";

    $dressCodeText = $_dressCodeText ?? 'Una ayuda para tu vestuario.';
    $dressCodeName = !empty($dressCodeExample) ? strtoupper($dressCodeExample['name']) : strtoupper('Elegante Sport');
    $dressName = $_dressName?? 'Dress Code Personalizado';
    $dressCodeDescription = $_dressCodeDescription ?? 'Este es un ejemplo de vestimenta';
    $dressDescription = $_dressDescription ?? 'Vestimenta de gala, vestido largo o corto, traje o esmoquin.';
    $isCustom = isset($_isCustomDressCode) && $_isCustomDressCode;

@endphp
<section id="dresscode">
    <div class="container">
        <div class="icon">
            <img src="{{ asset($icon) }}" alt="" />
        </div>
        <h3 class="title">{{$_dressCodeTitle ?? 'Código de Vestimenta'}}</h3>
        <div class="text">{{ $dressCodeText }}</div>
        <div class="dresscode">
            {{ $isCustom ? ($_dressName ?? 'DRESS CODE PERSONALIZADO') : ($_dressCodeName ?? 'Ningún dress code seleccionado') }}
        </div>
        @if($_enableDressCodeButton ?? true)
        <a href="#" class="btn" data-bs-toggle="modal" data-bs-target="#exampleModal">Ver Ejemplo</a>
        @endif
    </div>
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="dressCodeExample" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content text-center">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="dressCodeExample">{{$_dressCodeTitle ?? 'Código de Vestimenta'}}</h1>
                <button type="button" class="btn-close d-none" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
            @if($isCustom)
                <p>{{ $_dressDescription ?? 'Descripción personalizada' }}</p>
                @if(isset($_customDressCode))
                    <img src="{{ Storage::url($_customDressCode) }}" class="img-fluid" width="300">
                @endif
            @else
                @if(isset($dressCodeExample) && $dressCodeExample)
                    <p>{{ $_dressCodeDescription ?? 'Descripción del dress code sugerido' }}</p>
                    @foreach($dressCodeExample->images as $dressCodeImage)
                        <div class="col text-center">
                            <img src="{{ Storage::url($dressCodeImage->image_path) }}" class="img-fluid" width="300px">
                        </div>
                    @endforeach
                 @else
                    <p>No se encontró el dress code sugerido.</p>
                @endif
            @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
            </div>
        </div>
    </div>
</section>