@extends('frontends.layouts.default')

@include('frontends.includes.nav')

@include('frontends.includes.slide')

@section('content')

@php
$datas = [
    1 => [
        'embed' => 'VT7d2aU8PIY',
        'title' => 'x digital',
        'client' => 'x digital',
        'modal' => 'open',
        'images' => 4
    ],
    2 => [
        'client' => 'Toyota Motor Thailand',
        'title' => 'Toyota Camry “The All-New Camry…Soul Striking Luxury”',
        'agency' => 'dentsu MCGARRYBOWEN.',
        'modal' => 'open',
        'images' => 4
    ],
    3 => [
        'title' => 'dtac E-AGM 2020',
        'client' => 'dtac',
        'modal' => 'open',
        'images' => 4
    ],
    4 => [
        'embed' => 'Y4rUbOw5CCk',
        'title' => 'dtac Accelerate Batch 7 - Booth at Techsauce Global Summit 2019',
        'client' => 'dtac Accelerate',
        'modal' => 'open',
        'images' => 4
    ],
    // 5 => [
        //     'embed' => '',
    //     'title' => 'เพ่ือนพ่ึง(ภาฯ)ประจาปี2563-25ปีแห่งการแบ่งปันพอเพียงย่งัยนื',
    //     'client' => 'KEEN ORGANIZER',
    //
    //     'modal' => 'open',
    //     'images' => 4
    // ],
    6 => [
        'embed' => 'XH6fbuWsfxE',
        'title' => 'SCB M, Call it eMperience Launch',
        'client' => 'SCB – ธนาคารไทยพาณิชย์',
        'modal' => 'open',
        'images' => 4
    ],
    7 => [
        'embed' => 'Rngj16vUCFQ',
        'title' => 'X-Gen Event Organizer',
        'client' => 'X-Gen Event Organizer',
        'modal' => 'open',
        'images' => 4
    ],
    8 => [
        'title' => 'LINE SCALEUP 2019 Press Conference',
        'client' => 'LINE Thailand',
        'modal' => 'open',
        'images' => 4
    ],
    9 => [
        'title' => 'dtac LIVE สุดยอดเบอร์มงคล กับ อ. ช้าง ทศพร ศรีตุลา',
        'client' => 'dtac',
        'modal' => 'open',
        'images' => 3
    ],
    10 => [
        'title' => 'Caltex วังพญาไท = Caltex ExclusiveTrip2020 Once In A Life Time In Bangkok',
        'client' => 'Client : Chevron Thailand (Caltex)',
        'modal' => 'open',
        'images' => 4
    ],
    11 => [
        'embed' => 'Bet5WdE5vz8',
        'title' => 'Easy Van. SCB',
        'client' => 'SCB – ธนาคารไทยพาณิชย์',
        'modal' => 'open',
        'images' => 4
    ],
    // 12 => [
    //     'title' => 'Nation Science and Technology Fair 2020 360 LIVE Streaming',
    //     'client' => 'Pico (Thailand) Public Company Limited',
    //
    //     'modal' => 'open',
    //     'images' => 4
    // ],
    13 => [
        'title' => 'TMB | Thanachart MLF Management Outing & Workshop 2021',
        'client' => 'TMB | Thanachart',
        'modal' => 'open',
        'images' => 4
    ],
    14 => [
        'title' => 'Krungthai Strategy Day 2019',
        'client' => 'Krunthai Bank PCL – ธนาคารกรุงไทย',
        'modal' => 'open',
        'images' => 4
    ],
    15 => [
        'title' => 'Toyota GR Supra “The Legend returns From Circuit To Roa"',
        'client' => 'Toyota Motor Thailand',
        'agency' => 'dentsu MCGARRYBOWEN',
        'modal' => 'open',
        'images' => 4
    ],
    // 16 => [
    //     'title' => 'SCB FAMILY DAY 2019',
    //     'client' => 'SCB',
    //     'modal' => 'open',
    //     'images' => 4
    // ],
    17 => [
        'embed' => '07Cn3CD6NKg',
        'title' => 'dtac Accelerate Batch 6 – Booth at Techsauce Global Summit 2018',
        'client' => 'dtac Accelerate',
        'modal' => 'open',
        'images' => 4
    ],
    18 => [
        'title' => 'Lexus Urban Run 2020',
        'client' => 'Toyota Motor Thailand',
        'agency' => 'dentsu MCGARRYBOWEN.',
        'modal' => 'open',
        'images' => 4
    ],
    19 => [
        'title' => 'Business Innovation & Agility Workshop ONLINE',
        'client' => 'Tourism Authority of Thailand – ททท.',
        'modal' => 'open',
        'images' => 3
    ],
    20 => [
        'title' => 'dtac Booth @ NBTC Expo Thailand 2016 ,The Future Trend in Digital World',
        'client' => 'dtac',
        'modal' => 'open',
        'images' => 3
    ],
    21 => [
        'title' => 'dtac Staff Party 2019',
        'client' => 'dtac',
        'modal' => 'open',
        'images' => 4
    ],
    22 => [
        'title' => 'Toyota Olympic Day Run 2019',
        'client' => 'Toyota Motor Thailand',
        'agency' => 'dentsu MCGARRYBOWEN.',
        'modal' => 'open',
        'images' => 4
    ],
    23 => [
        'title' => 'World Music Streaming Day by dtac MUSIC INFINITE Application',
        'client' => 'dtac',
        'modal' => 'open',
        'images' => 4
    ],
    24 => [
        'embed' => '07Cn3CD6NKg',
        'title' => 'dtac Hackathon “Unleash Giant in You"',
        'client' => 'dtac',
        'modal' => 'open',
        'images' => 4
    ],
    25 => [
        'embed' => '',
        'title' => 'SCB',
        'client' => 'SCB',
        'modal' => 'open',
        'images' => 4
    ],
    26 => [
        'embed' => '',
        'title' => 'Krungthai',
        'client' => 'Krungthai',
        'modal' => 'open',
        'images' => 4
    ],
];
@endphp

