@extends('Admin.layout')

@section('content')
@section('navlink')
<a href="{{ route('dashboard') }}" class="link-secondary text-decoration-none">Home</a> / <span>Generate Income</span>
@endsection
<div class="d-flex flex-wrap justify-content-between align-items-end gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Generate Income</h1>
    </div>
   
     <div class="d-flex gap-2">
        <a href="{{ route('income_generation_report') }}" class="btn-back">
            <i class="ti ti-arrow-left"></i>
            <span>Back</span>
        </a>
    </div>
</div>
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-12 col-xl-5">

            <div class="card card-animated-border shadow-lg">
                <div class="card-header bg-transparent border-bottom
                            d-flex align-items-center gap-3 py-3">



                    <div>
                        <h4 class="mb-1">Generate Income</h4>

                    </div>
                </div>

                <div class="card-body p-4">
                    <form action="#" method="POST">
                        @csrf

                        <div class="row g-3">

                            <div class="col-md-12">
                                <label class="form-label">
                                    Process Date
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="date" class="form-control">
                            </div>
                                                        <div class="col-md-12">

                            <button type="submit"
                                                           class="btn btn-primary px-4 w-100">
                                                           Generate
                                                       </button>
                                                       </div>
                        </div>
                        <hr class="my-4">

                        <div class="d-flex justify-content-center
                                    flex-wrap gap-2">
                         

                           
                        </div>
                    </form>
                </div>
            </div>

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