@extends('layouts.admin')
@section('content')
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3 col-6">

                    <div class="small-box bg-info">
                        <div class="inner">
                            <h3><i class="fas fa-rupee-sign"></i> {{$getCreditAmount}} </h3>
                            <h4>TravPlan's Wallet Amount</h4>
                        </div>
                        <div class="icon">
                            <i class="ion ion-bag"></i>
                        </div>

                        <a href="#" class="small-box-footer"><i class="fa-solid fa-arrows-rotate"></i> Recharge </a>
                    </div>
                </div>

            </div>



            <div class="container h-100">
                <div class="row h-100 justify-content-center align-items-center">
                    <div class="col-10 col-md-8 col-lg-6">
                        @if (!empty($success))
                            <div class="alert alert-success">
                               {{$success}}
                            </div>
                            
                        @endif
                        <!-- Form -->
                        <form class="form-example" action="{{route('admin.wallet-recharge')}}" method="post">
                            @csrf
                            <h1>Recharge Your Wallet</h1>
                            <!-- Input fields -->
                            <div class="form-group">
                                <label for="amount">Amount:</label>
                                <input type="text" class="form-control amount" id="amount" placeholder="Amount" name="amount">
                            </div>
                            {{-- <div class="form-group">
                                <label for="password">Password:</label>
                                <input type="password" class="form-control password" id="password" placeholder="Password..." name="password">
                            </div> --}}
                            <button type="submit" class="btn btn-primary btn-customized">Recharge</button>
                            <!-- End input fields -->
                            {{-- <p class="copyright">&copy; Bootstrap 4 "Align Center" tutorial by <a href="https://azmind.com">AZMIND</a>.</p> --}}
                        </form>
                        <!-- Form end -->
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection