@extends('layouts.admin')
@push('pagespecificcss')
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css' />
@endpush
@section('content')
    <main>
        <section class="section dashboard-admin">
            <div class="row">
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-statistic-4">
                            <div class="card-content">
                                <div class="card-head">
                                    <div class="card-head-heading member_data-count">
                                        <h5>Total Active Members</h5>
                                        <span>{{ number_format($data['totalMembers']) }} </span>
                                    </div>
                                    <div class="card-img">
                                        <img src="{{ asset('images/total-member.png') }}" alt="">
                                    </div>

                                </div>
                                <div class="card-subscription card-subscription-new">
                                    {{-- <div class="card-subscription-inner yesterday-members-data-count">
                                        <p>New Members Today</p>
                                        <p>Membership Only</p>
                                        <p>Membership w/target service</p>
                                    </div>
                                    <div class="card-subscription-inner yesterday-members-data-count">
                                        <p>Through RAF Sign-Up's</p>
                                        <span>{{ $data['raf-signup-basic-members'] }}</span>
                                        <span>{{ $data['raf-signup-premium-members'] }}</span>
                                    </div> --}}
                                    {{-- <div class="card-subscription-inner yesterday-members-data-count">
                                        <p>Through HOST Sign-Up's</p>
                                        <span>{{ $data['host-signup-basic-members'] }}</span>
                                        <span>{{ $data['host-signup-premium-members'] }}</span>
                                    </div> --}}
                                    <div class="card-subscription-inner yesterday-members-data-count">
                                        <p>New Subscription Today</p>
                                        <pre>(include both new raf members and subscription renewals)</pre>
                                    </div>
                                    <div class="card-subscription-inner yesterday-members-data-count">
                                        <p>Membership Only</p>
                                        <span id='members-only'>{{ number_format($data['raf-signup-basic-members']) }}</span>
                                    </div>
                                    <div class="card-subscription-inner yesterday-members-data-count">
                                        <p>Membership w/target service</p>
                                        <span id='raf-members-only'>{{ number_format($data['raf-signup-premium-members']) }}</span>
                                    </div>

                                </div>
                                {{-- <div class="card-download-list">
                                    <h4>Download list</h4>
                                    <div class="card-download-list-inner"> --}}
                                        <div class="card-download-select ">
                                            <div class="card-download-select-date">
                                                <input type="text" name="start_date" id="start-date"
                                                    placeholder="Select date" class="form-control date-picker"
                                                    value="" autocomplete="off" readonly>
                                            </div>
                                            <span>Thru</span>
                                            <div class="card-download-select-date">
                                                <input type="text" name="end_date" id="end-date"
                                                    placeholder="Select date" class="form-control date-picker"
                                                    value="" autocomplete="off" readonly>
                                            </div>
                                        </div>
                                        <div class="card-download-btn mt-2">
                                            <a href="javascript:void(0)" data-start_date="" data-end_date=""
                                                class="download_member-result">
                                                <svg width="22" height="22" viewBox="0 0 22 22" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.33325 17.667H17.6666" stroke="white" stroke-width="2"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path
                                                        d="M11 4.33398V13.2229M11 13.2229L14.8889 9.33398M11 13.2229L7.11108 9.33398"
                                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M1 20.3333V1.66667C1 1.29848 1.29848 1 1.66667 1H20.3333C20.7016 1 21 1.29848 21 1.66667V20.3333C21 20.7016 20.7016 21 20.3333 21H1.66667C1.29848 21 1 20.7016 1 20.3333Z"
                                                        stroke="white" stroke-width="2" />
                                                </svg>
                                                Download
                                            </a>
                                        </div>
                                    {{-- </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-statistic-4">
                            <div class="card-content">
                                <div class="card-head">
                                    <div class="card-head-heading">
                                        <h5>Total Revenue</h5>
                                    </div>
                                    <div class="card-img">
                                        <img src="{{ asset('images/total-plans.png') }}" alt="">
                                    </div>
                                </div>
                                <div class="card-subscription">
                                    <div class="card-subscription-inner">
                                        <p>Subscription revenue </p>
                                        <span
                                            id='subscription-revenue-total'>${{ $data['today-subscription-revenue'] ? number_format($data['today-subscription-revenue'] , 2) : 0 }}</span>
                                    </div>
                                    <div class="card-subscription-inner">
                                        <p>Hosting revenue </p>
                                        <span id='hosting-revenue-total'>${{ $data['today-hosting-revenue'] ? number_format($data['today-hosting-revenue'] , 2) : 0 }}</span>
                                    </div>
                                    <div class="card-subscription-inner">
                                        {{-- <p>Total revenue month to date</p> --}}
                                        <p>Total event fee revenue</p>
                                        <span id='total-revenue'>${{ $data['total-host-event-revenue'] ? number_format($data['total-host-event-revenue'] , 2) : 0 }}</span>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="card-download-select"> --}}
                            <div c>
                                <div class="card-download-select-date">
                                    <input type="text" name="revenue_start" id="revenue-start-date" readonly
                                        placeholder="Select date" class="form-control date-picker" value=""
                                        autocomplete="off">
                                </div>
                                <span>Thru</span>
                                <div class="card-download-select-date">
                                    <input type="text" name="revenue_end" id="revenue-end-date" readonly
                                        placeholder="Select date" class="form-control date-picker" value=""
                                        autocomplete="off">
                                </div>
                                {{-- </div> --}}
                                <div class="card-download-btn mt-2">
                                    <a data-start_date="" data-end_date="" class="download-today-revenue-list">
                                        <svg width="22" height="22" viewBox="0 0 22 22" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path d="M4.33325 17.667H17.6666" stroke="white" stroke-width="2"
                                                stroke-linecap="round" stroke-linejoin="round" />
                                            <path d="M11 4.33398V13.2229M11 13.2229L14.8889 9.33398M11 13.2229L7.11108 9.33398"
                                                stroke="white" stroke-width="2" stroke-linecap="round"
                                                stroke-linejoin="round" />
                                            <path
                                                d="M1 20.3333V1.66667C1 1.29848 1.29848 1 1.66667 1H20.3333C20.7016 1 21 1.29848 21 1.66667V20.3333C21 20.7016 20.7016 21 20.3333 21H1.66667C1.29848 21 1 20.7016 1 20.3333Z"
                                                stroke="white" stroke-width="2" />
                                        </svg>
                                        Download
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="card-statistic-4">
                            <div class="card-content">
                                <div class="card-head">
                                    <div class="card-head-heading">
                                        <h5>Total Active Hosts</h5>
                                        <span>{{ $data['totalHosts'] }}</span>
                                    </div>
                                    <div class="card-img">
                                        <img src="{{ asset('images/total-users.png') }}" alt="">
                                    </div>
                                </div>
                                <div class="card-subscription">
                                    <div class="card-subscription-inner">
                                        <p>Total number of Live & Upcoming Events</p>
                                        <span>{{ $data['total-live-upcoming-events'] > 0 ? number_format($data['total-live-upcoming-events']) : '0' }}</span>
                                    </div>
                                    <div class="card-subscription-inner">
                                        <p>Total number of participants signed up for live and upcoming events</p>
                                        <span>{{ number_format($data['live-upcoming-event-participants']) ?? '' }}</span>
                                    </div>
                                    <div class="card-subscription-inner">
                                        <p>Total number of completed events-payments due to host</p>
                                        <span>{{ number_format($data['no-of-events-payment-due-to-host']) ?? '' }}</span>
                                    </div>


                                    <div class="card-subscription-inner">
                                        <p>Total Host Revenue Due - Live and Upcoming Events</p>
                                        <span>${{ $data['live-upcoming-events-revenue'] ?? 0 }}</span>
                                    </div>
                                    <div class="card-subscription-inner">
                                        <p>Total Host Revenue Due - Completed Events - Open</p>
                                        <span>${{ $data['completed-events-revenue-due'] ?? 0 }}</span>
                                    </div>
                                    <div class="card-subscription-inner">
                                        <p>Total Number of Rev-Share Active Members</p>
                                        <span>{{ $data['total-rev-share-members'] ? number_format($data['total-rev-share-members']) : 0 }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="row">
                        <div class="col-xl-12 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="card">
                                <div class="card-statistic-4">
                                    <div class="card-content">
                                        <div class="card-head">
                                            <div class="card-head-heading">
                                                <h5>Total Sponsors</h5>
                                                <span>{{ number_format($data['totalSponsors']) }}</span>
                                            </div>
                                            <div class="card-img">
                                                <img src="{{ asset('images/total-sponsers.png') }}" alt="">
                                            </div>
                                        </div>
                                        <div class="card-subscription">
                                            <div class="card-subscription-inner">
                                                <p>Total Sponsor Revenue Earned Year to Date</p>
                                                <span id='sponsor-revenue-year'>${{ $data['totalSponsorRevenueYearToDate'] ? number_format($data['totalSponsorRevenueYearToDate'] , 2) : 0 }}</span>
                                            </div>
                                            <div class="card-subscription-inner">
                                                <p>Total Sponsor Revenue Paid for Upcoming Events</p>
                                                <span id='sponsor-revenue-upcoming'>${{ $data['totalSponsorRevenueForUpcomingChallenges'] ? number_format($data['totalSponsorRevenueForUpcomingChallenges'] , 2) : 0 }}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-download-select">
                                        <div class="card-download-select-date">
                                            <input type="text" name="sponsor-start-date" id="sponsor-start-date" readonly
                                                placeholder="Select date" class="form-control date-picker" value=""
                                                autocomplete="off">
                                        </div>
                                        <span>Thru</span>
                                        <div class="card-download-select-date">
                                            <input type="text" name="sponsor-end-date" id="sponsor-end-date" readonly
                                                placeholder="Select date" class="form-control date-picker" value=""
                                                autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="card-download-btn mt-2">
                                        <a type='button' data-start_date="" data-end_date=""
                                            class="download-sponsor-list">
                                            <svg width="22" height="22" viewBox="0 0 22 22" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path d="M4.33325 17.667H17.6666" stroke="white" stroke-width="2"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                <path
                                                    d="M11 4.33398V13.2229M11 13.2229L14.8889 9.33398M11 13.2229L7.11108 9.33398"
                                                    stroke="white" stroke-width="2" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M1 20.3333V1.66667C1 1.29848 1.29848 1 1.66667 1H20.3333C20.7016 1 21 1.29848 21 1.66667V20.3333C21 20.7016 20.7016 21 20.3333 21H1.66667C1.29848 21 1 20.7016 1 20.3333Z"
                                                    stroke="white" stroke-width="2" />
                                            </svg>
                                            Download
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="col-xl-12 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="card">
                                <div class="card-statistic-4">
                                    <div class="card-content">
                                        <div class="card-head">
                                            <div class="card-head-heading">
                                                <h5>Total Host Payouts</h5>
                                            </div>
                                            <div class="card-img">
                                                <img src="{{ asset('images/total-challenges.png') }}" alt="">
                                            </div>
                                        </div>
                                        <div class="card-subscription">
                                            <div class="card-subscription-inner">
                                                <p>Total host event fee's paided out current month</p>
                                                <span>${{ $data['monthly-event-fee-paid'] ?? '' }}</span>
                                            </div>
                                            <div class="card-subscription-inner">
                                                <p>Total host revenue-share paided out current monthy</p>
                                                <span>${{ $data['monthly-sub-rev-paid'] ?? '' }}</span>
                                            </div>
                                            <div class="card-subscription-inner">
                                                <p>Total Host Revenue paid out year-to-date</p>
                                                <span>${{ $data['rev-share-paid-year-to-date'] ?? '0'}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
            <div class="row">
                {{-- show calendar for data in full width columns with card, card-body , etc  --}}
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="card-statistic-4">
                            <div class="card-content">
                                <div class="card-header">
                                    <h4 class="card-title">Challenges</h4>
                                </div>
                                <div class="card-body">
                                    <div id='calendar'></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </section>
    </main>
@endsection

@push('scripts')
    <script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js'></script>
    <script>
        $(document).ready(function() {
            // Initialize FullCalendar
            $('#calendar').fullCalendar({
                // put your options and callbacks here
                displayEventTime: false,
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month'
                },
                firstDay: 1,
                // hiddenDays: [0],
                editable: true,
                events: [
                    @foreach ($challenges as $challenge)
                        {
                            title: 'Challenge No. : ({{ $challenge->challenge_code }})',
                            start: '{{ $challenge->start_date }}',
                            // end: '{{ $challenge->end_date }}',
                            // description: `<a type="button"
                        //                 href="{{ route('admin.challenge.fetchData', ['id' => jsencode_userdata($challenge->id)]) }}"
                        //                 data-url="{{ route('admin.challenge.update', ['id' => jsencode_userdata($challenge->id)]) }}"
                        //                 class="btn btn-primary challenge-modal" data-toggle="modal"
                        //                 data-id="{{ jsencode_userdata($challenge->id) }}"
                        //                 data-target="#createChallengeModal"
                        //                 data-selected="{{ route('admin.challenge.getRules', ['id' => $challenge->id]) }}"
                        //                 data-target-url="{{ route('admin.target.fetchTargets', ['id' => $challenge->id]) }}"
                        //                 data-division-url="{{ route('admin.division.fetchAllDivision', ['id' => $challenge->id]) }}">Edit</a>`,
                            // color: '#6777ef',
                            // textColor: '#ffffff',
                            // deleteButton: `<a type="button"
                        //             href="{{ route('admin.challenge.delete', ['id' => jsencode_userdata($challenge->id)]) }}"
                        //             class="btn btn-danger confirm-delete" data-toggle="modal"
                        //             data-id="{{ jsencode_userdata($challenge->id) }}">Delete</a>`,
                            sponsor: `<h6>Sponsor By</h6>
                                       <p>{{ $challenge->challengeSponsorBy->sponsor_by ?? 'N/A' }}</p>`
                        },
                    @endforeach
                ],
                eventRender: function(event, element) {
                    var titleElement = element.find('.fc-title');
                    // var descriptionElement = $('<div>' + event.description + '</div>');
                    // titleElement.after(descriptionElement);
                    // descriptionElement.after($('<div>' + event.deleteButton + '</div>'))
                    titleElement.after($('<div>' + event.sponsor + '</div>'))
                },
                // eventClick: function(event, jsEvent, view) {
                //     alert('Event:' + event.title);
                // }
            });
        });
    </script>
    <script>
        $(document).ready(function() {

            $('#start-date').datepicker({
                format: 'mm/dd/yyyy',
                autoclose: true,
                todayHighlight: true,
            });

            $('#end-date').datepicker({
                format: 'mm/dd/yyyy',
                autoclose: true,
                todayHighlight: true,
            });

            $('#start-date, #end-date').on('change', function() {
                var startDate = $('#start-date').val();
                var endDate = $('#end-date').val();
                // Convert to Date objects
                var start = new Date(startDate);
                var end = new Date(endDate);

                // Set the time to midnight (00:00:00) to ignore the time part
                start.setHours(0, 0, 0, 0);
                end.setHours(0, 0, 0, 0);

                // Check if end date is smaller than start date
                if (end < start) {
                    $('#end-date').val('');
                    iziToast.error({
                        title: 'Error',
                        message: 'End date must be greater than start date',
                        position: 'topRight'
                    });
                    return false;
                }

                if (startDate && endDate) {
                    let data = {
                        start_date: startDate,
                        end_date: endDate,
                    };
                    let url = `/admin/dashboard`;

                    let response = ajaxCall(url, 'get', data);
                    response.then((response) => {
                        if (response.status == true) {
                            $('#members-only').text(response.data.membersOnly);
                            $('#raf-members-only').text(response.data.rafMembersOnly);

                            $('.download_member-result').attr("data-start_date", convertDateFormat(startDate));
                            $('.download_member-result').attr("data-end_date", convertDateFormat(endDate));

                        } else {
                            errorShow('Failed', response.message, 'Try Again');
                        }
                    });
                }
            });

            //DOWNLOADING MEMBERS LIST
            $('.download_member-result').click(function() {
                var startDate = $(this).attr('data-start_date');
                var endDate = $(this).attr('data-end_date');

                // let data = {
                //     start_date: startDate,
                //     end_date: endDate,
                // };


                if (startDate == '' && endDate == '') {
                    iziToast.error({
                        title: 'Error',
                        message: 'Please select dates',
                        position: 'topRight'
                    });
                    return false
                }


                let url = `/admin/download/${startDate}/${endDate}`;
                window.location.href = url;
                return false;

                // let response = ajaxCall(url, 'get', data);

                // response.then((response) => {

                //     if (response.success === true) {
                //         iziToast.success({
                //             title: 'Success',
                //             message: response.message,
                //             position: 'topRight'
                //         });
                //         const secureUrl = response.file_url ? response.file_url.replace('http://',
                //             'https://') : '';

                //         if (secureUrl) {
                //             const link = document.createElement('a');
                //             link.href = secureUrl;
                //             link.download = '';
                //             document.body.appendChild(link);

                //             link.click();
                //             document.body.removeChild(link);

                //         } else {
                //             iziToast.error({
                //                 title: 'Error',
                //                 message: 'File URL is not found.',
                //                 position: 'topRight'
                //             });
                //         }
                //     } else {
                //         iziToast.error({
                //             title: 'Error',
                //             message: response.message,
                //             position: 'topRight'
                //         });
                //     }
                // }).catch(error => {
                //     console.error('Error:', error);
                //     iziToast.error({
                //         title: 'Error',
                //         message: 'An unexpected error occurred.',
                //         position: 'topRight'
                //     });
                // });
            });


            //DOWNLOADING TODAY REVENUE LIST
            $('#revenue-start-date , #revenue-end-date').on('change', function() {
                var startDate = $('#revenue-start-date').val();
                var endDate = $('#revenue-end-date').val();
                // Convert to Date objects
                var start = new Date(startDate);
                var end = new Date(endDate);

                // Set the time to midnight (00:00:00) to ignore the time part
                start.setHours(0, 0, 0, 0);
                end.setHours(0, 0, 0, 0);

                // Check if end date is smaller than start date
                if (end < start) {
                    $('#revenue-end-date').val('');
                    iziToast.error({
                        title: 'Error',
                        message: 'End date must be greater than start date',
                        position: 'topRight'
                    });
                    return false;
                }

                if (startDate && endDate) {
                    let url =
                        `${APP_URL}/admin/download/total/revenue/${convertDateFormat(startDate)}/${convertDateFormat(endDate)}`;
                    let response = ajaxCall(url, 'get');
                    response.then((response) => {
                        if (response.status === true) {
                            jQuery('#subscription-revenue-total').html(
                                `${formatNumberToInternationalFormat(response.data.subscription_revenue)}`
                            );
                            jQuery('#hosting-revenue-total').html(
                                `${formatNumberToInternationalFormat(response.data.hosting_revenue)}`
                            );
                            jQuery('#total-revenue').html(
                                `${formatNumberToInternationalFormat(response.data.total_revenue)}`
                            );
                        } else {
                            iziToast.error({
                                title: 'Error',
                                message: response.message,
                                position: 'topRight'
                            });
                            return false
                        }
                    });
                    $('.download-today-revenue-list').attr("data-start_date", convertDateFormat(startDate));
                    $('.download-today-revenue-list').attr("data-end_date", convertDateFormat(endDate));
                }
            });

            //DOWNLOADING MEMBERS LIST
            $('#revenue-start-date').datepicker({
                format: 'mm/dd/yyyy',
                autoclose: true,
                todayHighlight: true,
            });

            $('#revenue-end-date').datepicker({
                format: 'mm/dd/yyyy',
                autoclose: true,
                todayHighlight: true,
            });

            $('.download-today-revenue-list').click(function() {

                var startDate = $(this).attr('data-start_date');
                var endDate = $(this).attr('data-end_date');

                if (startDate == '' && endDate == '') {
                    iziToast.error({
                        title: 'Error',
                        message: 'Please select dates',
                        position: 'topRight'
                    });
                    return false
                }

                let url = `${APP_URL}/admin/download/total/revenue/${startDate}/${endDate}`;

                window.location.href = url;

            });


            $('#sponsor-start-date').datepicker({
                format: 'mm/dd/yyyy',
                autoclose: true,
                todayHighlight: true,
            });

            $('#sponsor-end-date').datepicker({
                format: 'mm/dd/yyyy',
                autoclose: true,
                todayHighlight: true,
            });


            //DOWNLOADING SPONSORS LIST
            jQuery('#sponsor-start-date , #sponsor-end-date').on('change', function(e) {

                var startDate = $('#sponsor-start-date').val();
                var endDate = $('#sponsor-end-date').val();
                // Convert to Date objects
                var start = new Date(startDate);
                var end = new Date(endDate);

                // Set the time to midnight (00:00:00) to ignore the time part
                start.setHours(0, 0, 0, 0);
                end.setHours(0, 0, 0, 0);

                // Check if end date is smaller than start date
                if (end < start) {
                    $('#sponsor-end-date').val('');
                    iziToast.error({
                        title: 'Error',
                        message: 'End date must be greater than start date',
                        position: 'topRight'
                    });
                    return false;
                }

                if (startDate && endDate) {
                    let url =
                        `${APP_URL}/admin/sponsors/list/download/${convertDateFormat(startDate)}/${convertDateFormat(endDate)}`;
                    let response = ajaxCall(url, 'get');
                    response.then((response) => {
                        if (response.status === true) {
                            jQuery('#sponsor-revenue-year').html(
                                `${formatNumberToInternationalFormat(response.data.totalSponsorRevenueYearToDate)}`
                            );
                            jQuery('#sponsor-revenue-upcoming').html(
                                `${formatNumberToInternationalFormat(response.data.totalSponsorRevenueForUpcomingChallenges)}`
                            );
                        } else {
                            iziToast.error({
                                title: 'Error',
                                message: response.message,
                                position: 'topRight'
                            });
                            return false
                        }
                    });
                    $('.download-sponsor-list').attr("data-start_date", convertDateFormat(startDate));
                    $('.download-sponsor-list').attr("data-end_date", convertDateFormat(endDate));
                }

                jQuery('.download-sponsor-list').click(function() {
                    var startDate = $(this).attr('data-start_date');
                    var endDate = $(this).attr('data-end_date');

                    if (startDate == '' && endDate == '') {
                        iziToast.error({
                            title: 'Error',
                            message: 'Please select dates',
                            position: 'topRight'
                        });
                        return false
                    }
                    let url = `${APP_URL}/admin/sponsors/list/download/${startDate}/${endDate}`;
                    window.location.href = url;
                });
            });


        });


        function convertDateFormat(date) {
            var dateStr = date; // Get the date string (m/d/y)

            // Split the date string by the '/' delimiter
            var dateParts = dateStr.split('/');

            // Ensure we have 3 parts: month, day, year
            if (dateParts.length === 3) {
                var month = dateParts[0];

                var day = dateParts[1];
                var year = dateParts[2];

                // Convert to y-m-d format
                var formattedDate = year + '-' + ('0' + month).slice(-2) + '-' + ('0' + day).slice(-2);

                // Display the result
                return formattedDate;
            } else {
                return false;
            }
        }
    </script>
@endpush