@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="col-md-12 mt-4">
            {{-- @include('errors')
        @include('layouts.messages') --}}
            <form action="{{ route('emandate.payment') }}" method="POST" id="paymentform">
                @csrf
                <div class="col">
                    <div class="card shadow-sm border-0 rounded">
                        <div class="card-header" style="background-color:  #f1f1f1;">
                            <h5 class="text-black text-center"><strong>Boost e-Mandate </strong></h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <h5>e-Mandate Registration Page</h5>
                                </div>
                            </div>
                            
                            <div class="row">
                                <!-- Left Column -->
                                <div class="col-md-6">
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="transaction_id" class="col-sm-4 col-form-label text-sm-right pt-1">TRANSACTION ID</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="transaction_id" name="transaction_id"
                                                    value="{{ $boost_trx->transaction_id ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-4">
                                        <div class="form-group row col-md-12">
                                            <label for="merchant_transaction_id" class="col-sm-4 col-form-label text-sm-right pt-1">MERCHANT TRANSACTION ID</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="merchant_transaction_id" name="merchant_transaction_id"
                                                    value="{{ $boost_trx->merchant_transaction_id ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="acc_no" class="col-sm-4 col-form-label text-sm-right pt-1">ACCOUNT NO</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="acc_no"
                                                    value="{{ $boost_trx->product_id ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="amount" class="col-sm-4 col-form-label text-sm-right pt-1">AMOUNT (RM)</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="amount"
                                                    value="{{ $boost_trx->amount ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-4">
                                        <div class="form-group row col-md-12">
                                            <label for="description" class="col-sm-4 col-form-label text-sm-right pt-1">DERSCRIPTION</label>
                                            <div class="col-sm-8">
                                                <textarea
                                                    id="description"
                                                    class="form-control form-control-sm w-100"
                                                    rows="5"
                                                    readonly>{{ $boost_trx->description ?? '' }}
                                                </textarea>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="name" class="col-sm-4 col-form-label text-sm-right pt-1">NAME</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="name"
                                                    value="{{ $boost_trx->buyer_fullname ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="email" class="col-sm-4 col-form-label text-sm-right pt-1">EMAIL</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="email"
                                                    value="{{ $boost_trx->buyer_email ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="mobile_no" class="col-sm-4 col-form-label text-sm-right pt-1">PHONE NO</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="mobile_no"
                                                    value="{{ $boost_trx->buyer_phone_mobile ?? '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="buyer_id" class="col-sm-4 col-form-label text-sm-right pt-1">IDENTIFICATION NO</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="buyer_id"
                                                    value="{{ $boost_trx->buyer_id }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="buyer_id_type" class="col-sm-4 col-form-label text-sm-right pt-1">IDENTIFICATION TYPE</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="buyer_id_type"
                                                    value="{{ $boost_trx->identificationType->name }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Right Column -->
                                <div class="col-md-6">
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="transaction_time" class="col-sm-4 col-form-label text-sm-right pt-1">TRANSACTION TIME</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="transaction_time"
                                                    value="{{ $boost_trx->transaction_time ? \Carbon\Carbon::parse($boost_trx->transaction_time)->format('d/m/y H:i:s') : '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-4">
                                        <div class="form-group row col-md-12">
                                            <label for="merchant_transaction_time" class="col-sm-4 col-form-label text-sm-right pt-1">MERCHANT TRANSACTION TIME</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="merchant_transaction_time"
                                                    value="{{ $boost_trx->merchant_transaction_time ? \Carbon\Carbon::parse($boost_trx->merchant_transaction_time)->format('d/m/y H:i:s') : '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="application_type" class="col-sm-4 col-form-label text-sm-right pt-1">APPLICATION TYPE</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="application_type"
                                                    value="{{ $boost_trx->applicationType->name }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="freq_max" class="col-sm-4 col-form-label text-sm-right pt-1">MAX TRANSACTION</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="freq_max"
                                                    value="{{ $boost_trx->max_freq }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="freq_mode" class="col-sm-4 col-form-label text-sm-right pt-1">TRANSACTION INTERVAL</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="freq_mode"
                                                    value="{{ $boost_trx->frequencyMode->name }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="effective_date" class="col-sm-4 col-form-label text-sm-right pt-1">START PAYMENT DATE</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="effective_date"
                                                    value="{{ $boost_trx->effective_date ? \Carbon\Carbon::parse($boost_trx->effective_date)->format('d/m/Y') : '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="form-group row col-md-12">
                                            <label for="expiry_date" class="col-sm-4 col-form-label text-sm-right pt-1">LAST PAYMENT DATE</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" id="expiry_date"
                                                    value="{{ $boost_trx->expiry_date ? \Carbon\Carbon::parse($boost_trx->expiry_date)->format('d/m/Y') : '' }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row my-4">
                        <div class="col text-center">
                            <button type="submit" class="btn" style="background-color: #383838; color: #f0f0f0;">Proceed</button>
                            <a href="{{ route('emandate.cancel', $boost_trx->transaction_id) }}" class="btn ms-2" style="background-color: #6c757d; color: #f0f0f0;">Cancel</a>
                        </div>
                        
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection