@include('layout.admin_sidebar')

<div class="reports-content d-flex flex-column  px-3 pt-4 pb-2 pb-xl-0" id="reportSidebar">
    <!-- header -->
    <div class="">
        <p class="reports-heading pb-0 mb-0">Reports</p>
    </div>
    <!-- button -->
    <div class="py-md-0 text-md-end reportsetbtn ">
        <button class="btn-reportset border-0 text-light d-none py-1 px-2 rounded-1" id="actadmin-reset-btn">Set Automatic Report</button>
    </div>
    <!-- dropdown -->
    <div class="reports-container">
        <!-- Mobile Dropdown View -->
        <div class="reports-dropdown d-xl-none">
            <div class="menu-heading">Menu</div>
            <div class="dropdown-container">
                <select class="form-select" id="reportDropdown" aria-label="Select report">
                    <option value="/admin-panel/reports/sales-reports" {{ request()->is('admin-panel/reports/sales-reports') ? 'selected' : '' }}>Salesperson Report</option>
                    <option value="/admin-panel/reports/organization-reports" {{ request()->is('admin-panel/organization-reports') ? 'selected' : '' }}>Fundraiser Report</option>
                    <!-- <option value="/admin-panel/reports/fundraiser-summary" {{ request()->is('admin-panel/reports/fundraiser-summary') ? 'selected' : '' }}>Fundraiser Summary Report</option> -->
                    <option value="/admin-panel/reports/fundraiser-detail" {{ request()->is('admin-panel/reports/fundraiser-detail') ? 'checked' : '' }}>Influencer/Participant Fundraiser Report </option>
                    <!-- {{-- <option value="/admin-panel/reports/merchant-summary" {{ request()->is('admin-panel/reports/merchant-summary') ? 'checked' : '' }}>Merchant Summary Report</option>
                    <option value="/admin-panel/reports/merchant-offers" {{ request()->is('admin-panel/reports/merchant-offers') ? 'checked' : '' }}> Merchant Offers Report</option>
                    <option value="/admin-panel/reports/offers" {{ request()->is('admin-panel/reports/offers') ? 'checked' : '' }}> Offers Report</option>
                    <option value="/admin-panel/reports/redeem-offers" {{ request()->is('admin-panel/reports/redeem-offers') ? 'checked' : '' }}>  Redeem Offers Report</option>
                    <option value="/admin-panel/reports/view-offers" {{ request()->is('admin-panel/reports/view-offers') ? 'checked' : '' }}>  View Offers Report</option>
                    <option value="/admin-panel/reports/users" {{ request()->is('admin-panel/reports/users') ? 'checked' : '' }}>  Users Report</option> --}} -->

                </select>
            </div>
        </div>

        <!-- Sidebar View -->
        <div class="reports-sidebar d-none d-xl-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"
                        data-url="/admin-panel/reports/sales-reports" {{ request()->is('admin-panel/reports/sales-reports') ? '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"
                        data-url="/admin-panel/reports/organization-reports" {{ request()->is('admin-panel/reports/organization-reports') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report2">
                        Fundraiser Report
                    </label>
                </div>
                <!-- <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report3"
                        data-url="/admin-panel/reports/fundraiser-summary" {{ request()->is('admin-panel/reports/fundraiser-summary') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report3">
                        Fundraiser Report
                    </label>
                </div> -->
                <div class="form-check d-flex">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report4"
                        data-url="/admin-panel/reports/fundraiser-detail" {{ request()->is('admin-panel/reports/fundraiser-detail') ? 'checked' : '' }}>
                    <label class="form-check-label tex-wrap" for="report4">
                       Influencer/ <br> Participant Fundraiser Report
                    </label>
                </div>
                <!-- <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report5"
                        data-url="/admin-panel/reports/merchant-summary" {{ request()->is('admin-panel/reports/merchant-summary') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report5">
                        Merchant Summary Report
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report6"
                        data-url="/admin-panel/reports/merchant-offers" {{ request()->is('admin-panel/reports/merchant-offers') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report6">
                        Merchant Offers Report
                    </label>
                </div> -->
                <!-- <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report6"
                        data-url="/admin-panel/reports/offers" {{ request()->is('admin-panel/reports/offers') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report6">
                        Offers Report
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report6"
                        data-url="/admin-panel/reports/redeem-offers" {{ request()->is('admin-panel/reports/redeem-offers') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report6">
                        Redeem Offers Report
                    </label>
                </div> -->
                <!-- <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report6"
                        data-url="/admin-panel/reports/view-offers" {{ request()->is('admin-panel/reports/view-offers') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report6">
                        View Offers Report
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="reportOptions" id="report6"
                        data-url="/admin-panel/reports/users" {{ request()->is('admin-panel/reports/users') ? 'checked' : '' }}>
                    <label class="form-check-label" for="report6">
                        Users
                    </label>
                </div> -->
            </div>
        </div>
    </div>
</div>

@vite(['resources/js/admin_panel/report.js'])
@vite(['resources/js/pages/admin_dashboard.js'])