@extends('admin.layout')

@section('content')


<div class="row mb-3">
    <!-- Top Section -->
    <div class="row d-flex justify-content-between align-items-center mb-4">
        <div class="col">
        <h4 class="page-top-heading">Return on Trade</h4>
        </div>
        <div class="col d-flex justify-content-end">
        <a href="{{ route('admin.roi_history') }}" class="btn btn-primary">History</a>
        </div>
    </div>

    <!-- Form Card -->
    <div class="container my-4">
        <div class="row d-flex justify-content-center">
        <div class="card p-4" style="width: 500px;">
            <form action="#" method="POST">
                @csrf
                <div class="row mb-3">
                    <!-- Select Date -->
                    <div class="col-md-12 mb-3">
                        <label for="selectDate" class="form-label">Select Date</label>
                        <input type="date" id="selectDate" name="select_date" class="form-control" required>
                    </div>
                    <!-- Enter Date -->
                    <div class="col-md-12 mb-3">
                        <label for="enterDate" class="form-label">Enter Date</label>
                        <input type="date" id="enterDate" name="enter_date" class="form-control" required>
                    </div>
                </div>

                <div class="row mb-3">
                    <!-- ROI Profit -->
                    <div class="col-md-12 mb-3">
                        <label for="roiProfit" class="form-label">ROI Profit</label>
                        <input type="text" id="roiProfit" name="roi_profit" class="form-control" placeholder="Enter ROI Profit" required>
                    </div>
                    <!-- Percentage -->
                    <div class="col-md-12 mb-3">
                        <label for="percentage" class="form-label">Percentage</label>
                        <input type="number" id="percentage" name="percentage" class="form-control" placeholder="Enter Percentage" step="0.01" required>
                    </div>
                </div>

                <!-- Generate Button -->
                <div class="text-center">
                    <button type="submit" class="btn btn-primary px-3 py-2 w-100">Generate</button>
                </div>
            </form>
        </div>
        </div>
    </div>
</div>



@endsection