@extends("vitrines.base");
@php
    use Carbon\Carbon;
    $header = htmlHeader($eventDetail->name,$eventDetail->description,"passtik,event",route("App#EventDetail",["link"=>$eventDetail->link]),$eventDetail->photo);
    $carbon = new Carbon();
    $carbon::setLocale('fr');
@endphp
@section("css")
    <link href="{{ asset("assets/css/swall.css") }}" rel="stylesheet">
@endsection
@section("js")
    <script>
        // Initialize the agent at application startup.
        var identifyKeyUser;
        const fpPromise = import('https://openfpcdn.io/fingerprintjs/v3')
            .then(FingerprintJS => FingerprintJS.load())

        // Get the visitor identifier when you need it.
        fpPromise
            .then(fp => fp.get())
            .then(result => {
                // This is the visitor identifier:
                const identifyKeyUserConst = result.visitorId
                inputIdentify = document.getElementById('visitor_identifier');
                inputIdentify.value = identifyKeyUserConst;
            })
    </script>
    <script>
        var API_KEY = "{{ env("KKIAPAY_PUBLIC_KEY") }}"
        var API_KEY_FEDPAY = "{{ env("FEDPAY_PUBLIC_KEY") }}"
    </script>
    {{-- <script src="https://cdn.kkiapay.me/k.js"></script> --}}
    <script src="{{ asset("assets/js/sweetalert.min.js") }}"></script>
    <script src="https://cdn.fedapay.com/checkout.js?v=1.1.7"></script>
    <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"/>
    <script src="https://cdn.cinetpay.com/seamless/main.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/js/intlTelInput.min.js"
            integrity="sha512-hpJ6J4jGqnovQ5g1J39VtNq1/UPsaFjjR6tuCVVkKtFIx8Uy4GeixgIxHPSG72lRUYx1xg/Em+dsqxvKNwyrSg=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/js/intlTelInput-jquery.js"
            integrity="sha512-OQ4jHPKEPwkASoFbbeWOpNBRSvbwxD5/zSVFWKrRs7BtMve5XbKRWcf2E1Lpfbp9QBnIyVC9DQGwuHczqSokaQ=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/js/utils.js"
            integrity="sha512-6sKpcusiQQ/vOBWU0ouNesdklDzgwywnf+255TCMAs+n68jnDqaDC3gt01ofYWry4mRdCHR+8uox88HT3YBOdQ=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/js/utils.min.js"
            integrity="sha512-Uyf+0OJZ2DBNO2156wplv4+1FZuZVsguTkfrO//Kg+BjaaauYSQWGJZBXmQiFkIrKsYQeUdnFi3zYZxGTsc2Mg=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ asset("assets/vitrines/js/tickets/buy-tickets.js") }}"></script>
    <script>
        var input = document.querySelector("#phone_number");

        if (input) {
            const resultPhone = window.intlTelInput(input, {
                customPlaceholder: function (selectedCountryPlaceholder, selectedCountryData) {
                    return "Ex: " + selectedCountryPlaceholder;
                },
                initialCountry: "auto",
                geoIpLookup: function (success, failure) {
                    $.get("https://ipinfo.io", function () {
                    }, "jsonp").always(function (resp) {
                        var countryCode = (resp && resp.country) ? resp.country : "bj";
                        success(countryCode);
                    });
                },
                separateDialCode: true,
                utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/js/utils.min.js"
            });

            window.resultPhone = resultPhone;
        }
    </script>
