@extends('layouts/contentLayoutMaster')

@section('title', $title??'Dashboard Analytics')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/charts/apexcharts.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/toastr.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/datatables.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/responsive.bootstrap.min.css')) }}">
    <link rel="stylesheet" href="{{asset('vendors/css/pickers/flatpickr/flatpickr.min.css')}}">



    <link rel="stylesheet" href="{{ asset(mix('vendors/css/charts/apexcharts.css')) }}">

    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/dataTables.bootstrap4.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/responsive.bootstrap4.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/buttons.bootstrap4.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/rowGroup.bootstrap4.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
@endsection
@section('page-style')
    <!-- Page css files -->
    <link rel="stylesheet" href="{{asset('css/base/plugins/forms/pickers/form-flat-pickr.css')}}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/charts/chart-apex.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-toastr.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/app-invoice-list.css')) }}">



    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/charts/chart-apex.css')) }}">
    <style>
        .btn-back {
            position: fixed;
            bottom: 5%;
            left: 30px;
            z-index: 99;
        }
    </style>

@endsection

@section('content')
    <!-- Dashboard Analytics Start -->
    <section id="dashboard-analytics">
        @if(isset($filters) && count($filters)>0)
            @if (strlen($errors)>0 )
                <div class="alert alert-danger" role="alert">
                    <div class="alert-body">
                        {{ $errors }}
                    </div>
                </div>
            @endif

        <div class="text-center">
            <h3>{{$reporteData['nombre']}}</h3>
        </div>
            <div class="card {{$hideFilters?'d-none':''}}">
                <div class="card-body p-1">

                    <form id="filters" class="row ">

                        @foreach($filters as $filter)
                            {!! $filter->render(); !!}
                        @endforeach


                        <div class="col-md-1 text-center">
                            <button class="btn btn-sm btn-success" type="submit">Cargar</button>
                        </div>
                    </form>

                    <!--
                                        <hr>
                    -->


                </div>

            </div>
        @endif
        @if(isset($graphs) && count($graphs)>0)
            <div class="row match-height">
                @foreach($graphs as $graph)
                    {!! $graph->html(); !!}
                @endforeach
            </div>
        @endif
            @if(isset($hideFilters) && $hideFilters && strlen(url()->previous())>0)
                <button onclick="location.href='{{url()->previous()}}'" class="btn btn-primary btn-icon btn-back " type="button"><i data-feather="arrow-left"></i></button>
            @endif



    </section>
    <!-- Dashboard Analytics end -->
@endsection

@section('vendor-script')
    <!-- vendor files -->

    <script src="{{ asset(mix('vendors/js/ui/jquery.sticky.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/jquery.dataTables.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.bootstrap4.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.responsive.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/responsive.bootstrap4.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.checkboxes.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.buttons.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/buttons.bootstrap4.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/jszip.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/pdfmake.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/vfs_fonts.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/buttons.html5.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/buttons.print.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.rowGroup.min.js')) }}"></script>
    <script src="{{asset('vendors/js/pickers/flatpickr/flatpickr.min.js')}}"></script>


    <script src="{{ asset(mix('vendors/js/charts/apexcharts.min.js')) }}"></script>


    <script src="{{asset('vendors/js/pickers/flatpickr/es.js')}}"></script>

    <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
@endsection
@section('page-script')
    <!-- Page js files -->
    <script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>

    <script src="{{asset(mix('js/scripts/reports/base.js'))}}"></script>

    @if(isset($graphs))
        @foreach($graphs as $graph)
            {!! $graph->script(); !!}
        @endforeach
    @endif
    @if(isset($filters))
        <script>
            @foreach($filters as $filter)
                {!! $filter->script(); !!}
            @endforeach
        </script>

    @endif

@endsection