<div id="work" class="container pt-5">
    <div class="row" data-masonry='{"percentPosition": true, "horizontalOrder": true}'>
        @foreach ($datas as $dataKey => $dataValues)
        <div class="row-item col-sm-6 col-lg-3 col-lg-3">
            @if (in_array($dataKey, [1,4,5,6,7,11,17,24]))
            <img class="w-100 mb-3 img-hover freezeframe" data-bs-toggle="modal" data-bs-target="#myModal{{ $dataKey }}" src="{{ URL::to("/images/uploads/{$dataKey}VDO/thumb.gif") }}" />
            @else
            <img class="w-100 mb-3 img-hover freezeframe" data-bs-toggle="modal" data-bs-target="#myModal{{ $dataKey }}" src="{{ URL::to("/images/uploads/{$dataKey}/thumb.jpg") }}" />
            @endif

            @if ($dataValues['modal'] == 'open')
            <div class="modal fade" id="myModal{{ $dataKey }}" tabindex="-1" aria-labelledby="modalLabel{{ $dataKey }}" aria-hidden="true">
                <div class="modal-dialog modal-xl">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">{{ $dataValues['title'] }}</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="row p-3">
                            <div class="col-12 @if (!in_array($dataKey, [1,4,5,6,7,11,17,24])) col-sm-9 @endif ">
                                @if (in_array($dataKey, [1,4,5,6,7,11,17,24]))
                                    <iframe class="w-100" height="450" src='https://www.youtube.com/embed/{{ $dataValues['embed'] }}' frameborder="0" allowfullscreen></iframe>
                                @else
                                    <img class="w-100" src="{{ URL::to("/images/uploads/{$dataKey}/1.jpg") }}" />
                                @endif
                                <div class="mt-3 mb-3">
                                    <h3>{{ $dataValues['title'] }}</h3>
                                    <div>
                                        Client<span style="margin-left:5px;">: {{ $dataValues['client'] }}</span>
                                    </div>
                                    @if (isset($dataValues['agency']))
                                    <div>
                                        Agency<span style="margin-left:5px;">: {{ $dataValues['agency'] }}</span>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @if (!in_array($dataKey, [1,4,5,6,7,11,17,24]))
                            <div class="col-12 col-sm-3">
                                @for ($i = 2; $i <= $dataValues['images']; $i++)
                                    <img src="{{ URL::to("/images/uploads/{$dataKey}/{$i}.jpg") }}" class="w-100 mb-3" />
                                @endfor
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
        @endforeach
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    $(".modal").on('hidden.bs.modal', function(e) {
        var modalId = e.currentTarget.id;
        $(`#${modalId} iframe`).attr("src", $(`#${modalId} iframe`).attr("src"));
    });
});
</script>
@endpush