@extends('layouts.master2')

@if (!empty($seo))
    @if (!empty($seo->meta_title))
        @section('title', $seo->meta_title)
    @endif
    @if (!empty($seo->meta_description))
        @section('meta_description', $seo->meta_description)
    @endif
    @if (!empty($seo->meta_keyword))
        @section('meta_keyword', $seo->meta_keyword)
    @endif
@else
    @section('title', 'Survey Giladiskon')
@endif

@section('canonical')
    @if (env('APP_ENV') == 'production')
        <link href="{{ 'https://www.giladiskon.com/survey' }}" rel="canonical">
    @elseif (env('APP_ENV') == 'development')
        <link href="{{ 'https://dev.giladiskon.com/survey' }}" rel="canonical">
    @else
        <link href="{{ URL::to('/') . '/survey' }}" rel="canonical">
    @endif
@endsection


@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 class="col-7 text-center">
                    <span class="text-white font-weight-bold">Survey Giladiskon</span>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div class="container">
        <div class="bg-md-gd-white px-md-3 py-3 py-md-5 mb-5">
            <div class="container">
                @if (!$errors->isEmpty())
                    <div class="row">
                        <div class="col-12">
                            <div class="alert alert-gd-primary text-center" role="alert">
                                {{ $errors->first() }}
                            </div>
                        </div>
                    </div>
                @endif
                <div style="width:100%;text-align:center;">
                    <div style="width:100%;text-align:center;">
                        <img src="https://www.giladiskon.com/img/banner/giladiskon-menangkan-voucher-belanja.jpeg"
                            style="width:100%;max-width:600px;height: auto;">
                    </div>
                    <div style="width:100%;">
                        <p>
                            Menangkan hadiah menarik setiap minggunya dengan ikut Survey Berhadiah Giladiskon!
                            <br>
                            Semakin banyak survey yang kamu isi, semakin besar kemungkinan kamu menang!
                            <br>
                            Cek pengumuman pemenang di Instagram <b>@giladiskonn</b>
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col mx-0">
                        @livewire('survey-list')
                    </div>
                </div>
                @if (!empty($survey))
                    <div class="row">
                        <div class="col">
                            <div class="mb-5">
                                <share :share_url="'{{ Config::get('giladiskon.web_url') . 'survey' }}'"
                                    :share_message="'@if (!empty($survey)) {{ $survey->title }} @else {{ 'Aku uda cobain survey berhadiah di Giladiskon, kamu udah belum?' }} @endif'"
                                    md_center>
                                </share>
                            </div>
                        </div>
                    </div>
                @endif
                <div class="row mb-3">
                    <div class="col">
                        <div class="text-center">
                            <p class="font-weight-bold">Perusahaan Anda membutuhkan data dari customer dalam waktu dekat?
                            </p>
                            <a class="btn btn-success" href="mailto:sales@giladiskon.com">Hubungi kami sekarang</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection