@extends('layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/fullcalendar-core/main.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/fullcalendar-daygrid/main.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/fullcalendar-bootstrap/main.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/multiselect/bootstrap.multiselect.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Insights</h4>
    </div>
    <div class="col-sm-6 col-xl-6">
        <div class="form-inline float-sm-right mt-3 mt-sm-0">
            <div class="">
                <button type="button" class="btn btn-pink btn-min-width m-1" data-toggle="modal" data-target="#downloadRoomReport">Download room report</button>
                <button type="button" class="btn btn-success btn-min-width m-1" data-toggle="modal" data-target="#downloadReport">Download child's report</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card no-loader">
            <div class="card-body">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="row form-group">
                            <div class="col-md-6 mb-3 mb-md-0">
                                <select class="form-control wide single-arrow" data-plugin="customselect" name="room" id="room" data-placeholder="Select room">
                                    @if(isset($rooms) && !empty($rooms))
                                        @foreach ($rooms as $key => $room)
                                            @if(isset($room->childList) && !empty($room->childList))
                                                <option value="{{ $room->_id }}" {{ $key== 0 ? 'selected' : ''}}>{{ $room->name }}</option>
                                            @endif
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="col-md-6">
                                <select class="form-control wide select2-custom" name="child" id="children" data-placeholder="Select child">
                                    <option value="" selected>Select child</option>
                                    @if(isset($rooms) && !empty($rooms))
                                        @foreach ($rooms as $key => $room)
                                            @if(isset($room->childList) && !empty($room->childList))
                                                @foreach ($room->childList as $child)
                                                    <option value="{{ $child->_id }}" {{ $key == 0 ? '' : 'disabled'}} data-room="{{ $room->_id }}" data-image="{{ $child->profileImage }}">{{ $child->name }}</option>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="row form-group align-items-center">
                            <label class="col-auto col-form-label font-weight-medium ml-xl-auto">Select month</label>
                            <div class="col-xl-5 col-md mb-6 mb-md-0">
                                <span class="flatpickr-arrow"></span>
                                <input type="text" class="form-control flatpickr flatpickr-month" id="month" name="month" value="{{date('F Y')}}" data-date-end-date="0d">
                            </div>
                            {{-- <div class="col-xl-4 col-md mb-3 mb-md-0">
                                <span class="flatpickr-arrow"></span>
                                <input type="text" class="form-control flatpickr flatpickr-year" id="year" name="year" value="{{date('Y')}}" data-date-end-date="0d">
                            </div> --}}
                        </div>
                    </div>
                </div>
                <div class="row border-bottom mt-3 mb-5 mx-n5"></div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="row align-items-center">
                            <div class="col-auto">
                                <h5 class="mb-4 mb-md-0">Schedules & Schemes</h5>
                            </div>
                            <div class="col-md col-xl-5 ml-auto">
                                <div class="row form-group align-items-center">
                                    <label class="col-md-auto col-form-label font-weight-medium ml-md-auto">Select weeks</label>
                                    <div class="col-md-7 mb-3 mb-md-0">
                                        <select class="form-control multiselect state" multiple name="weeks[]" id="weeks">
                                            <option value="1" selected>Week 1</option>
                                            <option value="2" selected>Week 2</option>
                                            <option value="3" selected>Week 3</option>
                                            <option value="4" selected>Week 4</option>
                                            <option value="5" selected>Week 5</option>
                                            {{-- <option value="6" selected>Week 6</option> --}}
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row schedule-scheme-card">
                            <div class="col-md-6 col-xl-4">
                                <div class="card bg-card1">
                                    <div class="card-body p-0">
                                        <div class="media p-3">
                                            <div class="media-body">
                                                <h5 class="mb-1 text-black"><span class="total-hours">0</span> hrs</h5>
                                                <span class="text-black font-weight-medium">Total hours (Excluding scheme hours)</span>
                                            </div>
                                            <div class="align-self-center">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="32.599" height="32.599" viewBox="0 0 32.599 32.599"><path id="prefix__add" fill="#e682ae" d="M27.823 4.776a16.3 16.3 0 1 0 0 23.046 16.287 16.287 0 0 0 0-23.046zM10.861 9.522h10.878a1.339 1.339 0 0 1 0 2.677H10.861a1.339 1.339 0 0 1 0-2.677zm4.079 13.555h-4.079a1.339 1.339 0 1 1 0-2.677h4.079a1.339 1.339 0 1 1 0 2.677zm-4.079-5.439a1.339 1.339 0 1 1 0-2.677h7.479a1.339 1.339 0 1 1 0 2.677zm13.6 5.439h-1.383v1.381a1.339 1.339 0 1 1-2.677 0v-1.381H19.02a1.339 1.339 0 1 1 0-2.677h1.38v-1.381a1.339 1.339 0 1 1 2.677 0V20.4h1.381a1.339 1.339 0 1 1 0 2.677z"/></svg>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="card bg-card6">
                                    <div class="card-body p-0">
                                        <div class="media p-3">
                                            <div class="media-body">
                                                <h5 class="mb-1 text-black"><span class="missed-sched">0</span> hrs</h5>
                                                <span class="text-black font-weight-medium">Schedules missed</span>
                                            </div>
                                            <div class="align-self-center">
                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:v="https://vecta.io/nano" width="32.703" height="32.703" fill="#de57bd"><path d="M8.176 0a1.17 1.17 0 0 0-1.168 1.168V3.5h2.336V1.168A1.17 1.17 0 0 0 8.176 0zm16.35 0a1.17 1.17 0 0 0-1.168 1.168V3.5h2.336V1.168a1.17 1.17 0 0 0-.342-.826A1.17 1.17 0 0 0 24.526 0z"/><path d="M29.2 3.504h-3.5v4.672a1.17 1.17 0 0 1-1.752 1.012 1.17 1.17 0 0 1-.584-1.012V3.504H9.344v4.672a1.17 1.17 0 0 1-1.168 1.168 1.17 1.17 0 0 1-1.168-1.168V3.504H3.5a3.5 3.5 0 0 0-3.5 3.5v22.2a3.5 3.5 0 0 0 3.5 3.5h25.7a3.5 3.5 0 0 0 3.5-3.5v-22.2a3.5 3.5 0 0 0-3.5-3.5zm1.168 25.7a1.17 1.17 0 0 1-1.168 1.163H3.5a1.17 1.17 0 0 1-1.164-1.163V14.016h28.03zm-6.183-12.5a1.17 1.17 0 0 0-1.652 0l-8.52 8.52-3.846-3.846a1.17 1.17 0 0 0-1.652.001 1.17 1.17 0 0 0 .001 1.652l4.672 4.672a1.17 1.17 0 0 0 1.651 0l9.344-9.344a1.17 1.17 0 0 0 .003-1.655z"/></svg>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row border-bottom mt-3 mb-5 mx-n5"></div>
                <div class="row align-items-center">
                    <div class="col-auto">
                        <h5 class="mb-3 mb-sm-0"><p class="calendar-month-time mb-1">{{date('F Y')}}</p> <p class="other-id mb-0 font-size-12" style="display: none;">Chick / Other ID: <span>-</span></p></h5>
                    </div>
                    <div class="col-auto ml-auto">
                        <ul class="nav nav-tabs nav-list-calander">
                            <li class="nav-item">
                                <a href="#tab1" data-toggle="tab" aria-expanded="false" class="nav-link active">
                                    <span class="">Calendar</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="#tab2" data-toggle="tab" aria-expanded="true" class="nav-link">
                                    <span class="">List</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-content">
                    <div class="tab-pane active show" id="tab1">
                        <div class="card"><div id="calendar"></div></div>
                    </div>
                    <div class="tab-pane" id="tab2">
                        <div class="table-responsive">
                            <table id="datatable" class="table table-striped scheme-table" data-nodata="">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th class="text-nowrap">Schedule</th>
                                        <th class="text-nowrap">Time In/Out</th>
                                        <th class="text-nowrap">Scheme(s)</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-4 col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="mb-4">Attendance</h5>
                <div class="">
                    <div id="child-review-chart" class="apex-charts mb-0 mt-4" dir="ltr"></div>
                    <div class="apexcharts-legend apexcharts-legend-custom">
                        <div class="apexcharts-legend-series" rel="1">
                            <span class="apexcharts-legend-marker" rel="1" style="background: rgb(182, 226, 205);color: rgb(182, 226, 205);"></span>
                            <span class="apexcharts-legend-text" rel="1">Present</span>
                        </div>
                        <div class="apexcharts-legend-series" rel="2">
                            <span class="apexcharts-legend-marker" rel="2" style="background: rgb(245, 177, 177);color: rgb(245, 177, 177);"></span>
                            <span class="apexcharts-legend-text" rel="2">Absent</span>
                        </div>
                        <div class="apexcharts-legend-series" rel="3">
                            <span class="apexcharts-legend-marker" rel="3" style="background: rgb(238, 238, 238);color: rgb(238, 238, 238);"></span>
                            <span class="apexcharts-legend-text" rel="3">Schedule not attended</span>
                        </div>
                        <div class="apexcharts-legend-series" rel="4">
                            <span class="apexcharts-legend-marker" rel="4" style="background: rgb(255, 234, 182);color: rgb(255, 234, 182);"></span>
                            <span class="apexcharts-legend-text" rel="4">Sick</span>
                        </div>
                    </div>
                    <div class="d-block no-chart">No data available</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-8 col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="mb-4">Recent activities</h5>
                <div class="row recent-activity"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal modal-large fade" id="downloadReport" role="dialog" aria-labelledby="" aria-modal="true">
    <form id="download-form" action="{{ route('insights.report.download') }}" method="POST" class="form-horizontal download-report-form">
        @csrf
        <input type="hidden" name="utcOffset" class="utcOffset" value="">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title mb-1" id="">Download child's report</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pt-2 pb-0">
                    <div class="">
                        <div class="form-group row">
                            <div class="col-md-12">
                                <label class="mb-3">Select date</label>
                                <div class="row date-group">
                                    <div class="col">
                                        <span class="flatpickr-arrow"></span>
                                        <input type="text" class="form-control flatpickr flatpickr-input from-date" name="fromDate" value="" placeholder="" autocomplete="off">
                                    </div>
                                    <span class="text-nowrap col-auto px-0 pt-3">To</span>
                                    <div class="col">
                                        <span class="flatpickr-arrow"></span>
                                        <input type="text" class="form-control flatpickr flatpickr-input to-date" name="toDate" value="" placeholder="" autocomplete="off">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-12">
                                <label class="mb-3">Select children</label>
                                @if(isset($rooms) && !empty($rooms))
                                <div class="accordion custom-accordionwitharrow" id="accordionChild">
                                    @php $count = 1 @endphp
                                    @foreach($rooms as $room)
                                    @if(isset($room->childList) && !empty($room->childList))
                                    <div class="card shadow-none border">
                                        <div class="card-header mb-2" id="headingChild{{$count}}">
                                            <div class="row align-items-center">
                                                <a href="javascipt:;" data-toggle="collapse" data-target="#collapseChild{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapseChild{{$count}}" class="text-grey col order-1 {{ $count == 1 ? '' : 'collapsed' }}"><h5 class="m-0 font-size-18 policy-title">{{ $room->name }}</h5></a>
                                                <div class="col-sm-auto ml-auto order-3 order-sm-2">
                                                    <div class="checkbox big checkbox-pink">
                                                        <input type="checkbox" name="selectAll" class="selectAll" id="selectAll-{{$room->_id}}" value="{{$room->_id}}">
                                                        <label for="selectAll-{{$room->_id}}" class="pt-2">Select all</label>
                                                    </div>
                                                </div>
                                                <a href="javascipt:;" data-toggle="collapse" data-target="#collapseChild{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapseChild{{$count}}" class="text-grey col-auto order-2 order-sm-3 {{ $count == 1 ? '' : 'collapsed' }}"><i class="uil uil-angle-down d-inline-block accordion-arrow"></i></a>
                                            </div>
                                        </div>
                                        <div id="collapseChild{{$count}}" class="collapse {{ $count == 1 ? 'show' : '' }}" aria-labelledby="headingChild{{$count}}" data-parent="#accordionChild">
                                            <div class="card-body px-3">
                                                @if(isset($room->childList) && !empty($room->childList))
                                                    <div class="row">
                                                    @php $ccount = 1 @endphp
                                                    @foreach ($room->childList as $child)
                                                    <div class="col-md-6 mb-3">
                                                        <div class="media">
                                                            <img src="{{ $child->profileImage }}" alt="Child" class="img-child small">
                                                            <div class="media-body ml-2 pr-2">
                                                                <span class="font-weight-medium">{{ $child->name }}</span>
                                                            </div>
                                                            <div class="checkbox medium checkbox-pink">
                                                                <input type="checkbox" class="room-child input-validate" name="childList[]" id="child-{{$count}}-{{$ccount}}" value="{{ $child->_id }}" data-error="child-errors">
                                                                <label for="child-{{$count}}-{{$ccount}}" class="pt-4 pl-4"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @php $ccount++ @endphp
                                                    @endforeach
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    @php $count++ @endphp
                                    @endif
                                    @endforeach
                                </div>
                                @endif
                                <div class="child-errors"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success btn-min-width">Download report</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal modal-large fade" id="downloadRoomReport" role="dialog" aria-labelledby="" aria-modal="true">
    <form id="download-form1" action="{{ route('insights.room.report.download') }}" method="POST" class="form-horizontal download-report-form">
        @csrf
        <input type="hidden" name="utcOffset" class="utcOffset" value="">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title mb-1" id="">Download room report</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pt-2 pb-0">
                    <div class="">
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label class="mb-3">Select month</label>
                                <div class="position-relative">
                                    <span class="flatpickr-arrow"></span>
                                    <input type="text" class="form-control flatpickr multiple-months" name="months[]" value="" placeholder="" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="mb-3">Select weeks</label>
                                <select class="form-control weeks" multiple name="weeks[]">
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-12">
                                <label class="mb-3">Select rooms</label>
                                @if(isset($rooms) && !empty($rooms))
                                <div class="row">
                                    @foreach($rooms as $room)
                                    <div class="col-md-6 mb-2">
                                        <div class="checkbox-full">
                                            <div class="checkbox medium checkbox-pink right">
                                                <input type="checkbox" name="rooms[]" id="rooms{{$room->_id}}" value="{{$room->_id}}" data-error="room-error">
                                                <label for="rooms{{$room->_id}}" class="font-weight-normal">{{$room->name}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                @endif
                                <div class="room-errors"></div>
                            </div>
                        </div>
                        @if( isset($currentSchool->country) && !empty($currentSchool->country) && ($currentSchool->country->reference == '5ef4effb725c4f45b002334e' || $currentSchool->country->name=='Ireland'))
                        <div class="form-group row">
                            <div class="col-md-12">
                                <div class="checkbox big checkbox-pink mb-3 mb-xl-0">
                                    <input type="checkbox" class="input-validate" name="showRoundedHrs" id="RoundedHrs" value="1" data-error="RoundedHrs-error">
                                    <label for="RoundedHrs" class="pt-2">Round hours up <span class="" title="Under the NCS attendance rules, if a child attends for part of an hour, this is rounded up to a full hour for the purposes of recording attendance. For example, if a child attends a service for 7 hours and 10 minutes, they are considered as having attended for 8 hours. TeachKloud will automatically do this rounding up for you, and calculate the child’s total attendance accordingly. The actual arrival and departure times will still show in the report. By clicking this button, TeachKloud will populate a separate column called, “Total Claimable Hours'' which will display the rounded hours" data-toggle="tooltip-info"><i class="icon-info"></i></span></label>
                                </div>
                                <div class="RoundedHrs-errors"></div>
                            </div>
                        </div>
                        @endif
                        <div class="form-group row">
                            <div class="col-md-12">
                                <div class="checkbox big checkbox-pink mb-3 mb-xl-0">
                                    <input type="checkbox" class="input-validate" name="includeArchive" id="includeArchive" value="1" data-error="includeArchive-error">
                                    <label for="includeArchive" class="pt-2">Include archived children</label>
                                </div>
                                <div class="includeArchive-errors"></div>
                            </div>
                        </div>
                        @if( isset($currentSchool->country) && !empty($currentSchool->country) && ($currentSchool->country->reference == '5ef4effb725c4f45b002334e' || $currentSchool->country->name=='Ireland'))
                        <div class="form-group row">
                            <div class="col-md-12">
                                <div class="checkbox big checkbox-pink mb-3 mb-xl-0">
                                    <input type="checkbox" class="input-validate" name="summary" id="summary" value="1" data-error="summary-error">
                                    <label for="summary" class="pt-2">Summary table of hours for children in more than one room <span class="" title="The summary table will be on the final page(s) of the report. It will show the totals for any child attending more than one room on a specific day (for any room[s] selected). For example, the summary table will show a total of 6 hours for a child that attends the Preschool Room for 4 hours and After school 2 hours on a Monday. In this example, both rooms would need to be selected, when downloading the report, for the summary table to display the total hours from each room." data-toggle="tooltip-info"><i class="icon-info"></i></span></label>
                                </div>
                                <div class="summary-errors"></div>
                            </div>
                        </div>
                        @endif
                        <div class="form-group row">
                            <div class="col-md-12">
                                <div class="checkbox big checkbox-pink mb-3 mb-xl-0">
                                    <input type="checkbox" class="input-validate" name="exportAsExcel" id="exportAsExcel" value="1" data-error="exportAsExcel-error">
                                    <label for="exportAsExcel" class="pt-2">Export as Excel</label>
                                </div>
                                <div class="exportAsExcel-errors"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success btn-min-width">Download report</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal modal-medium fade" id="checkInOutQRCodeModal" role="dialog" aria-labelledby="" aria-modal="true">
    <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content text-center">
            <div class="modal-header">
                <h3 class="modal-title mb-0">Parent Signatures:</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body pt-0 pb-5">
                <div class="check-in-signature" style="display: none">
                    <p class="mb-2 font-weight-medium">Checked-in at <span class="check-in-time font-weight-semibold"></span> by <span class="check-in-parent-name font-weight-semibold"></span></p>
                    <img src="" class="check-in-sign img-sign medium">
                </div>
                <div class="check-out-signature mt-3" style="display: none">
                    <p class="mb-2 font-weight-medium">Checked-out at <span class="check-out-time font-weight-semibold"></span> by <span class="check-out-parent-name font-weight-semibold"></span></p>
                    <img src="" class="check-out-sign img-sign medium">
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/moment/moment.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/fullcalendar-core/main.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/fullcalendar-bootstrap/main.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/fullcalendar-daygrid/main.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/fullcalendar-interaction/main.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/datatables/jquery.dataTables.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/datatables/dataTables.responsive.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/datatables/dataTables.bootstrap4.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/select2/select2.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/multiselect/bootstrap.multiselect.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/apexcharts/apexcharts.min.js') }}" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('[data-toggle="tooltip-info"]').tooltip({template:'<div class="tooltip tooltip-big" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'})
    })
</script>
<script type="text/javascript">var getChildSchedule = "{{route('insights.child.schedule')}}"; </script>
<script defer src="{{ Helper::assets('assets/js/pages/insights.js') }}?{{time()}}" type="text/javascript"></script>
@endsection