@extends('layouts.invitation')
@section('title', $invitation->title)
@php
    $headerTitle = $_title ?? 'Malena';
    $headerSubtitle = $_subtitle ?? '¡Mis 15 años!';
    $eventdate = $invitation->event_date ?? now();
    $eventCalendar = $_eventCalendar ?? null;
    $essentialMusicTitle = $_essentialMusicTitle ?? '¿Qué canciones no pueden faltar?';
    $essentialMusicBody = $_essentialMusicBody ?? '¡Ayúdame sugiriendo las canciones que pensás que no pueden faltar en mi cumple!';
    $customPhrase = $_customPhrase  ?? "Quiero compartir este día único y especial junto a las personas que me apoyan día a día, y vos sos una de ellas, por eso estas invitado a mi fiesta.";
    $customPhraseBackoundUrl = asset('img/templates/hollywood/cover.jpg');
    $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;
    $privateTransportationText = $_privateTransportationText ?? 'Para facilitarte el traslado al lugar del evento contamos con un transporte privado. Para este servicio es necesario que confirmes para reservar tu lugar.';
    $headerBackgroundUrl = isset($_backgroundImage) ? Storage::url($_backgroundImage) : asset('img/templates/hollywood/bg-01.jpg');
    $albumSelpixBodyText = $_selpixBodyText ?? 'Me encantaría que formen parte de los recuerdos especiales de mis quince años. Por eso, les comparto este álbum digital donde podrán subir todas las fotos que deseen compartir. ¡No dejen pasar ninguna oportunidad de capturar sus momentos favoritos! ¡Gracias por ser parte de este día tan especial!';
    $confirmationMessage = $_confirmationMessage ?? "Para poder unirte a esta celebración, es necesario que confirmes tu asistencia lo antes posible.";
    $greetingHeader = $_greetingHeader ?? '¡Te espero!';
    $greetingTitle = $_greetingTitle ?? 'Malena';
    $greetingSubtitle = $eventdate->format('d/m/Y');
    $godfatherImage = isset($_godfatherImage) ? Storage::url($_godfatherImage) : asset('img/templates/eucalipto/parent-1.jpg');
    $godmotherImage = isset($_godmotherImage) ? Storage::url($_godmotherImage) : asset('img/templates/eucalipto/parent-2.jpg');
    $videoHeader = $_videoHeader ?? 'Un viaje de Quince Años';
    $videoText = $_videoText ?? 'Te invito a ver este video especial que captura los momentos más hermosos.';
    $instagramProfileBackgroundUrl = asset('img/templates/glam/profile.jpg');
    $instagramFilterText = isset($_instagramFilterText) ? $_instagramFilterText : 'Te invito a explorar mi filtro exclusivo en Instagram, diseñado especialmente para mis quinces. ¡No olvides de etiquetarme en tus fotos para que podamos compartir este día especial y crear recuerdos inolvidables juntos.';
    $instagramFilterUrl = isset($_instagramFilterUrl) ? $_instagramFilterUrl : 'https://www.instagram.com/ar/503789147012089/';
    $instagramProfileDescription = isset($_instagramProfileDescription) ? $_instagramProfileDescription : '¡Sígueme para mantenerte al día con todos los detalles de mis quinces! Te espero';
@endphp
@push('styles')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.36/fancybox/fancybox.min.css" integrity="sha512-s4DOVHc73MjMnsueMjvJSnYucSU3E7WF0UVGRQFd/QDzeAx0D0BNuAX9fbZSLkrYW7V2Ly0/BKHSER04bCJgtQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="{{asset('templates/css/hollywood.css')}}">

@endpush

