@extends('layouts.guest-layouts.guest-payment', ['pageTitle' => $pageTitle ?? 'Validate Payment Code'])

@section('more-styles')
    <style>
    .hidden {
        display:none
    }
    </style>
@stop
@section('content')

    <div class="content">
        <h1>
            <strong class="text-success">OGUN STATE</strong><br>
            Billing & Payments Management System (BPMS)
        </h1>
        <p>Every bill has a unique reference number called the “Payment Code”. With this payment code, payments can be
            made
            through the approved Channels.
        </p>
        <div class="search-bill">
            <form action="{{ route('guest_payment.validate_payment_code') }}" method="POST">
                @csrf
                <div class="input-group">
                    <input type="text" class="form-control" value="{{ old('payment_code') }}" name="payment_code" placeholder="Enter Payment Code Here">
                    <span class="input-group-btn">
                        <button class="btn" id="submitPaymentCode" type="submit">Get Details</button>
                    </span>
                </div>
                <div class="form-group">
                    @component('components.captcha', ['recaptchaAction' => 'validate_paymentcode', 'buttonToDisable' => 'submitPaymentCode'])
                    @endcomponent
                </div>
            </form>
        </div>
    </div>
@stop