@extends('Admin.layouts.master')

@section('content')
@php
$currentPage = 'manage-reports';
@endphp



        <div class="layout-px-spacing">
            <div class="middle-content container-xxl p-0">
                <div class="row layout-top-spacing ">
                    <div class="top-tabel">
                        <div class="row">
                            <div class="col-md-4">
                                <h6 class="card-title">Manage Reports & Analysis</h6>
                            </div>
                            <div class="col-md-8">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="row widget-content widget-content-area br-8 position-btn m-auto py-3" style="overflow: auto;">
                    <div class="col-md-6">
                        <label for="">Select Modules</label>
                        <select class="form-control">
                            <option value="">dummny</option>
                            <option value="">dummny</option>
                            <option value="">dummny</option>
                        </select>
                    </div>
                    <div class="col-6">
                        <label for="startDate">Start Date:</label>
                        <input class="form-control" placeholder="Select start date" type="text" id="startDate">
                    </div>
                    <div class="col-md-6">
                        <label for="endDate">End Date:</label>
                        <input class="form-control" placeholder="Select end date" type="text" id="endDate">
                    </div>
                    <div class="col-md-12">
                        <a class="download-btn-custom mt-3 custom-width-10" href="">
                            <span>Download</span>
                        </a>
                    </div>

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



        @section('section_script')

<script>
    // Select the start and end date inputs
    var startDateInput = document.getElementById("startDate");
    var endDateInput = document.getElementById("endDate");

    // Initialize Flatpickr for the date range with placeholders
    flatpickr(startDateInput, {
        dateFormat: "Y-m-d",
        onChange: function (selectedDates, dateStr) {
            // Set the minimum date for the end date input
            endDatePicker.set("minDate", dateStr);
        }
    });

    var endDatePicker = flatpickr(endDateInput, {
        dateFormat: "Y-m-d",
    });
</script>
@endsection
