@extends('app')
 
@section('title', 'Thank you')

@section('head')
<style> 
    td{
        font-size:  20px;
    }
</style>
@endsection

@section('content')
<div class="container-fluid no-padding account-banner">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>Thank You</b></h1>
            </div>
        </div>
    </div>
</div>



<div class="container-fluid" style="background:#03243e;">
    <div class="container account-tabs">
        <div class="row">
            <div class="col-md-12">
                <div class="panel with-nav-tabs panel-default">

                    <div class="panel-body">
                        <div class="tab-content">
                            <div class="tab-pane fade in active" id="tab1default">
                                <div>
                                    <div class="row">
                                        <div class="col-md-10 col-md-offset-1 text-center">
                                            <h3>Thank You For Your Payment</h3>
                                            <div style="color:#fff;font-size:17px;">
                                                Your transaction 
                                                 @if($user->payment_status == 'Pending') payment is being processed @else has been completed @endif, and a receipt for your purchase @if($user->payment_status == 'Pending') will @else has @endif been emailed to you.
                                                <br />
                                                You will be redirected to your account on <span id="down-timer">x</span>, or click <a href="{{ url('profile')}}">My Account</a>
                                                <br />
                                                <br />
                                                <br />
                                                <br />
                                                <br />
                                                <br />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>


</div>

 
@endsection


@section('foot')
<script type="text/javascript" src="{{ url('resources/assets') }}/js/bootstrap.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var seconds = 10;
        $('#down-timer').html(seconds + ' second' + (seconds!=1 ? 's':'') );
        var ttimer = window.setInterval(function(){
            seconds--;
            $('#down-timer').html(seconds + ' second' + (seconds!=1 ? 's':'') );
            if(seconds <= 1){
                clearInterval(ttimer);
                window.location.href = "{{ url('profile')}}";
            }
        },1000);
    });
</script>
@endsection