@extends('layouts.app-frontend')

@section('content')
    <link rel="stylesheet" href="{{asset('css/form.css')}}">

    <div class="container">
        <section class="form__breadcrumb">
            <div class="row">
                <div class="col-4 ml-auto form__breadcrumb__first">
                    <div class="row">
                        <div class="col-12 pl-lg-5 form__breadcrumb__number">
                            1
                        </div>
                        <div class="col-6 form__breadcrumb__text complete">
                            Pilih Promo
                        </div>
                        <div class="col-6 d-none d-lg-block">
                            <hr>
                        </div>
                    </div>
                </div>
                <div class="col-4 mx-auto form__breadcrumb__second">
                    <div class="row">
                        <div class="col-12 pl-lg-5 form__breadcrumb__number">
                            2
                        </div>
                        <div class="col-6 form__breadcrumb__text complete">
                            Isi Form
                        </div>
                        <div class="col-6 d-none d-lg-block">
                            <hr>
                        </div>
                    </div>
                </div>
                <div class="col-4 col-lg-2 mx-auto form__breadcrumb__third">
                    <div class="row">
                        <div class="col-12 pl-lg-5 form__breadcrumb__number">
                            3
                        </div>
                        <div class="col-12 form__breadcrumb__text active">
                            Verifikasi
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="thankyou my-5">
            <div class="row">
                <div class="col-12 col-lg-4 mx-auto">
                    <img src="{{asset('img/thankyou.png')}}" alt="thank you" class="img-fluid">            
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <p class="content text-center font-weight-bold">Terima kasih telah melakukan proses klaim, harap cek inbox/folder spam Anda untuk mengetahui status klaim.</p> 
                    <p class="content text-center font-weight-bold">Kami akan melakukan verifikasi terhadap data yang anda submit paling lambat 10 hari kerja.</p> 
                    <!-- <p class="content text-center">Kami akan melakukan proses validasi terhadap data anda dan anda akan mendapat informasi tentang ketersediaan barang yang anda klaim.<br></p>
                    <p class="content text-center">Anda akan mendapatkan email berisi detail dari klaim anda.<br></p> -->
                    <a href="{{ env('PROXY_URL').env('SUB_DIRECTORY') }}" class="btn btn-action">Pilih promo lain</a>
                </div>
            </div>
        </section>   
    </div>    

@endsection