@extends('layouts.vertical')

@php
$currentTab = 1;
if(app('request')->input('t')){
    $currentTab = app('request')->input('t');
}
$policies = [];
$consents = [];
@endphp

@section('css')

@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-md">
        <h4 class="mb-1 mt-0 font-weight-medium">Policies & consent</h4>
        <p class="mb-0">Add Enrolment Policies & Consent Forms that parents can complete and sign. Watch our short tutorial on <a href="https://intercom.help/teachkloud/en/articles/5242696-enrolment-and-child-registration-school-interface" target="_blank">creating and sharing enrolment / child registration</a> forms with Parents.</p>
    </div>
    <div class="col-md-auto">
        <div class="form-inline float-md-right mt-3 mt-md-0">
            <a href="javascript:;" class="btn btn-success btn-min-width add-policy tab1" data-toggle="modal" data-target="#addPolicyModal" style="display:{{ $currentTab == 1 ? 'block' : 'none' }};">Add policy</a>
            <a href="javascript:;" class="btn btn-success btn-min-width add-consent tab2" data-toggle="modal" data-target="#addConsentModal" style="display:{{ $currentTab == 2 ? 'block' : 'none' }};">Add consent</a>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="row px-3">
                    <ul class="nav nav-pills navtab-bg">
                        <li class="nav-item">
                            <a href="#tab1" data-toggle="tab" data-url="{{ route('policy-consent',['t' => 1]) }}" aria-expanded="{{ $currentTab == 1 ? true : false }}" class="nav-link {{ $currentTab == 1 ? 'active' : '' }}">
                                <span class="d-sm-block">Registration policy</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab2" data-toggle="tab" data-url="{{ route('policy-consent',['t' => 2 ]) }}" aria-expanded="{{ $currentTab == 2 ? true : false }}"  class="nav-link {{ $currentTab == 2 ? 'active' : '' }}">
                                <span class="d-sm-block">Consent</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div class="tab-pane {{ $currentTab == 1 ? 'show active' : '' }}" id="tab1">
                        @if(isset($policies_consents) && !empty($policies_consents))
                        <div class="accordion custom-accordionwitharrow" id="accordionPolicy">
                            @php $count = 1 @endphp
                            @foreach($policies_consents as $policy)
                            @if($policy->isConsent == false)
                            <div class="card shadow-none border">
                                <div class="card-header" id="headingPL{{$count}}">
                                    <div class="row align-items-center">
                                        <a href="javascipt:;" data-toggle="collapse" data-target="#collapsePL{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapsePL{{$count}}" class="text-grey col {{ $count == 1 ? '' : 'collapsed' }}"><h5 class="m-0 font-size-18 policy-title">{{ $policy->name }}</h5></a>
                                        <div class="col-auto ml-auto">
                                            <div class="dropdown d-inline-block mr-2">
                                                <a href="#" class="dropdown-toggle arrow-none text-muted" data-toggle="dropdown" aria-expanded="false"><i class="uil uil-ellipsis-h"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right" x-placement="top-end">
                                                    <a href="javascript:;" class="dropdown-item edit-policy" data-id="{{ $policy->_id }}">Edit this policy</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="javascript:void(0);" class="dropdown-item text-danger remove-policy" data-id="{{ $policy->_id }}">Remove this policy</a>
                                                </div>
                                            </div>
                                            <a href="javascipt:;" data-toggle="collapse" data-target="#collapsePL{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapsePL{{$count}}" class="text-grey col {{ $count == 1 ? '' : 'collapsed' }}"><i class="uil uil-angle-down d-inline-block accordion-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div id="collapsePL{{$count}}" class="collapse {{ $count == 1 ? 'show' : '' }}" aria-labelledby="headingPL{{$count}}" data-parent="#accordionPolicy">
                                    <div class="card-body border-top py-4">
                                        <div class="policy-description">{!! str_ireplace(array("\r\n\t",'\r\n\t',"\r\n",'\r\n',"\n",'\n',"\t",'\t'),'<br/>',$policy->description) !!}</div>
                                        <div class="mt-3">
                                            @if(isset($policy->childs) && !empty($policy->childs))
                                            <a href="javascript:;" class="text-success reset-child" data-id="{{ $policy->_id }}">View children who have modified policies</a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @php $count++ @endphp
                            @endif
                            @endforeach
                        </div>
                        @endif
                    </div>
                    <div class="tab-pane {{ $currentTab == 2 ? 'show active' : '' }}" id="tab2">
                        @if(isset($policies_consents) && !empty($policies_consents))
                        <div class="accordion custom-accordionwitharrow" id="accordionConsent">
                            @php $count = 1 @endphp
                            @foreach($policies_consents as $consent)
                            @if($consent->isConsent == true)
                            <div class="card shadow-none border">
                                <div class="card-header" id="headingCN{{$count}}">
                                    <div class="row align-items-center">
                                        <a href="javascipt:;" data-toggle="collapse" data-target="#collapseCN{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapseCN{{$count}}" class="text-grey col {{ $count == 1 ? '' : 'collapsed' }}"><h5 class="m-0 font-size-18 consent-title">{{ $consent->name }}</h5></a>
                                        <div class="col-auto ml-auto">
                                            <div class="dropdown d-inline-block mr-2">
                                                <a href="#" class="dropdown-toggle arrow-none text-muted" data-toggle="dropdown" aria-expanded="false"><i class="uil uil-ellipsis-h"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right" x-placement="top-end">
                                                    <a href="javascript:;" class="dropdown-item edit-consent" data-id="{{ $consent->_id }}">Edit this consent</a>
                                                    <div class="dropdown-divider"></div>
                                                    <a href="javascript:void(0);" class="dropdown-item text-danger remove-consent" data-id="{{ $consent->_id }}">Remove this consent</a>
                                                </div>
                                            </div>
                                            <a href="javascipt:;" data-toggle="collapse" data-target="#collapseCN{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapseCN{{$count}}" class="text-grey col {{ $count == 1 ? '' : 'collapsed' }}"><i class="uil uil-angle-down d-inline-block accordion-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div id="collapseCN{{$count}}" class="collapse {{ $count == 1 ? 'show' : '' }}" aria-labelledby="headingCN{{$count}}" data-parent="#accordionConsent">
                                    <div class="card-body border-top py-4">
                                        <div class="consent-description">{!! str_ireplace(array("\r\n\t",'\r\n\t',"\r\n",'\r\n',"\n",'\n',"\t",'\t'),'<br/>',$consent->description) !!}</div>
                                        <div class="mt-3">
                                            @if(isset($consent->childs) && !empty($consent->childs))
                                            <a href="javascript:;" class="text-success reset-child" data-id="{{ $consent->_id }}">View children who have modified consent</a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @php $count++ @endphp
                            @endif
                            @endforeach
                        </div>
                        @else

                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('school.policy-consent.AddPolicyConsent')
