@extends('layouts.master2')

@section('title', 'Giladiskon Plus | Diskon Premium Setiap Hari')
@section('meta_description', 'Dapatkan diskon premium di merchant pilihan setiap hari tanpa batas di Giladiskon Plus')

{{-- @if(empty($user) || $user->expired_date == "" || $user->expired_date < now())
@section('pageHeader')
<div class="bg-gd-primary d-block d-md-none py-3" v-sticky>
    <div class="container">
        <div class="row align-items-center">
            <div class="col-2">
                <a href="{{ url('/') }}">
                    <i class="fa fa-arrow-left text-white cursor-pointer"></i>
                </a>
            </div>
        </div>
    </div>
</div>
@endsection
@endif --}}

@section('loginMobile')
    @if(!$userDetails && !$wasRemoveSignIn)
        <signin :close_able="true"></signin>
    @endif
@endsection
@section('headerMobile')
<section class="@if (config('giladiskon.use_thematic'))
{{ "bg-gd-thematic-color" }}
@else
{{ "bg-gd-primary" }}
@endif d-md-none d-block">
    <div class="container pt-3">
        <div class="row">
            <div class="col-6 offset-3 col-md-4 offset-md-4 text-center">
                <a href="{{url('/')}}">
                    @if (config('giladiskon.custom_logo'))
                    <img src="{{ asset('img/lqip_x.gif') }}" data-src="{{ config('giladiskon.custom_logo') }}" alt="Giladiskon.com" class="lazyload blur-up img-fluid">
                    @else
                    <img src="{{ asset('img/lqip_x.gif') }}" data-src="{{ asset('img/gd_logo.png') }}" alt="Giladiskon.com" class="lazyload blur-up img-fluid">
                    @endif
                </a>
            </div>
        </div>
    </div>
    <div class="container py-3">
        {{-- @if($userDetails)
        <div class="row">
            <div class="col-10 text-white">
                <h3>@if(isset($userDetails->details->first_name)) Hi, {{ ucfirst($userDetails->details->first_name) }} @else {{ $userDetails->email }} @endif</h3>
                <p>Dapatkan deal terbaik untuk hari ini!</p>
            </div>
            @if($user) 
            <div class="col-2 text-right">
                <a href="{{ url('user/inbox') }}">
                    <div class="position-relative">
                        @if($user->unreadMessages) 
                        <span class="oval abs-t-0 abs-r-min-5"></span>
                        @endif
                        <img src="{{ asset('img/lqip.gif') }}" data-src="{{ asset('img/icon/ic_message.svg') }}" class="lazyload blur-up img-fluid" alt="message">
                    </div>
                </a>
            </div>
            @endif
        </div>
        @endif --}}
        <search @if (config('giladiskon.use_thematic'))
            {{ "use_thematic" }}
        @endif></search>
    </div>
    @if (config('giladiskon.use_thematic'))
    <div class="thematic-mobile-header">
        <img src={{ asset('img/theme/idul_adha/img-header-desktop-kambing-left.png') }} />
    </div>
    @endif
