@extends('index')

@section('content')
    <!-- breadcrumb -->
    <div class="container pt-5">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
              <li class="breadcrumb-item"><a href="{{route('frontend.home')}}">首頁</a></li>
              <li class="breadcrumb-item active" aria-current="page">立即諮詢</li>
            </ol>
        </nav>
    </div>

    <!-- 聯絡我們 -->
    <section class="section">
        <div class="container border-bottom">
            <div class="text-center pb-5">
                <img src="{{asset('images/contact/success.png')}}" class="img-fluid">
                <h2 class="fw-normal fs-36 pt-3 my-4">送出成功</h2>
                <p class="line-height-2 count-down">感謝您的來信，我們將會儘快與您聯絡！<br>
                    5秒後系統將為您導回首頁。</p>
            </div>

        </div>
    </section>

    <script>
        setInterval(countDownTimer, 1000);

        var totalSeconds = 5;

        function countDownTimer() {
            --totalSeconds;

            if (totalSeconds == 0) {
                location.href= "{{route('frontend.home')}}";
            }

            $('.count-down').html("感謝您的來信，我們將會儘快與您聯絡！<br>" + totalSeconds + "秒後系統將為您導回首頁。");
        }
    </script>
@endsection