@endsection
@section('content')
    <style>
        .iti__flag {
            background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/img/flags.png");
        }

        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .iti__flag {
                background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/img/flags@2x.png");
            }
        }
    </style>
    <div class="page-wrapper">

        <!-- Preloader -->
        <div class="preloader"></div>


        <!--Sidebar Page Container-->
        <div class="sidebar-page-container">
            <div class="auto-container">
                <div class="sec-title text-center" style="margin: -20px 0px 0px;">
                    <span class="title">Informations détaillées</span>
                    <h2>{{ $eventDetail->name }}</h2>
                </div>
                <div class="content-side">
                    <div class="blog-single">
                        <!-- News Block Three -->
                        <div class="news-block">
                            <div class="inner-boxx">
                                <div class="lower-content">
                                    <ul class="post-info text-center">
                                        <li><span class="fas fa-star"></span> {{ $eventDetail->eventType->label }} </li>
                                        <li><span class="fas fa-map-pin"></span> {{ $eventDetail->place }} </li>
                                        <li></li>
                                        <li><span class="fas fa-phone"></span> {{ $eventDetail->user->phone_number }}
                                        </li>
                                        <li></li>
                                        <li><span class="fas fa-paper-plane"></span> {{ $eventDetail->user->email }}
                                        </li>
                                        <li></li>
                                        {{-- <li><span class="fas fa-clock"></span> A partir de 8h00</li> --}}
                                        <li></li>
                                        <li><span
                                                class="fas fa-user"></span> {{ $eventDetail->configPlace->place_number }}
                                            places
                                        </li>
                                        <li></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row clearfix">

                    <!--Content Side / Blog Sidebar-->
                    <div class="content-side col-lg-8 col-md-12 col-sm-12">

                        <div class="blog-single">
                            <!-- News Block Three -->
                            <div class="news-block">
                                <div class="inner-boxx">
                                    <div class="image-box">
                                        <!-- Banner Section -->
                                        <section class="banner-section">
                                            <div class="banner-carousel owl-carousel owl-theme">
                                                <!-- Slide Item -->
                                            {{-- <div class="slide-item"
                                                style="background-image: url({{$eventDetail->banner }});">
                                            <div class="auto-container">
                                                <div class="content-box">
                                                    <span class="title">{{ $eventDetail->date_since }}</span>
                                                    <h2> World Digital <br>Conference 2020</h2>
                                                    <ul class="info-list">
                                                        <li><span class="icon fa fa-chair"></span> 5000 Seats</li>
                                                        <li><span class="icon fa fa-user-alt"></span> 12 SPEAKERS
                                                        </li>
                                                        <li><span class="icon fa fa-map-marker-alt"></span> Palo,
                                                            California</li>
                                                    </ul>
                                                    <div class="btn-box"><a href="buy-ticket.html"
                                                            class="theme-btn btn-style-two"><span class="btn-title">Book
                                                                Now</span></a></div>
                                                </div>
                                            </div>
                                        </div> --}}

                                            <!-- Slide Item -->
                                                <div class="slide-item"
                                                     style="background-image: url({{$eventDetail->photo }});">
                                                    <div class="auto-container">
                                                        <div class="content-box">
                                                            <span
                                                                class="title">{{ $carbon::createFromFormat('Y-m-d', $eventDetail->date_since)->format('d F Y') }}</span>
                                                            <h2> {{ $eventDetail->name }}</h2>
                                                            <ul class="info-list">
                                                                <li><span
                                                                        class="icon fa fa-chair"></span>{{ $eventDetail->configPlace->place_number }}
                                                                </li>
                                                                <li><span class="icon fa fa-user-alt"></span> 12
                                                                    intervenants
                                                                </li>
                                                                <li><span
                                                                        class="icon fa fa-map-marker-alt"></span>{{ $eventDetail->place }}
                                                                </li>
                                                            </ul>
                                                            {{-- <div class="btn-box"><a href="buy-ticket.html"
                                                                    class="theme-btn btn-style-two"><span
                                                                        class="btn-title">Payer un ticket</span></a>
                                                            </div> --}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </section>
                                        <!--End Banner Section -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Sidebar Side-->
                    <div class="sidebar-side col-lg-4 col-md-12 col-sm-12">

                        <div class="inner-column">
                            <div class="ticket-form">
                                <form method="post" id="buyTicket">
                                    @csrf
                                    <div class="row clearfix">

                                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                            <input type="text" name="username" id="username"
                                                   placeholder="Nom et prénoms" required="">
                                        </div>

                                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                            <input type="email" name="email" id="email" placeholder="Adresse Email">
                                        </div>
                                        <input type="hidden" name="visitor_identifier" id="visitor_identifier">
                                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                            <select required name="country" id="country">
                                                <option selected disabled>Pays</option>
                                                @foreach (config("app.countries") as $country)
                                                    <option value="{{ $country }}">{{ $country }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group col-lg-6 col-md-12 col-sm-12">
                                            <select required id="ticket" name="ticket">
                                                <option selected disabled>Tickets</option>
                                                @foreach ($eventDetail->ticket as $ticket)
                                                    <option
                                                        value="{{ $ticket->id }}">{{ $ticket->TicketType->label }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group col-lg-6 col-md-12 col-sm-12">
                                            <input type="number" name="quantity" id="quantity" placeholder="Quantité"
                                                   required="">
                                        </div>

                                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                            <input type="text" id="phone_number" name="username"
                                                   placeholder="Numero de paiement" required="">
                                        </div>
                                        {{--
                                                                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                                                            <input type="phone" name="email" placeholder="Contact téléphonique" required="">
                                                                        </div> --}}
                                        <input type="hidden" id="eventId" name="eventId" value="{{ $eventDetail->id }}">
                                        <input type="hidden" id="total" name="">

                                        <div style="display: none"
                                             class="alert alert-danger col-lg-12 col-md-12 col-sm-12" id="errorMessage">
                                            <span class="ticketErrorMessage"></span>
                                        </div>


                                        <div class="form-group col-lg-4 col-md-12 col-sm-12">
                                            <input type="text" name="" placeholder="Total : " disabled
                                                   autocomplete="off"
                                                   style="background: #CECED2; color: black;">
                                        </div>


                                        <div class="form-group col-lg-8 col-md-12 col-sm-12">
                                            <input type="text" id="totalAmount" name="" placeholder="Montant total ici"
                                                   disabled=""
                                                   autocomplete="off" style="background: #CECED2; color: black;">
                                        </div>

                                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                            <button class="theme-btn btn-style-three" type="submit" name="Submit"><span
                                                    class="btn-title">Payer maintenant</span></button>
                                        </div>

                                    </div>
                                </form>
                            </div>

                        </div>

                    </div>
                </div>

            </div>
        </div>


        <!-- schedule Section -->
        <section class="schedule-section">
            <div class="anim-icons">
                <span class="icon icon-circle-4 wow zoomIn"></span>
                <span class="icon icon-circle-3 wow zoomIn"></span>
            </div>

            <div class="auto-container">

                <div class="schedule-tabs tabs-box">

                    <div class="btns-box">
                        <!--Tabs Box-->
                        <ul class="tab-buttons clearfix">
                            <li class="tab-btn active-btn" data-tab="#tab-1">
                                <span class="day">01</span>
                                <span class="date">Plan</span>
                            </li>

                            <li class="tab-btn" data-tab="#tab-2">
                                <span class="day">02</span>
                                <span class="date">Tickets</span>
                            </li>

                            <li class="tab-btn" data-tab="#tab-3">
                                <span class="day">03</span>
                                <span class="date">Invités</span>
                            </li>

                            <li class="tab-btn" data-tab="#tab-4">
                                <span class="day">04</span>
                                <span class="date">Sponsor</span>
                            </li>

                            <li class="tab-btn" data-tab="#tab-5">
                                <span class="day">05</span>
                                <span class="date">Infoline</span>
                            </li>

                        </ul>
                    </div>

                    <div class="tabs-content">

                        <!--Chronogramme - Tab-->
                        <div class="tab active-tab" id="tab-1">
                            <div class="schedule-timeline">
                                <div class="sec-title text-center">
                                    <h2>Chronogramme d'activités</h2>
                                </div>


                                <div class="mt-5">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mt-3">
                                                <ul class="list list-inline">

                                                    @foreach ($eventDetail->chronogram as $key => $chronogram)
                                                        <li class="d-flex flex-column">
                                                            <div class="d-flex justify-content-between">
                                                                <div class="d-flex flex-row align-items-center"><i
                                                                        class="fa fa-check-circle checkicon"></i>
                                                                    <div class="ml-2">
                                                                        <h3 class="mb-0">Date</h3>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-row align-items-center">
                                                                    <div class="d-flex flex-column mr-2">
                                                                        <span class="date-time">{{ $chronogram->date }}</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row ml-2">
                                                                <div class="col-12">
                                                                    <ul>
                                                                        @foreach($chronogram->activity as $activity_key => $activity)
                                                                            <li>
                                                                                {{ $activity->label." ( ".$activity->beginning_hour." - ".$activity->end_hour." )" }}
                                                                                @if($activity->description)
                                                                                    <p>
                                                                                    <h5>Description:</h5>
                                                                                    {{$activity->description}}
                                                                                    </p>
                                                                                @endif
                                                                            </li>
                                                                            <br/>
                                                                        @endforeach
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    @endforeach

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <style>
                                    .activity-done {
                                        font-weight: 600;
                                    }

                                    .list-group li {
                                        margin-bottom: 12px;
                                    }

                                    .list-group-item {
                                    }

                                    .list li {
                                        list-style: none;
                                        padding: 10px;
                                        border: 1px solid #e3dada;
                                        margin-top: 12px;
                                        border-radius: 5px;
                                        background: #fff;
                                    }

                                    .checkicon {
                                        color: green;
                                        font-size: 19px;
                                    }

                                    .date-time {
                                        font-size: 20px;
                                    }

                                    .profile-image img {
                                        margin-left: 3px;
                                    }
                                </style>


                                <!-- schedule Block 1-->
{{--                                @foreach ($eventDetail->chronogram as $chronogram)--}}
{{--                                    @foreach ($chronogram->activity as $activity)--}}
{{--                                        <div--}}
{{--                                            class="schedule-block {{ strtotime($chronogram->date) === strtotime($chronogram->nextDate()) ? "":"even" }}">--}}
{{--                                            <div class="inner-boxx">--}}
{{--                                                <div class="inner ">--}}
{{--                                                    <div class="date">{{ $chronogram->date }} </div>--}}
{{--                                                    <h4>{{ $activity->label }}</h4>--}}
{{--                                                    <div class="text">{{ $activity->description }}</div>--}}
{{--                                                    <div class="btn-box">--}}
{{--                                                        <!-- Outer box -->--}}
{{--                                                        <div class="outer-box">--}}
{{--                                                            <!--Search Box class="search-box-btn"-->--}}
{{--                                                            <div>--}}
{{--                                                                <a class="theme-btn " role=>Détails</a>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    @endforeach--}}
{{--                                @endforeach--}}

                            <!-- schedule Block 2-->
                                {{-- <div class="schedule-block even">
                                        <div class="inner-box">
                                            <div class="inner">
                                                <div class="date">JOUR<br> 02 </div>
                                                <h4>Modern Marketing Summit Sydney 2018</h4>
                                                <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                    do eiusmtempor incididunt labore et</div>
                                                <div class="btn-box">
                                                    <!-- Outer box -->
                                                    <div class="outer-box">
                                                        <!--Search Box-->
                                                        <div class="">
                                                            <a class="theme-btn ">Détails</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}

                            </div>
                        </div>

                        <!--Tickets et prix - Tab-->
                        <div class="tab" id="tab-2">
                            <div class="schedule-timeline">

                                <div class="sec-title text-center">
                                    <!--<span class="title">Get Ticket</span>-->
                                    <h2>Types et prix des tickets</h2>
                                </div>

                                <!-- Ticket type and pricing with Pricing Section -->
                                <section class="pricing-section">
                                    <div class="anim-icons">
                                        <span class="icon icon-circle-green wow fadeIn"></span>
                                        <span class="icon icon-circle-blue wow fadeIn"></span>
                                        <span class="icon icon-circle-pink wow fadeIn"></span>
                                    </div>

                                    <div class="auto-container">

                                        <div class="outer-box">
                                            <div class="row">
                                                <!-- Pricing Block -->
                                                @foreach($eventDetail->ticket as $ticket)
                                                    <div class="pricing-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                                                        <div class="inner-boxx">
                                                            <div class="icon-box">
                                                                <div class="icon-outer"><span
                                                                        class="icon flaticon-paper-plane"></span></div>
                                                            </div>
                                                            <div class="price-box">
                                                                <div
                                                                    class="title"> {{ $ticket->TicketType->label }}</div>
                                                                <h4 class="price"> {{ $ticket->price }} francs CFA
                                                                    <ul class="features">
                                                                        <li class="true">{{ $ticket->description }}</li>
                                                                        <!--   <li class="true">Free Lunch And Coffee</li>
                                                                    <li class="true">Certificate</li>
                                                                    <li class="false">Easy Access</li>
                                                                    <li class="false">Free Contacts</li> -->
                                                                    </ul>
                                                                    <div class="btn-box">
                                                                        <a href="{{ route("App#AllBuyTicket",$ticket->TicketType->id) }}"
                                                                           class="theme-btn">Acheter</a>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                            @endforeach

                                            <!-- Pricing Block
                                            <div class="pricing-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp"
                                                data-wow-delay="400ms">
                                                <div class="inner-box">
                                                    <div class="icon-box">
                                                        <div class="icon-outer"><span
                                                                class="icon flaticon-diamond-1"></span></div>
                                                    </div>
                                                    <div class="price-box">
                                                        <div class="title">Full Pass</div>
                                                        <h4 class="price">$99.99</h4>
                                                    </div>
                                                    <ul class="features">
                                                        <li class="true">Conference Tickets</li>
                                                        <li class="true">Free Lunch And Coffee</li>
                                                        <li class="true">Certificate</li>
                                                        <li class="true">Easy Access</li>
                                                        <li class="false">Free Contacts</li>
                                                    </ul>
                                                    <div class="btn-box">
                                                        <a href="buy-ticket.html" class="theme-btn">BUY Ticket</a>
                                                    </div>
                                                </div>
                                            </div>
                                            -->
                                                <!-- Pricing Block
                                                    <div class="pricing-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp"
                                                        data-wow-delay="800ms">
                                                        <div class="inner-box">
                                                            <div class="icon-box">
                                                                <div class="icon-outer"><span
                                                                        class="icon flaticon-rocket-ship"></span></div>
                                                            </div>
                                                            <div class="price-box">
                                                                <div class="title">Group Pass</div>
                                                                <h4 class="price">$199.99</h4>
                                                            </div>
                                                            <ul class="features">
                                                                <li class="true">Conference Tickets</li>
                                                                <li class="true">Free Lunch And Coffee</li>
                                                                <li class="true">Certificate</li>
                                                                <li class="true">Easy Access</li>
                                                                <li class="true">Free Contacts</li>
                                                            </ul>
                                                            <div class="btn-box">
                                                                <a href="buy-ticket.html" class="theme-btn">BUY Ticket</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    -->
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                <!--End Pricing Section -->

                            </div>
                        </div>

                        <!--Invités et artistes - Tab-->
                        <div class="tab" id="tab-3">
                            <div class="schedule-timeline">

                                <div class="sec-title text-center">
                                    <!--<span class="title">Speakers</span>-->
                                    <h2>Intervenants et invités</h2>
                                </div>

                                <!-- Intervenants et invités with with Speakers Section -->
                                <section class="speakers-section-three">
                                    <div class="auto-container">


                                        <div class="row">

                                            <!-- Speaker Block -->
                                            @foreach ($eventDetail->chronogram as $chronogram)
                                                @foreach ($chronogram->activity as $activity)
                                                    @foreach ($activity->speaker as $speaker)
                                                        <div
                                                            class="speaker-block-three col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                                                            <div class="inner-boxx">
                                                                <div class="image-box">
                                                                    <figure class="image"><a
                                                                            href="{{ route("App#SpeakerDetail",$speaker->name ) }}"><img
                                                                                src="{{ asset('assets/img/events/chronograms/speakers/'.$speaker->photo) }}"
                                                                                alt=""></a></figure>
                                                                </div>
                                                                <div class="info-box">
                                                                    <h4 class="name"><a
                                                                            href="{{ route("App#SpeakerDetail",$speaker->name ) }}">{{ $speaker->name }}</a>
                                                                    </h4>
                                                                    <span
                                                                        class="designation">{{ $speaker->activity_area }}</span>
                                                                </div>
                                                                <!--
                                                                    <div class="social-box">
                                                                        <ul class="social-links social-icon-colored">
                                                                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                                                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                                                            <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                                                                            <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                                                                        </ul>
                                                                    </div>
                                                                    -->
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endforeach
                                            @endforeach


                                        </div>
                                    </div>
                                </section>
                                <!-- End Speakers Section -->

                            </div>
                        </div>

                        <!--Sponsors et partenaires - Tab-->
                        <div class="tab" id="tab-4">
                            <div class="schedule-timeline">

                                <div class="sec-title text-center">
                                    <!--<span class="title">Clients</span>-->
                                    <h2>Les sponsors ou partenaires officiels</h2>
                                </div>

                                <!-- Sponsors with Clients Section-->
                                <section class="clients-section">
                                    <div class="anim-icons">
                                        <span class="icon icon-dots-3 wow zoomIn"></span>
                                        <span class="icon icon-circle-blue wow zoomIn"></span>
                                    </div>
                                    <div class="auto-container">

                                        <div class="sponsors-outer">
                                            <!-- <h3>Platinum Sponsors</h3> -->

                                            <h3>Nos ponsors</h3>
                                            <div class="row">

                                                @foreach ($eventDetail->sponsor as $sponsor)

                                                    <div class="client-block col-lg-3 col-md-6 col-sm-12">
                                                        <figure class="image-box "><a href="#"><img
                                                                    style="width:200px;height:200px"
                                                                    src="{{ asset('assets/img/events/sponsors/'.$sponsor->logo) }}"
                                                                    alt="{{ $sponsor->name }}"></a></figure>
                                                    </div>

                                                @endforeach


                                            </div>
                                        </div>
                                        <!-- Sponsors with Clients Section -->
                                        {{--
                                            <div class="sponsors-outer">
                                                <h3>Gold Sponsors</h3>

                                                <div class="row">

                                                    <div class="client-block col-lg-3 col-md-6 col-sm-12">
                                                        <figure class="image-box"><a href="#"><img src="images/clients/5.png"
                                                                    alt=""></a></figure>
                                                    </div>

                                                    <div class="client-block col-lg-3 col-md-6 col-sm-12">
                                                        <figure class="image-box"><a href="#"><img src="images/clients/6.png"
                                                                    alt=""></a></figure>
                                                    </div>

                                                    <div class="client-block col-lg-3 col-md-6 col-sm-12">
                                                        <figure class="image-box"><a href="#"><img src="images/clients/7.png"
                                                                    alt=""></a></figure>
                                                    </div>

                                                    <div class="client-block col-lg-3 col-md-6 col-sm-12">
                                                        <figure class="image-box"><a href="#"><img src="images/clients/8.png"
                                                                    alt=""></a></figure>
                                                    </div>
                                                </div>
                                            </div>

                                             <div class="sponsors-outer">
                                                <h3>Silver Sponsors</h3>

                                                <div class="row">
                                                    <div class="client-block col-lg-3 col-md-6 col-sm-12">
                                                        <figure class="image-box">
                                                            <a href="#"><img src="images/clients/9.png"
                                                                    alt=""></a>
                                                        </figure>
                                                    </div>

                                                </div>
                                            </div> --}}

                                    </div>
                                </section>
                                <!--End Clients Section-->

                            </div>
                        </div>

                        <!--Sponsors et partenaires - Tab-->
                        <div class="tab" id="tab-5">
                            <div class="schedule-timeline">

                                @foreach($eventDetail->organizer as $organizer)
                                    <div class="sec-title text-center">
                                        <!--<span class="title">Clients</span>-->
                                        <h3>Nom : {{ $organizer->name }}</h3>
                                        <h3>Contact téléphonique : {{ $organizer->phone }}</h3>
                                        <h3>Secteur d'activité : {{ $organizer->activity_area }}</h3>
                                    </div>
                                    <br>
                                @endforeach

                            </div>
                        </div>

                    </div>

                </div>
            </div>

        </section>
        <!--End schedule Section -->

    </div>
    <!--End pagewrapper-->
@endsection