@extends('layouts.public-base', ['title' => 'Additional Modules', 'contentwrapper' => null])

@push('liveStyle')
<!-- date-picker-link -->
<link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
@endpush

@section('content')

<div class="projects_listing" id="feedback-matrix">
    {{-- <div class="rb-heading">
        <h2 class="font-size-28">Dashboard</h2>
    </div> --}}

    @include('inc.flashMessages')

    <livewire:common-tabs :tabs="$tabs" :hideStripeAccount="true" :selectedTab='($selectedTab ?? "")' />

    <div class="clearfix"></div>
</div>
{{-- <div class="page-footer">
    <div class="container">
        <div class="row">
            <div class="copy-right col-md-12 text-center">
                <p>© {{ date('Y') }} | All Rights Reserved</p>
            </div>
        </div>
    </div>
</div> --}}

@endsection

@push('liveScript')
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script>
    document.addEventListener("DOMContentLoaded", () => {
            Livewire.hook('component.initialized', (component) => {
                setTimeout(() => {
                    $('#daterange').daterangepicker({
                        maxDate: new Date()
                    });
                    $('.customer-report-js').select2();
                }, 500);
                $('.customer-report-js').on('change', function(){
                    var selectedValue = $(this).val();
                    Livewire.emit('changeCustomer', selectedValue);
                });
                $('#daterange').on('apply.daterangepicker', function(ev, picker) {
                    var start = picker.startDate.format('YYYY-MM-DD');
                    var end = picker.endDate.format('YYYY-MM-DD');
                    Livewire.emit('changeFilter', start, end);
                });
            }) 
            Livewire.on('report-generate', url => {
                //alert('A post was added with the id of: ' + url);
                window.open(url, '_blank');
            })
        });
        $(document).ready(function(){
            $('#daterange').daterangepicker({
                maxDate: new Date()
            });
            $('#daterange').on('apply.daterangepicker', function(ev, picker) {
            });

            $('.customer-report-js').select2();
        });

</script>
@endpush