@extends('pay2c2p::layouts.master')

@section('content')
    <div class="container text-center">
        <div class="row">
            <div class="col"></div>
            <div class="col p-3">
                <h3>2C2P Mobile Banking</h3>
                <form id="frm_mb" name="frm_mb" onsubmit="mb_frmsubmit(); return false;">
                    @csrf
                    <div style="text-align: left" class="mt-3 mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="bank" value="KTB" id="bank1" checked>
                            <label class="form-check-label" for="bank1">
                                Krung Thai Bank
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" value="SCB" name="bank" id="bank2">
                            <label class="form-check-label" for="bank2">
                                Siam Commercial Bank
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" value="KBANK" name="bank" id="bank3">
                            <label class="form-check-label" for="bank3">
                                Kasikorn Bank
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" value="TMB" name="bank" id="bank4">
                            <label class="form-check-label" for="bank4">
                                TMB Bank
                            </label>
                        </div>
                    </div>
                    <input class="btn btn-success" type="submit" value="Submit">
                </form>
            </div>
            <div class="col"></div>
        </div>
    </div>
    <img class="w-100" src="{{ asset('assets/image/1a8ee57ac5fe9092bbb73e2a6aaa6e1a.webp') }}">

    <script>
        mb_frmsubmit = function() {
            var frm_data = new FormData($('#frm_mb')[0]);
            $.ajax({
                url: "{{ route('pay2c2p.test.mb_submit') }}",
                type: "POST",
                contentType: false,
                data: frm_data,
                processData: false,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(resp) {
                    if (resp.success) {
                        JsRedirect(resp.data.data, 1500)
                    } else {
                        alert('error -> ' + resp.data ? JSON.stringify(resp.data, null, 2) : '')
                    }
                },
            });
        }
    </script>
@endsection