@extends('Dashboard.auth_master_page')


@section('meta_title'){{ 'Invoice Payment - AryanIct.com' }}@endsection


@section('title')
    <span>Invoice Payment</span>
@endsection

@section('content')
    <div class="row g-0 justify-content-center">

        @if (Session::has('success_message'))
            <br>
            <p style="color:green;text-align: center">{{ Session::get('success_message') }}</p>
            <br>
        @endif

        @if (Session::has('error_message'))
            <p style="color:red;text-align: center">{{ Session::get('error_message') }}</p>
            <br>
        @endif
  

        <div class="col-sm-8 col-xl-4">
            <form class="js-validation-signin" action="{{ route('check.invoice') }}" method="POST" >
                @csrf


                <div class="">
                    <input type="number" class="form-control form-control-lg form-control-alt py-3 @error('invoiceNumber') is-invalid @enderror"
                        name="invoiceNumber" value="{{ isset($_GET['invoice']) ? $_GET['invoice'] : '' }}" placeholder="Invoice #">
                    @error('invoiceNumber')
                        <div style="color:#dc2626;font-size: .875rem;margin-top: .375rem;width:100%">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-row">
                    <div class="form-group">

                        {!! RecaptchaV3::field('check_invoice') !!}
                        @error('g-recaptcha-response')
                       <div style="color:#dc2626;font-size: .875rem;margin-top: .375rem;width:100%">{{ $message }}</div>
                        @enderror
                        
                    </div>

                </div>
                <br>
                <div class="d-flex justify-content-between align-items-center ">

                    <div>
                        <button type="submit" class="btn btn-lg btn-alt-primary">
                            Search
                        </button>
                    </div>
                </div>


            </form>
        </div>
    </div>
@endsection

