@extends('app')
@section('content')
@include('layout.admin_sidebar')

<div class="reports-content d-flex flex-column flex-grow-1  px-3 pt-4 pb-2 pb-xl-0">
    <div class="">
        <p class="reports-heading">Reports</p>
    </div>
        <div class=" py-md-0text-md-end reportsetbtn">
            <button class="btn-reportset border-0 text-light py-1 px-2 rounded-1" id="actadmin-reset-btn">Set Automatic Report</button>
        </div>
        <div class="reports-container">
    <!-- Mobile Dropdown View -->
    <div class="reports-dropdown d-lg-none">
        <div class="menu-heading">Menu</div>
        <div class="dropdown-container">
            <select class="form-select" id="reportDropdown" aria-label="Select report" onchange="handleDropdownChange()">
                <option value="{{ url('/admin-panel/reports/sales-reports') }}">Salesperson Report</option>
                
                <option value="{{ url('/admin-panel/reports/organization-reports') }}">Fundraiser Report</option>
            </select>
        </div>
    </div>
    <div class="reports-sidebar d-none d-lg-block" id="reportsidebar">
            <p class="menu-heading">Menu</p>
            <div class="radio-container">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report1" checked>
                    <label class="form-check-label" for="report1">
                        Salesperson Report
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report2">
                    <label class="form-check-label" for="report2">
                        Fundraiser Report
                    </label>
                </div>
                <!-- Add more options as needed similar to the above format -->
            </div>
        </div>
    </div>
    
@vite(['resources/js/admin_panel/report_height.js'])
@vite(['resources/js/pages/admin_dashboard.js'])