@extends('frontend.mediknode.layout.mainlayout')

@php
    $event = App\Models\Event::find(28);
@endphp

@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            {!! \App\Helpers\TextHelper::addSup($event->title) !!}
        @endslot
        @slot('li_1')
            {{ $event->title }}
        @endslot
    @endcomponent
    <link rel="stylesheet" href="{{ url('assets/frontend/mediknode/css/flipbook.min.css') }}">
    <style>
        #program-book {
            position: relative;
            width: 90%;
            height: 700px;
            margin: 0 auto;
        }
    </style>
    <script type="text/javascript">
        let pdfProgramName = "stgo-2024-cours-precongres.pdf";
    </script>
    <section class="about-content">
        <div class="container">
            @component('frontend.mediknode.components.buttons', ['event' => $event])
            @endcomponent
            {{-- @if ($event->id == 15) --}}
            <div class="row mt-1">
                <div class="col-md-5 text-center mx-auto d-flex justify-content-center">
                    <a href="/storage/mediknode/documents/stgo-2024-cours-precongres.pdf" class="link" download>
                        Télécharger le cours-précongrés
                    </a>
                </div>
            </div>
            {{-- @endif --}}
            <div class="mt-4 mb-4" id="program-book"></div>

            @component('frontend.mediknode.components.buttons', ['event' => $event])
            @endcomponent
        </div>
    </section>
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function() {
            jQuery(document).ready(function() {
                // https://real3dflipbook.gitbook.io/jquery/default-options
                if (jQuery('#program-book').length) {
                    jQuery('#program-book').flipBook({
                        pdfUrl: '/storage/mediknode/documents/' + pdfProgramName,
                        viewMode: 'webgl',
                        cover: !!{{ $event->has_cover_page }},
                        // pageFlipDuration: 0.5,
                        skin: 'dark',
                        icons: 'material',
                        menu2Transparent: false,
                        menu2OverBook: false,
                        btnAutoplay: {
                            vAlign: 'top',
                            hAlign: 'left'
                        },
                        btnSelect: {
                            vAlign: 'top',
                            hAlign: 'left'
                        },
                        btnZoomIn: {
                            vAlign: 'top',
                            hAlign: 'right'
                        },
                        btnZoomOut: {
                            vAlign: 'top',
                            hAlign: 'right'
                        },
                        btnShare: {
                            enabled: false
                        },
                        btnDownloadPages: {
                            enabled: false
                        },
                        btnDownloadPdf: {
                            vAlign: 'top',
                            hAlign: 'right'
                        },
                        btnSound: {
                            vAlign: 'top',
                            hAlign: 'right'
                        },
                        btnToc: {
                            vAlign: 'top',
                            hAlign: 'left'
                        },
                        btnThumbs: {
                            vAlign: 'top',
                            hAlign: 'left'
                        },
                        btnBookmark: {
                            enabled: false
                        },
                        btnExpand: {
                            vAlign: 'top',
                            hAlign: 'right'
                        },
                        btnPrint: {
                            vAlign: 'top',
                            hAlign: 'right'
                        },
                        currentPage: {
                            hAlign: 'center'
                        },
                        skin: 'dark',
                        menuMargin: 10,
                        menuTransparent: false,
                        menuOverBook: false,
                        menu2Margin: 10,
                        // sideBtnRadius: 60,
                        // sideBtnSize: 40,
                        sideBtnBackground: 'rgba(0,0,0,.7)',
                        onLoadProgress: function(progress) {
                            // Fonction appelée pendant le chargement du PDF
                            // `progress` est un nombre entre 0 et 1 représentant le pourcentage de chargement
                            updateLoader(progress);
                        }
                    });
                }
            });
        });
    </script>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection