@extends('layouts.app')

@section('content')
    <section class="fdb-block py-4 bg-white">
        <div class="container">
            @include('layouts.alerts')
        </div>


        @yield('form-name')
        @csrf

        <div class="container my-2">

            @yield('pay-details')

        @section('butiranpengguna')
            @include('layouts.butiranpengguna')
        @show
        <div class="fdb-box py-3 mb-3">

            <div class="row justify-content-left my-3">
                <div class="col text-left">
                    @yield('pay-amount')
                    @section('pay-options')
                        @include('layouts.payoptions')
                    @show
                </div>
            </div>

            @yield('disclaimer')

            <div class="row">
                @section('tc')
                    <div class="col-sm-9">
                        <span id="fpx-tc" class="small em" style="display: none;">Dengan meneruskan pembayaran anda
                            bersetuju dengan <a href="https://www.mepsfpx.com.my/FPXMain/termsAndConditions.jsp"
                                target="_blank">terma dan syarat</a> FPX</span>
                    </div>
                @show
                <div class="col-sm-3 text-right">
                    <button id="teruskan" type="submit" class="btn btn-block btn-primary">
                        <span id="terus-text">Teruskan</span>
                        &nbsp;<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"
                            style="display: none;">&nbsp;</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    </form>
</section>
<script type="text/javascript">
   
    $(document).ready(function () 
    {
        $("#form").submit(function (e) {
   
            $("#teruskan").attr("disabled", true);
   
            return true;
    
        });
    });
    
</script>
@endsection