@extends('inc.app')
@section('content')
@include('inc.nav-mobile')
@include('inc.carousel-banner')
@include('inc.nav')
<section class=" overflow-hidden">
    <div class="container">
        <div class="row">
            <div class="col-md-4 hidden-sm hidden-xs">
                <div class="custom-module">
                    <div class="text-center">
                        <img src="images/directors.png" class="d-block w-100">
                        <strong class="text-uppercase">{{ $event->event_director}}</strong><br>DIRECTORS &amp; FOUNDERS
                    </div>
                </div><!-- end module -->
            </div><!-- end col -->
            <div class="col-md-8">
                <div class="custom-module  overflow-hidden">
                    {!!$event->director_message!!}
                </div><!-- end module -->
            </div><!-- end col -->
        </div><!-- end row -->
        <hr class="invis">
        @include('common.timer')
    </div><!-- end container -->
</section>
@include('common.conference')

<section class="container overflow-hidden">
    <div class="row">
        <div class="col-md-12 pt-sm-4 pt-3 text-center pb-3">
            <h1>
                GRAND HYATT DUBAI
            </h1>
            <h4>DISCOVER LUXURY CITY RESORT IN THE HEART OF DUBAI</h4>
        </div>
        {{-- <div class="col-md-12 text-center text-x2 pb-3">
            Discover the Upscale Elegance of the Mandarin Oriental Kuala Lumpur
        </div> --}}
    </div>
    <div class="row overflow-hidden">
        <div class="col-12 px-xl-4">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="images/hotel/1.webp" srcset="images/hotel/1.webp" class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="images/hotel/2.webp" srcset="images/hotel/2.webp" class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="images/hotel/3.webp" srcset="images/hotel/3.webp" class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="images/hotel/4.webp" srcset="images/hotel/4.webp" class="d-block w-100 fourth">
                    {{-- <div class="plus-image d-md-none">
                        +2
                    </div> --}}
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1 d-none d-md-block">
                    <img src="images/hotel/5.webp" srcset="images/hotel/5.webp" class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1 d-none d-md-block">
                    <img src="images/hotel/6.webp" srcset="images/hotel/6.webp" class="d-block w-100">
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 text-center pt-5">
        <a target="_blank"
            href="https://www.hyatt.com/en-US/group-booking/DXBGH/G-RWSL"
            class="btn btn-success shadow-sm rounded-0">
            BOOK NOW
        </a>
    </div>
</section>

@include('common.sponsor')

<section class="container overflow-hidden">
    <div class="row">
        <div class="col-md-12 pt-sm-4 pt-3 text-center pb-3">
            <h1>
                CHECK OUT WHAT YOU’VE MISSED FROM OUR LAST CONFERENCE
            </h1>
            {{-- <h4>GAA’S 2ND ANNUAL PARTNERSHIP MEETING | POST-EVENT 2019</h4> --}}
        </div>
        <div class="col-md-12 text-center text-x2 pb-5">
            <p>
                It was yet another successful conference! Around a hundred global air cargo forwarders enjoyed our 4-day networking event held in Shanghai, China. Another milestone for GAA with more new members attending the conference. Check out the Post-Event Summary of our 2nd Annual Partnership Meeting in 2019!
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-12 px-xl-4">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="https://globalaircargoalliance.com/post-event-2019/images/thumbnails/1.jpg"
                        class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="https://globalaircargoalliance.com/post-event-2019/images/thumbnails/2.jpg"
                        class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="https://globalaircargoalliance.com/post-event-2019/images/thumbnails/3.jpg"
                        class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1">
                    <img src="https://globalaircargoalliance.com/post-event-2019/images/thumbnails/4.jpg"
                        class="d-block w-100 fourth">
                    {{-- <div class="plus-image d-md-none">
                        +2
                    </div> --}}
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1 d-none d-md-block">
                    <img src="https://globalaircargoalliance.com/post-event-2019/images/thumbnails/5.jpg"
                        class="d-block w-100">
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 px-1 py-1 d-none d-md-block">
                    <img src="https://globalaircargoalliance.com/post-event-2019/images/thumbnails/6.jpg"
                        class="d-block w-100">
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 text-center pt-5">
        <a href="https://globalaircargoalliance.com/post-event-2019/" class="btn btn-success shadow-sm rounded-0">CLICK
            HERE TO LEARN MORE</a>
    </div>
</section>

@include('common.newsletter')


<script type="text/javascript">
    var event = "{{$event->event_start_date}}";
    var scheduler = "{{$event->launch_scheduler}}"

    window.addEventListener('DOMContentLoaded', function() {
            // event countdown
            $('#event').countdown(event, function(event) {
                $(this).html(event.strftime('' +
                    '<div id="clockdiv">' +
                    '<div>' +
                    '<span class="days">%m</span>' +
                    '<div class="smalltext">Months</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="days">%n</span>' +
                    '<div class="smalltext">Days</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="hours">%H</span>' +
                    '<div class="smalltext">Hours</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="minutes">%M</span>' +
                    '<div class="smalltext">Minutes</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="seconds">%S</span>' +
                    '<div class="smalltext">Seconds</div>' +
                    '</div>' +
                    '</div>'
                ));
            });
            // Scheduler countdown
            $('#scheduler').countdown(scheduler, function(event) {
                $(this).html(event.strftime('' +
                    '<div id="clockdiv">' +
                    '<div>' +
                    '<span class="days">%m</span>' +
                    '<div class="smalltext">Months</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="days">%n</span>' +
                    '<div class="smalltext">Days</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="hours">%H</span>' +
                    '<div class="smalltext">Hours</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="minutes">%M</span>' +
                    '<div class="smalltext">Minutes</div>' +
                    '</div>' +
                    '<div>' +
                    '<span class="seconds">%S</span>' +
                    '<div class="smalltext">Seconds</div>' +
                    '</div>' +
                    '</div>'
                ));
            });
        });
</script>

@endsection