</section>
@endsection
@section('content')
<div class="pb-5">
    {{--@if(empty($user) || $user->expired_date == "" || $user->expired_date < now())
    <div class="container">
        <div class="row">
            <div class="col-md-6 px-0 px-md-3">
                <div class="bg-gd-primary">
                    <div class="info-gdplus gd-slider">
                        <div>
                            <div class="row">
                                <div class="col-12 ">
                                    <div class="pt-4 text-center">
                                        <img src="{{ asset('img/info/img_gdplus_1.png') }}" class="w-45 mx-auto" alt="Upgrade GDPlus">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="pt-4 text-center">
                                        <div class="gd-font-lg text-white">Upgrade Jadi Member GD+</div>
                                        <div class="gd-font-sm text-white px-3">
                                            Kamu bisa menikmati vouchers sepuasanya tanpa ada batasan apapun!
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="row">
                                <div class="col-12 ">
                                    <div class="pt-4 text-center">
                                        <img src="{{ asset('img/info/img_gdplus_2.png') }}" class="w-45 mx-auto" alt="Upgrade GDPlus">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="pt-4 text-center">
                                        <div class="gd-font-lg text-white">Upgrade Jadi Member GD+</div>
                                        <div class="gd-font-sm text-white px-3">
                                            Kamu bisa menikmati Cashback dari puluhan Merchant tepercaya!
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="row">
                                <div class="col-12 ">
                                    <div class="pt-4 text-center">
                                        <img src="{{ asset('img/info/img_gdplus_3.png') }}" class="w-45 mx-auto" alt="Upgrade GDPlus">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="pt-4 text-center">
                                        <div class="gd-font-lg text-white">Upgrade Jadi Member GD+</div>
                                        <div class="gd-font-sm text-white px-3">
                                            Kamu akan mendapatkan garasi jaminan uang kembali!
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 px-0 px-md-3">
                <div class="p-3 bg-white h-100">
                    <h5 class="text-center">Cara Pakai Giladiskon Plus</h5>
                    <div class="video-container">
                        <iframe src="https://www.youtube.com/embed/4hEhhh6cZR0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
         @if(empty($user) || $user->expired_date == "" || $user->expired_date < now())
        <div class="py-3">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <premium-register v-bind:login="@if($user) {{ 'true' }}  @else  {{ 'false' }} @endif"></premium-register>    
                    </div>
                </div>
            </div>
        </div>
        @endif 
    @endif--}}
    {{-- <div>
        <get-location></get-location>
    </div> --}}
    {{-- @if ($user)
        <div class="pt-3">
            <notifications
                :unreviewed="{{ json_encode($user->unreviewedVouchers) }}"
                :unused_trial="{{ json_encode($user->remaining_trial) }}"
                :user_expired="{{ json_encode($user->expired_date) }}"
            ></notifications>
        </div>
    @endif --}}
    <div class="container">
        <div class="pt-3">
            <div class="row">
                <div class="col-md-8">  
                    <banner-slider :pos="3"></banner-slider>
                </div>
                @if (empty($surveys))
                <div class="col-md-4 d-none d-md-block gd-slider-wraper">
                    <div class="bg-gd-primary rounded h-100">
                        <div class="row">
                            <div class="col align-self-start">
                                <div class="info-gdplus gd-slider">
                                    <div>
                                        <div class="row">
                                            <div class="col-12 ">
                                                <div class="pt-4 text-center">
                                                    <img data-src="{{ asset('img/info/img_gdplus_1.png') }}" class="lazyload w-45 mx-auto" alt="Upgrade GDPlus">
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="pt-4 text-center">
                                                    <div class="gd-font-lg text-white">Upgrade Jadi Member GD+</div>
                                                    <div class="gd-font-sm text-white px-3">
                                                        Kamu bisa menikmati vouchers sepuasanya tanpa ada batasan apapun!
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="pt-4 text-center">
                                                    <img data-src="{{ asset('img/info/img_gdplus_2.png') }}" class="lazyload w-45 mx-auto" alt="Upgrade GDPlus">
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="pt-4 text-center">
                                                    <div class="gd-font-lg text-white">Upgrade Jadi Member GD+</div>
                                                    <div class="gd-font-sm text-white px-3">
                                                        Kamu bisa menikmati Cashback dari puluhan Merchant tepercaya!
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="row">
                                            <div class="col-12 ">
                                                <div class="pt-4 text-center">
                                                    <img data-src="{{ asset('img/info/img_gdplus_3.png') }}" class="lazyload w-45 mx-auto" alt="Upgrade GDPlus">
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="pt-4 text-center">
                                                    <div class="gd-font-lg text-white">Upgrade Jadi Member GD+</div>
                                                    <div class="gd-font-sm text-white px-3">
                                                        Kamu akan mendapatkan garasi jaminan uang kembali!
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 align-self-end">
                                <div class="px-3 py-3">
                                    <a href="{{ url('premium') }}" class="btn btn-outline-light btn-block btn-lg gd-font-sm">Pelajari lebih lanjut</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @else
                <div class="col-md-4 d-none d-md-block gd-slider-wraper">
                    <div class="bg-gd-primary rounded h-100">
                        <div class="row">
                            <div class="col align-self-start">
                                <div>
                                    <div>
                                        <div class="row">
                                            <div class="col-12 ">
                                                <div class="text-center">
                                                    <img src="{{ asset('img/lqip.gif') }}" data-src="{{ asset('img/info/img_survey_promo.png') }}" class="lazyload blur-up img-fluid" alt="Survey Page">
                                                </div>
                                            </div>
                                            {{-- <div class="col-12">
                                                <div class="pt-4 text-center">
                                                    <div class="gd-font-lg text-white">Upgrade Jadi Member GD+</div>
                                                    <div class="gd-font-sm text-white px-3">
                                                        Kamu bisa menikmati vouchers sepuasanya tanpa ada batasan apapun!
                                                    </div>
                                                </div>
                                            </div> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 align-self-end">
                                <div class="px-3 py-3">
                                    <a href="{{ url('survey') }}" class="btn btn-outline-light btn-block btn-lg gd-font-sm">Lihat Survey</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    @if(!empty($sectionlist))
    <div class="container bg-white my-3 py-3">
        @foreach($sectionlist as $key => $section)
            @if (!empty($section->section_results))
                <div class="row align-items-center mt-2 mb-3">
                    <div class="col-8">
                        <div class="row align-items-center">
                            <div class="col-12 col-md-auto">
                                <h5 class="mb-0">{{ $section->section_title }}</h5>
                            </div>
                            <div class="col-12 col-md-auto">
                                <span class="border-left-md pl-md-3">{{ $section->section_subtitle }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-4 text-right">
                        <a href="{{ url('/'.setProperQueryStringFilter($section->section_filters)) }}">
                            <span class="gd-font-md font-weight-bold text-gd-primary">
                                Lihat semua
                            </span>
                        </a>
                    </div>
                </div>
                <div class="row pb-3 pb-md-5 @if($key != (count($sectionlist) - 1)) {{ 'border-bottom' }} @endif">
                    @switch($section->section_layout)
                        @case(1)
                            <div class="col-12">
                                <div class="gd-popular-slider">
                                    <deals-slider
                                        :section_id="{{ $section->section_id }}"
                                        :slider_data="{{ json_encode($section->section_results) }}"
                                        :is_login="@if($user) {{ 'true' }} @else {{ 'false' }} @endif">
                                    </deals-slider>
                                </div>
                            </div>
                            @break
                        @case(2)
                            @foreach ($section->section_results as $item)
                                <div class="col-12 col-md-4">
                                    <a href="{{ url($item->object_type."/".$item->slug ) }}" target="_self" class="text-gd-black">
                                        <div class="mb-3 deals">
                                            <div class="row">
                                                <div class="col-4">
                                                    @if ($item->object_type === "vouchers")
                                                        <img data-src="{{ asset('img/icon/ic_ribbon_voucher.png')}}" class="lazyload img-max-50 abs-t-min-12 abs-l-8 z-index-9">
                                                    @endif
                                                    <div class="deals-img">
                                                        @if ($item->object_type == "deals" && $item->discount)
                                                            <div class="discount-label left sm">
                                                                <span class="h4">{{ $item->discount }}%</span>
                                                            </div>
                                                        @endif
                                                        <img src="{{ asset('img/lqip.gif') }}" data-src="{{ $item->image }}" alt="{{ $item->name }}" class="lazyload blur-up">
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    @if ($user)
                                                        <div class="abs-r-7 abs-t-min-12">
                                                            <favorit-icon :status="{{ json_encode($item->is_favourite) }}" :dealsid="{{ json_encode($item->id) }}" :type="{{ json_encode($item->object_type) }}"></favorit-icon>
                                                        </div>
                                                    @endif
                                                    <div class="py-2">
                                                        <div class="gd-font-md font-weight-bold name">{{ $item->name }}</div>
                                                        <div class="gd-font-xs mt-2">Berakhir {{ date('d F Y', strtotime($item->expired_date)) }}</div>
                                                        <div class="text-gd-grey">
                                                            @if ($item->total_views)
                                                            <div class="d-inline pr-3">
                                                                <i class="fa fa-eye gd-font-xl" aria-hidden="true"></i>
                                                                <span>{{ $item->total_views }}</span>
                                                            </div>
                                                            @endif
                                                            <like-info :deals="{{ json_encode($item) }}" @if($user) {{ 'logged_in' }} @endif></like-info>&nbsp;&nbsp;
                                                            <comment-info :deals="{{ json_encode($item) }}" @if($user) {{ 'logged_in' }} @endif></comment-info>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                            @break
                        @case(3) 
                            @foreach ($section->section_results as $item)
                                <div class="col-12 col-md-4">
                                    <a href="{{ url($item->object_type."/".$item->slug ) }}" target="_self" class="text-gd-black">
                                        <div class="mb-3 deals">
                                            <div class="row">
                                                <div class="col-12">
                                                    @if ($user)
                                                        <div class="abs-r-15 abs-t-min-3">
                                                            <favorit-icon :status="{{ json_encode($item->is_favourite) }}" :dealsid="{{ json_encode($item->id) }}" :type="{{ json_encode($item->object_type) }}"></favorit-icon>
                                                        </div>
                                                    @endif
                                                    @if ($item->object_type === "vouchers")
                                                        <img data-src="{{ asset('img/icon/ic_ribbon_voucher.png')}}" class="lazyload img-max-85 abs-t-min-12 abs-l-3 z-index-9">
                                                    @endif
                                                    <div class="deals-img">
                                                        @if ($item->object_type == "deals" && $item->discount)
                                                            <div class="discount-label left sm">
                                                                <span class="h4">{{ $item->discount }}%</span>
                                                            </div>
                                                        @endif
                                                        <img src="{{ asset('img/lqip.gif') }}" data-src="{{ $item->image }}" alt="{{ $item->name }}" class="lazyload blur-up">
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="py-2">
                                                        <div class="gd-font-md font-weight-bold name">{{ $item->name }}</div>
                                                        <div class="gd-font-xs mt-2">Berakhir {{ date('d F Y', strtotime($item->expired_date)) }}</div>
                                                        <div class="text-gd-grey">
                                                            @if ($item->total_views)
                                                            <div class="d-inline pr-3">
                                                                <i class="fa fa-eye gd-font-xl" aria-hidden="true"></i>
                                                                <span>{{ $item->total_views }}</span>
                                                            </div>
                                                            @endif
                                                            <like-info :deals="{{ json_encode($item) }}" @if($user) {{ 'logged_in' }} @endif></like-info>&nbsp;&nbsp;
                                                            <comment-info :deals="{{ json_encode($item) }}" @if($user) {{ 'logged_in' }} @endif></comment-info>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                            @break
                        @case(4) 
                            @foreach ($section->section_results as $item)
                                <div class="col-6 col-md-3">
                                    <a href="{{ url($item->object_type."/".$item->slug ) }}" target="_self" class="text-gd-black">
                                        <div class="mb-3 deals">
                                            <div class="row">
                                                <div class="col-12">
                                                    @if ($user)
                                                        <div class="abs-r-15 abs-t-min-3">
                                                            <favorit-icon :status="{{ json_encode($item->is_favourite) }}" :dealsid="{{ json_encode($item->id) }}" :type="{{ json_encode($item->object_type) }}"></favorit-icon>
                                                        </div>
                                                    @endif
                                                    @if ($item->object_type === "vouchers")
                                                        <img data-src="{{ asset('img/icon/ic_ribbon_voucher.png')}}" class="lazyload img-max-50 abs-t-min-12 abs-l-8 z-index-9">
                                                    @endif
                                                    <div class="deals-img">
                                                        @if ($item->object_type == "deals" && $item->discount)
                                                            <div class="discount-label left sm">
                                                                <span class="h4">{{ $item->discount }}%</span>
                                                            </div>
                                                        @endif
                                                        <img src="{{ asset('img/lqip.gif') }}" data-src="{{ $item->image }}" alt="{{ $item->name }}" class="lazyload blur-up">
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="py-2">
                                                        <div class="gd-font-md font-weight-bold name">{{ $item->name }}</div>
                                                        <div class="gd-font-xs mt-2">Berakhir {{ date('d F Y', strtotime($item->expired_date)) }}</div>
                                                        <div class="text-gd-grey">
                                                            @if ($item->total_views)
                                                            <div class="d-inline pr-3">
                                                                <i class="fa fa-eye gd-font-xl" aria-hidden="true"></i>
                                                                <span>{{ $item->total_views }}</span>
                                                            </div>
                                                            @endif
                                                            <like-info :deals="{{ json_encode($item) }}" @if($user) {{ 'logged_in' }} @endif></like-info>&nbsp;&nbsp;
                                                            <comment-info :deals="{{ json_encode($item) }}" @if($user) {{ 'logged_in' }} @endif></comment-info>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                            @break
                        @default
                            <div class="col-12">
                                <div class="gd-popular-slider">
                                    <deals-slider
                                        :slider_data="{{ json_encode($section->section_results) }}"
                                        :is_login="@if($user) {{ 'true' }} @else {{ 'false' }} @endif"
                                    >
                                    </deals-slider>
                                </div>
                            </div>
                        @break
                    @endswitch
                </div>
            @endif
        @endforeach
    </div>
@endif
    <div class="container bg-white py-3 mt-3">
        @if(!empty($user) && $user->expired_date != "" && $user->expired_date > now())
        <div class="row">
            <div class="col-12">
                <h5 class="text-center">Cara Pakai Giladiskon Plus</h5>
                <div class="video-container">
                    <iframe src="https://www.youtube.com/embed/4hEhhh6cZR0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
        @else
        <div>
            <div class="row gd-font-sm">
                <div class="col-12">
                    <div class="h-100 p-3 rounded bg-white">
                        <div class="row">
                            <div class="col-12">
                                <div>
                                    <h5>Cara Penggunaan Voucher</h4>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                <div class="row align-items-lg-start mt-2">
                                    <div class="col-12 col-md-4">
                                        <div class="row mb-2 align-items-center">
                                            <div class="col-4 text-center">
                                                <img src="{{ asset('img/info/img_step_use_voucher_1.png') }}" class="img-fluid" alt="Pilih voucher yang diinginkan">
                                            </div>
                                            <div class="col-8">
                                            <span class="h6">1. Pilih voucher yang diinginkan</b></span>    
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="row mb-2 align-items-center">
                                            <div class="col-4 text-center">
                                                <img src="{{ asset('img/info/img_step_use_voucher_2.png') }}" class="img-fluid" alt="Pilih voucher yang diinginkan">
                                            </div>
                                            <div class="col-8">
                                                <span class="h6">2. Klik Gunakan</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="row mb-2 align-items-center">
                                            <div class="col-4 text-center">
                                                <img src="{{ asset('img/info/img_step_use_voucher_3.png') }}" class="img-fluid" alt="Pilih voucher yang diinginkan">
                                            </div>
                                            <div class="col-8">
                                                <span class="h6">3. Tunjukan kode unik ke kasir</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
    {{-- <div class="container bg-white py-3 mt-3">
        <div class="rounded bg-white p-3">
            <div class="row">
                <div class="col-12">
                    <div>
                        <h5>Apa kata mereka tentang GD+?</h5>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 gd-testi-slider gd-slider">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/img_testi_windyfeb.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Promo Gd+ buat sering jajan ke mal buat cari promonya😂</span><br>
                                <span class="font-weight-bold">@windyfeb</span>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/img_testi_nnkira_18.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Bener2 hemat aku perdana smlm pake GD+ beli shilin bayar pakai gopay dpt diskon lagi sukaaa</span><br>
                                <span class="font-weight-bold">@nnkira_18</span>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/img_testi_mamik_angel123.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Semalam aku sdh pakai voucer nya, jadi hemat banget tkasih GD+</span><br>
                                <span class="font-weight-bold">@mamik.angel123</span>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/img_testi_devidevii.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Jadinya skrg sering hemat kalo jajan. Terima kasih GD+!</span><br>
                                <span class="font-weight-bold">@devideviii</span>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/unnamed-image.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Pakai vocher GD+ bayar pake dana. double diskon ??</span><br>
                                <span class="font-weight-bold">Rahma Amelia Chairunnisa</span>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/unnamed-image.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Azoooy 2x dpt promooo gils.. diskon dr gila diskon 25rb bayar pake dana diskon lg 50% mantaaaab</span><br>
                                <span class="font-weight-bold">Wista</span>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/unnamed-image.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Pakai vocher GD+ bayar pake dana. double diskon ??</span><br>
                                <span class="font-weight-bold">Rahma Amelia Chairunnisa</span>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-12">
                            <div>
                                <img src="{{ asset('img/testimonial/unnamed-image.png') }}" class="d-inline-block">
                            </div>
                            <div class="d-inline-block text-lg-left p-2 p-lg-0">
                                <span>Pertama kali nyoba dan berhasil, makasi gd+</span><br>
                                <span class="font-weight-bold">Dany Firmansyah</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </div> --}}
    <div class="container bg-white py-3 mt-3">
        <div>
            <div class="row gd-font-sm">
                <div class="col-12">
                    <p class="gd-font-md font-weight-bold">Masih ada Pertanyaan?</p>
                </div>
                <div class="col-12">
                    <a href="https://wa.me/6281293501705" class="btn btn-gd-yellow btn-block mb-2">
                        <div class="row align-items-center no-gutters p-2">
                            <div class="col-1 text-left">
                                <img src="{{ asset('img/icon/ic_chat.png') }}" class="img-fluid w-75" alt="Chat">
                            </div>
                            <div class="col-10 text-left">
                                <div class="text-white font-weight-bold">Chat dengan Team Giladiskon</div>
                            </div>
                            <div class="col-1 text-right">
                                <img src="{{ asset('img/icon/ic_arrow-right.png') }}" class="img-fluid w-75" alt="Go">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 ">
                    <p class="gd-font-sm">
                        Pertanyaan yang sering ditanyaakan
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-12 gd-font-sm">
                    <div class="accordion gd-accordion" id="faqAccordion">
                        @foreach($faqs as $key => $faq)
                        <div class="card">
                            <div class="card-header" id="{{ 'headingFaq'. ((int)$key + 1 ) }}">
                                <h2 class="mb-0">
                                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#{{ 'faq'. ((int)$key + 1 ) }}" aria-expanded="false" aria-controls="{{ 'faq'. ((int)$key + 1 ) }}">
                                        <div class="row">
                                            <div class="col-10">
                                                {{ $faq->question }}
                                            </div>
                                            <div class="col-2 text-right">
                                                <i class="fa fa-angle-down"></i>
                                            </div>
                                        </div>
                                    </button>
                                </h2>
                            </div>

                            <div id="{{ 'faq'. ((int)$key + 1 ) }}" class="collapse" aria-labelledby="{{ 'headingFaq'. ((int)$key + 1 ) }}" data-parent="#faqAccordion">
                                <div class="card-body">
                                    {!! $faq->answer !!}
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

{{-- @if(empty($user) || $user->expired_date == "" || $user->expired_date < now())
@section('mobileMenu')
    <footer class="fixed-bottom">
        <div class="container-fluid d-block d-md-none bg-white shadow">
            <div class="row">
                <div class="col-12 py-3">
                    <extend-gdplus :login="@if($user) {{'true'}} @else {{ 'false' }} @endif">
                        <template v-slot:custom-button>
                            <div>
                                <button class="btn btn-block btn-lg btn-gd-green">
                                    <span>Daftar Giladiskon Plus »</span>
                                </button>
                            </div>
                        </template>
                    </extend-gdplus>
                </div>
            </div>
        </div>
    </footer>
@endsection
@endif --}}

@section('script')
@parent
    <script src="{{ asset('js/slick.min.js') }}"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBX7VbZbSZ6Ro2ucRF8LcBPKilFtzwsnBk&amp;libraries=places"></script>
@endsection