@include('school.policy-consent.EditPolicyConsent', ['url' => route('policy-consent.save')])

<div class="modal modal-medium fade" id="ResetPolicyConsent" role="dialog" aria-labelledby="" aria-modal="true">
    <form action="{{ route('policy-consent.reset') }}" class="form-horizontal reset-policy-form">
        @csrf
        <input type="hidden" name="_id" value="" class="id">
        <input type="hidden" name="isConsent" value="" class="isConsent">
        <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=""></h3>
                    <p class="text-danger mb-0 policy-message" style="display: none;">Select children if you want to reset their modified policies back to the standard policy.</p>
                    <p class="text-danger mb-0 consent-message" style="display: none;">Select children if you want to reset their modified consent back to the standard consent.</p>
                    <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 children-list"></div>
                            <div class="col-md child-errors"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success btn-min-width btn-save">Reset policy</button>
                </div>
            </div>
        </div>
    </form>
</div>
@php
$consents = $policies_consents;
@endphp
@endsection

@section('script-bottom')
<script>var removeUrl = "{{ route('policy-consent.remove') }}", consent =null; </script>
<script defer src="{{ Helper::assets('assets/libs/sweetalert/sweetalert.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/js/pages/policy-consent.js') }}" type="text/javascript"></script>
@endsection