@section('content')
    @if($_enableStunningCover ?? false)
        @include('templates.hollywood.section_header')
    @endif

    @if(($_enableGuestTicket ?? false))
    @include('v2.ticket', [
        'ticket' => [
            'message' => ($confirmationMessage ?? ($_confirmationMessage ?? null)),
        ],
        'showInlineButton' => false,
    ])
    @endif

    @if($_enableScheduler ?? false)
    @include('templates.hollywood.schedule')
    @endif

    @if ($_enableItinerary ?? false)
        @if($invitation->schedule->count() == 1)
            @include('templates.hollywood.section_itinerary_single')
        @else
            @include('templates.hollywood.section_itinerary_multiple')
        @endif
    @endif

    @if ($_enableCustomPhrase ?? false)
        @include('templates.hollywood.section_countdown')
    @endif

    @if ($_enableGallery ?? false)
        @include('templates.hollywood.section_gallery')
    @endif

    @if ($_enableEssentialMusic ?? false)
        @include('templates.hollywood.section_music_form')
    @endif

    @if (($_enableRecomendations ?? false) || ($_enableRecomendationsTransport ?? false))
        @include('templates.hollywood.section_recomendation')
    @endif

    @if(($_enableGodParents ?? false) || ($_enableWitnesses ?? false))
        @include('templates.hollywood.godparents_section')
    @endif

    @if($_enableDressCode ?? false)
        @include('templates.hollywood.section_dress_code')
    @endif

    @if ($_enableGiftTable ?? false)
        @include('templates.hollywood.section_gift_table')
    @endif

    @if ($_enableInstagram ?? false)
    @include('templates.hollywood.section_instagram')
    @endif

    @if($_enableInstagramFilter ?? false)
    @include('templates.hollywood.section_instagram_filter')
    @endif

    @if ($_enableSectionVideo ?? false)
        @include('templates.hollywood.section_video')
    @endif

    @if($_enablePrivateTransportation ?? false)
        @include('templates.hollywood.section_transport')
    @endif

    @if ($_enableCustomPhrase ?? false)
        @include('templates.hollywood.section_custom_phrase')
    @endif  

    @if( $_enableSelpix ?? false)
        @include('templates.hollywood.section_selpix')
    @endif

    @if ($_enableAttendanceConfirmation ?? false)
    @include('templates.hollywood.section_confirmation_form')
    @endif

    @if( $_enableGreetings ?? false)
        @include('templates.hollywood.section_greeting')
    @endif

    @include('templates_footer')

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js" integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        
	<script src="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.36/fancybox/fancybox.umd.js" integrity="sha512-v80Z62SYCVHA3UxmFG69Vclopt+3ngQDocRjtxnB3htcTs6l9mnXc6SixuDae1rJ3L2J6p2KAuG+soHbhVd+6g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>

    <script type="module">
        if ( $('.slider-events').length > 0 ) {
            var slider = tns({
                container: '.slider-events',
                items: 1,
                gutter: 30,
                controlsText: ['', ''],
                nav: false,
                autoplayButtonOutput: false,
                mouseDrag: true,
                slideBy: 1,
                autoplay: true,
                items: 1,
                responsive: {
                    640: {
                        items: 2
                    },
                    900: {
                        items: 3
                    }
                }
            });
        }

        if ( $('.my-slider').length > 0 ) {
            var slider = tns({
                container: '.my-slider',
                items: 1,
                gutter: 30,
                controlsText: ['', ''],
                nav: false,
                autoplayButtonOutput: false,
                mouseDrag: true,
                slideBy: 1,
                autoplay: true,
                items: 1,
                responsive: {
                    640: {
                        items: 1
                    },
                    900: {
                        items: 3
                    }
                }
            });
        }

        if ( $('.my-slider-2').length > 0 ) {
            var slider2 = tns({
                container: '.my-slider-2',
                items: 1,
                gutter: 30,
                controlsText: ['', ''],
                nav: false,
                autoplayButtonOutput: false,
                mouseDrag: true,
                slideBy: 1,
                autoplay: true,
                items: 1,
                responsive: {
                    640: {
                        items: 2
                    },
                    900: {
                        items: 4
                    }
                }
            });
        }
    </script>
@endsection