@extends('layouts.main')

@section('main-content')

<div class="row">
        <div class="col-md-6 mx-auto">
            <div class="card card-bordered h-100">
                <div class="card-inner card-padding">
                    <div class="card-head">
                        <h5 class="card-title text-oyo-red">Post Payment</h5>
                            <!-- <div class="col-md-6 col-lg-6">
                                <a href="#" data-toggle="modal" data-target="#uploadModalForm" class="btn bg-warning text-white float-right"><em class="icon ni ni-plus"></em><span>Upload Scratch Card</span></a>
                            </div> -->
                    </div>
                    <form action="{{ route('payment.verify') }}" method="POST" class="form-validate is-alter">
                        @csrf
                        <div class="form-group my-5">
                            <label class="form-label" for="phone">Enter a payment code</label>
                            <div class="form-control-wrap">
                                <input type="text" id="payment_code" name="payment_code" class="form-control" required placeholder="Payment Code" value="{{ old('payment_code') }}">
                            </div>
                            @error('payment_code')
                            <span class="text-danger" role="alert">
                                <small>{{ $message }}</small>
                            </span>
                            @enderror
                        </div>


                        <div class="form-group my-4">
                            <button type="submit" class="btn btn-lg btn-success btn-block">Validate</button>
                        </div>
                    </form>
                </div>
            </div>

    </div>
</div>
    
@endsection