@extends($viewVars['loadTeacherLayout'] ? 'layouts.teacher' : 'layouts.vertical')

@section('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/flatpickr/flatpickr.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@php
    $CurrentSchedule = null;
    $is_some_schedule_exist = false;
    $sroom = "";
    if(app('request')->input('room')){
        $sroom = app('request')->input('room');
    }
@endphp

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Plans</h4>
    </div>
    <div class="col-6">
        <div class="form-inline float-xl-right mt-3 mt-xl-0">
            <div class="">
                <button type="button" class="btn btn-success btn-min-width mb-md-0 mb-2" data-toggle="modal" data-target="#downloadReport">Download Plans</button>
                <button type="button" class="btn btn-success btn-min-width mb-md-0 mb-2" data-toggle="modal" data-target="#addPlan">New Plan</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="row attendancce-calendar">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <h5 class="mb-4"><span class="calendar-month-time">{{date('F Y')}}</span> plans</h5>
                <div class="row">
                    <div class="col-auto mb-md-0 mb-3">
                        <div class="btn-group fc-toolbar">
                            <button type="button" class="btn btn-success fc-prev-button" id="calendar-prev">Previous</button>
                            <button type="button" class="btn btn-success fc-next-button" id="calendar-next">Next</button>
                        </div>
                    </div>
                    <div class="col-md-4 col-xl-3 ml-auto">
                        <select class="form-control wide select2-custom" name="room" id="room" data-placeholder="Select room">
                            @if(!empty($rooms))
                                @php $rcount = 1 @endphp
                                @foreach($rooms as $room)
                                    <option value="{{$room->_id}}" {{$rcount == 1 ? "selected" : "" }} >{{$room->name}}</option>
                                    @php $rcount++ @endphp
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div id="calendar"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="editPlan" role="dialog" aria-labelledby="" aria-modal="true">
    <form action="{{ route($viewVars['routePrefix'].'.plans.update') }}" method="post" class="form-horizontal update-plan-form">
        @csrf
        <input type="hidden" name="roomId" class="roomId" value="">
        <input type="hidden" name="id" class="id" value="">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="row">
                        <div class="col">
                            <h3 class="modal-title mb-1" id="">Edit plan</h3>
                        </div>
                        <div class="col-auto">
                            <a href="javascript:void(0);" class="text-success font-weight-medium text-underline download-plan-report">Download Plan</a>
                        </div>
                    </div>
                    <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="row mb-2">
                            <div class="col-md-12">
                                <label>Title</label>
                                <input type="text" class="form-control" name="title" value="" placeholder="" required>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Description</label>
                                <textarea class="form-control description" name="description" rows="3" required></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Date(s)</label>
                                <div class="position-relative">
                                    <span class="flatpickr-arrow"></span>
                                    <input type="text" class="form-control flatpickr flatpickr-date-range" name="date" placeholder="Select date(s)" value="" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row time-group">
                                    <div class="col-md-6 form-group">
                                        <label>Start time</label>
                                        <div class="position-relative">
                                            <span class="flatpickr-arrow"></span>
                                            <input type="text" class="form-control flatpickr flatpickr-time startTime" name="startTime" value="" placeholder="" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label>End time</label>
                                        <div class="position-relative">
                                            <span class="flatpickr-arrow"></span>
                                            <input type="text" class="form-control flatpickr flatpickr-time endTime" name="endTime" value="" placeholder="" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Which topic will we explore and why? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control topicExploration" name="topicExploration" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>How will we explore these topics? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control explorationMethod" name="explorationMethod" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>How will we support the children's development? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control childDevelopmentSupport" name="childDevelopmentSupport" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>How will we find out what the children have learned / How will we document and share this? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control learningDocumentation" name="learningDocumentation" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Comments <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control comments" name="comments" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-12">
                            @php
                            $countCurriculums = 0
                            @endphp
                                    @if(isset($frameworksAndCurriculums) && !empty($frameworksAndCurriculums))
                                    @foreach($frameworksAndCurriculums as $curricula)
                                        <div class="accordion custom-accordionwitharrow" id="accordionCurriculum{{$curricula->_id}}">
                                            <div class="card shadow-none border">
                                            <div class="card-header" id="headingCurriculum-{{$curricula->_id}}-{{$countCurriculums}}">
                                                <div class="row align-items-center">
                                                    <a href="javascipt:;" data-toggle="collapse" data-target="#collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" aria-expanded="false" aria-controls="collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" class="text-grey col collapsed"><h5 class="m-0 font-size-18">{{$curricula->name}}</h5></a>
                                                    <div class="col-auto ml-auto">
                                                        <a href="javascipt:;" data-toggle="collapse" data-target="#collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" aria-expanded="false" aria-controls="collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" class="text-grey col collapsed"><i class="uil uil-angle-down d-inline-block accordion-arrow"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" class="collapse" aria-labelledby="headingCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" data-parent="#accordionCurriculum{{$curricula->_id}}">
                                                    <div class="card-body">
                                                        <div class="">
                                            @if(isset($curricula->themes) && !empty($curricula->themes))
                                            @php $countThemes = 0  @endphp
                                            @foreach($curricula->themes as $theme)
                                            <div class="accordion custom-accordionwitharrow" id="accordionTheme{{$theme->_id}}">
                                            <div class="card shadow-none border">
                                                <div class="card-header" id="headingTheme-{{$theme->_id}}-{{$countThemes}}">
                                                    <div class="row align-items-center">
                                                        <a href="javascipt:;" data-toggle="collapse" data-target="#collapseTheme-{{$theme->_id}}-{{$countThemes}}" aria-expanded="false" aria-controls="collapseTheme-{{$theme->_id}}-{{$countThemes}}" class="text-grey col collapsed"><h5 class="m-0 font-size-18">{{$theme->name}}</h5></a>
                                                        <div class="col-auto ml-auto">
                                                            <a href="javascipt:;" data-toggle="collapse" data-target="#collapseTheme-{{$theme->_id}}-{{$countThemes}}" aria-expanded="false" aria-controls="collapseTheme-{{$theme->_id}}-{{$countThemes}}" class="text-grey col collapsed"><i class="uil uil-angle-down d-inline-block accordion-arrow"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="collapseTheme-{{$theme->_id}}-{{$countThemes}}" class="collapse" aria-labelledby="headingTheme-{{$theme->_id}}-{{$countThemes}}" data-parent="#accordionTheme{{$theme->_id}}">
                                                    <div class="card-body">
                                                        <div class="">
                                                            @if($theme->hasAim == true && isset($theme->aims) && !empty($theme->aims))
                                                                @foreach($theme->aims as $aims)
                                                                <p class="font-size-14 mt-3">
                                                                    <strong>{{$aims->name}}</strong>
                                                                    @if(isset($aims->description) && !empty($aims->description)) ({{$aims->description}}) @endif
                                                                </p>
                                                                <div class="row">
                                                                    @if(isset($aims->goals) && !empty($aims->goals))
                                                                    @foreach($aims->goals as $goal)
                                                                        <div class="col-12 learning-goal" data-id="{{$goal->_id}}">
                                                                            <div class="checkbox big checkbox-pink mb-2">
                                                                                <input type="checkbox" class="input-validate" name="goals[]" id="goals-edit-{{$goal->_id}}" value="{{$goal->_id}}">
                                                                                <label for="goals-edit-{{$goal->_id}}" class="pt-2 font-weight-normal">{{$goal->description}}</label>
                                                                            </div>
                                                                        </div>
                                                                    @endforeach
                                                                    @endif
                                                                </div>
                                                                @endforeach
                                                            @else
                                                                @if(isset($theme->goals) && !empty($theme->goals))
                                                                @foreach($theme->goals as $goal)
                                                                <div class="col-12 learning-goal" data-id="{{$goal->_id}}">
                                                                    <div class="checkbox big checkbox-pink mb-2">
                                                                        <input type="checkbox" class="input-validate" name="goals[]" id="goals-edit-{{$goal->_id}}" value="{{$goal->_id}}">
                                                                        <label for="goals-edit-{{$goal->_id}}" class="pt-2 font-weight-normal">{{$goal->description}}</label>
                                                                    </div>
                                                                </div>
                                                                @endforeach
                                                                @endif
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                            @php $countThemes++ @endphp
                                        @endforeach
                                        @endif
                                        </div>
                                        </div>
                                        </div>
                                        </div>
                                        </div>
                                        @php $countCurriculums++ @endphp
                                    @endforeach
                                    @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer d-block">
                    <div class="col-12 mb-4">
                        <p><a href="javascript:;" class="text-danger delete-plan font-weight-semibold">Delete this plan</a></p>
                    </div>
                    <button type="submit" class="btn btn-success btn-min-width" id="btn-edit-event">Save changes</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal fade" id="addPlan" role="dialog" aria-labelledby="" aria-modal="true">
    <form action="{{ route($viewVars['routePrefix'].'.plans.add') }}" method="post" class="form-horizontal add-plan-form">
        @csrf
        <input type="hidden" name="roomId" class="roomId" value="">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title mb-1" id="">Create plan</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="row mb-2">
                            <div class="col-md-12">
                                <label>Title</label>
                                <input type="text" class="form-control" name="title" value="" placeholder="" required>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Description</label>
                                <textarea class="form-control description" name="description" rows="3" required></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Date(s)</label>
                                <div class="position-relative">
                                    <span class="flatpickr-arrow"></span>
                                    <input type="text" class="form-control flatpickr flatpickr-date-range" name="date" placeholder="Select date(s)" value="" required>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <div class="row time-group">
                                    <div class="col-md-6 form-group">
                                        <label>Start time</label>
                                        <div class="position-relative">
                                            <span class="flatpickr-arrow"></span>
                                            <input type="text" class="form-control flatpickr flatpickr-time startTime" name="startTime" value="" placeholder="" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <label>End time</label>
                                        <div class="position-relative">
                                            <span class="flatpickr-arrow"></span>
                                            <input type="text" class="form-control flatpickr flatpickr-time endTime" name="endTime" value="" placeholder="" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Which topic will we explore and why? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control topicExploration" name="topicExploration" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>How will we explore these topics? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control explorationMethod" name="explorationMethod" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>How will we support the children's development? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control childDevelopmentSupport" name="childDevelopmentSupport" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>How will we find out what the children have learned / How will we document and share this? <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control learningDocumentation" name="learningDocumentation" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-12">
                                <label>Comments <small class="text-muted">(Optional)</small></label>
                                <textarea class="form-control comments" name="comments" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-12">
                            @php
                            $countCurriculums = 0
                            @endphp
                                    @if(isset($frameworksAndCurriculums) && !empty($frameworksAndCurriculums))
                                    @foreach($frameworksAndCurriculums as $curricula)
                                        <div class="accordion custom-accordionwitharrow" id="accordionCurriculum{{$curricula->_id}}">
                                            <div class="card shadow-none border">
                                            <div class="card-header" id="headingCurriculum-{{$curricula->_id}}-{{$countCurriculums}}">
                                                <div class="row align-items-center">
                                                    <a href="javascipt:;" data-toggle="collapse" data-target="#collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" aria-expanded="false" aria-controls="collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" class="text-grey col collapsed"><h5 class="m-0 font-size-18">{{$curricula->name}}</h5></a>
                                                    <div class="col-auto ml-auto">
                                                        <a href="javascipt:;" data-toggle="collapse" data-target="#collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" aria-expanded="false" aria-controls="collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" class="text-grey col collapsed"><i class="uil uil-angle-down d-inline-block accordion-arrow"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="collapseCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" class="collapse" aria-labelledby="headingCurriculum-{{$curricula->_id}}-{{$countCurriculums}}" data-parent="#accordionCurriculum{{$curricula->_id}}">
                                                    <div class="card-body">
                                                        <div class="">
                                            @if(isset($curricula->themes) && !empty($curricula->themes))
                                            @php $countThemes = 0  @endphp
                                            @foreach($curricula->themes as $theme)
                                            <div class="accordion custom-accordionwitharrow" id="accordionTheme{{$theme->_id}}">
                                            <div class="card shadow-none border">
                                                <div class="card-header" id="headingTheme-{{$theme->_id}}-{{$countThemes}}">
                                                    <div class="row align-items-center">
                                                        <a href="javascipt:;" data-toggle="collapse" data-target="#collapseTheme-{{$theme->_id}}-{{$countThemes}}" aria-expanded="false" aria-controls="collapseTheme-{{$theme->_id}}-{{$countThemes}}" class="text-grey col collapsed"><h5 class="m-0 font-size-18">{{$theme->name}}</h5></a>
                                                        <div class="col-auto ml-auto">
                                                            <a href="javascipt:;" data-toggle="collapse" data-target="#collapseTheme-{{$theme->_id}}-{{$countThemes}}" aria-expanded="false" aria-controls="collapseTheme-{{$theme->_id}}-{{$countThemes}}" class="text-grey col collapsed"><i class="uil uil-angle-down d-inline-block accordion-arrow"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="collapseTheme-{{$theme->_id}}-{{$countThemes}}" class="collapse" aria-labelledby="headingTheme-{{$theme->_id}}-{{$countThemes}}" data-parent="#accordionTheme{{$theme->_id}}">
                                                    <div class="card-body">
                                                        <div class="">
                                                            @if($theme->hasAim == true && isset($theme->aims) && !empty($theme->aims))
                                                                @foreach($theme->aims as $aims)
                                                                <p class="font-size-14 mt-3">
                                                                    <strong>{{$aims->name}}</strong>
                                                                    @if(isset($aims->description) && !empty($aims->description)) ({{$aims->description}}) @endif
                                                                </p>
                                                                <div class="row">
                                                                    @if(isset($aims->goals) && !empty($aims->goals))
                                                                    @foreach($aims->goals as $goal)
                                                                        <div class="col-12 learning-goal" data-id="{{$goal->_id}}">
                                                                            <div class="checkbox big checkbox-pink mb-2">
                                                                                <input type="checkbox" class="input-validate" name="goals[]" id="goals-create-{{$goal->_id}}" value="{{$goal->_id}}">
                                                                                <label for="goals-create-{{$goal->_id}}" class="pt-2 font-weight-normal">{{$goal->description}}</label>
                                                                            </div>
                                                                        </div>
                                                                    @endforeach
                                                                    @endif
                                                                </div>
                                                                @endforeach
                                                            @else
                                                                @if(isset($theme->goals) && !empty($theme->goals))
                                                                @foreach($theme->goals as $goal)
                                                                <div class="col-12 learning-goal" data-id="{{$goal->_id}}">
                                                                    <div class="checkbox big checkbox-pink mb-2">
                                                                        <input type="checkbox" class="input-validate" name="goals[]" id="goals-create-{{$goal->_id}}" value="{{$goal->_id}}">
                                                                        <label for="goals-create-{{$goal->_id}}" class="pt-2 font-weight-normal">{{$goal->description}}</label>
                                                                    </div>
                                                                </div>
                                                                @endforeach
                                                                @endif
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                            @php $countThemes++ @endphp
                                        @endforeach
                                        @endif
                                        </div>
                                        </div>
                                        </div>
                                        </div>
                                        </div>
                                        @php $countCurriculums++ @endphp
                                    @endforeach
                                    @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer d-block">
                    <div class=""><button type="submit" class="btn btn-success btn-min-width" id="btn-save-event">Create Plan</button></div>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal modal-medium fade" id="downloadReport" role="dialog" aria-labelledby="" aria-modal="true">
    <form id="download-form" action="{{ route('school.plans.report.download') }}" method="GET" 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 Plans</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">
                            <label class="col">Select room</label>
                            <div class="col-md-12">
                                <select class="form-control wide" data-plugin="customselect" name="room" data-placeholder="Select room">
                                    <option value="">Select room</option>
                                    @if(!empty($rooms))
                                        @foreach($rooms as $room)
                                            <option value="{{$room->_id}}">{{$room->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <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="">
                                    </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="">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success btn-min-width">Download</button>
                </div>
            </div>
        </div>
    </form>
</div>

<form id="download-form1" action="{{ route('school.plans.report.download') }}" method="GET" style="display: none;">
    @csrf
    <input type="hidden" name="planId" class="id" value="">
    <input type="hidden" name="utcOffset" class="utcOffset" value="">
</form>
@endsection

@section('script-bottom')
<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/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') }}"></script>.
<script defer src="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.js') }}" type="text/javascript"></script>
<script type="text/javascript"> var removePlansUrl = "{{ route($viewVars['routePrefix'].'.plans.remove') }}",getRoomPlans = "{{ route($viewVars['routePrefix'].'.plans.room') }}" </script>
<script defer src="{{ Helper::assets('assets/js/pages/plans.init.js') }}?v=1" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/plans.js') }}?v=2" type="text/javascript"></script>
@endsection