@php if(!isset($is_school)){$is_school = true;} @endphp

@extends(($is_school ? 'layouts.vertical' : 'layouts.parent'))

@section('css')
<link href="{{ Helper::assets('assets/libs/sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm">
        <h4 class="mb-1 mt-0 font-weight-medium">Child Profile</h4>
    </div>
    <div class="col-sm-auto">
        <div class="form-inline float-sm-right mt-3 mt-sm-0">
            <div class="">
                <a href="javascript:;" class="btn btn-danger mr-2 mb-2 mb-sm-0" data-toggle="modal" data-target="#EmergencyContactModal">Emergency Contact</a>
                <a href="javascript:;" class="btn btn-pink mr-2 mb-2 mb-sm-0 download-report" data-id="{{ $child->_id}}">Download</a>
                <a href="{{ ($is_school ? route('children.edit',['id' => $child->_id]) : route('parent.child.edit', ['id' => $child->_id])) }}" class="btn btn-success btn-min-width mb-2 mb-sm-0">Edit profile / Enrolment</a>
            </div>
        </div>
        <div class="mt-sm-2" style="clear: both;">
            <p class="pt-2">Select download to view and / or download the full form.</p>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="row child-profile" data-child="{{ $child->_id}}">
    <div class="col-lg-4"><!--Sidebar-->
        <div class="card sidebar-child1">
            <div class="card-body">
                <div class="text-center">
                    <img src="{{ $child->profileImage }}" alt="" class="avatar-xl rounded-circle">
                    @if($is_school)
                    <h5 class="mt-2 mb-0 font-size-18 font-weight-medium text-success">{{ $child->name }}</h5>
                    @else
                        @if(\Session::has('childs') && !empty(\Session::get('childs')))
                            @php $ccount = 1; $childCount = count(\Session::get('childs')); @endphp
                            @if($childCount > 1)
                            <div class="dropdown align-self-center child-dropdown">
                                <a href="#" class="dropdown-toggle arrow-none text-muted" data-toggle="dropdown" aria-expanded="false">
                                    <h5 class="mt-2 mb-0 font-size-18">
                                        <span class="font-weight-medium text-success">{{ $child->name }}</span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down ml-2 align-self-center"><polyline points="4 6 8 10 12 6"></polyline></svg>
                                    </h5>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right" x-placement="top-end">
                                    @foreach(\Session::get('childs') as $item)
                                        <a href="{{ $child->_id != $item->_id ? route('parent.child.profile', ['id' => $item->_id]) : 'javascript:;'}}" class="dropdown-item {{ $child->_id == $item->_id ? 'text-success' : '' }}">{{$item->name}}</a>
                                        @if($ccount != $childCount)
                                        <div class="dropdown-divider"></div>
                                        @endif
                                        @php $ccount++; @endphp
                                    @endforeach
                                </div>
                            </div>
                            @else
                            <h5 class="mt-2 mb-0 font-size-18 font-weight-medium text-success">{{ $child->name }}</h5>
                            @endif
                        @endif
                    @endif
                    @if(isset($child->dob) && $child->dob != "")
                    @php
                        $dob = \Carbon\Carbon::parse($child->dob)->diff(\Carbon\Carbon::now());
                        $years = "";
                        $years .= ($dob->format('%y') > 0) ? ($dob->format('%y') > 1 ? $dob->format('%y') . ' yrs, ' : $dob->format('%y') . ' yr, ') : '';
                        $years .= ($dob->format('%m') > 0) ? ($dob->format('%m') > 1 ? $dob->format('%m') . ' months, ' : $dob->format('%m') . ' month, ') : '';
                        $years .= ($dob->format('%d') > 0) ? ($dob->format('%d') > 1 ? $dob->format('%d') . ' days ' : $dob->format('%d') . ' day ') : '';
                    @endphp
                    <h6 class="font-weight-normal mt-2 mb-0 pb-2">{{ $child->gender ==  0 ? 'Male' : 'Female' }} <span class="before">{{ \Carbon\Carbon::parse($child->dob)->format('d/m/Y') }} ({{ $years}} )</span></h6>
                    @endif
                </div>
                <div class="border-bottom my-4 mx-n5"></div>
                <div class="">
                    <h4 class="mb-3 font-size-15">Profile Information</h4>
                    <div class="media">
                        <div class="avatar rounded-circle custom-icon-purple mr-3">
                            <span class="avatar-title text-primary font-weight-medium icon-cake"></span>
                        </div>
                        <div class="media-body overflow-hidden">
                            <p class="font-size-13 mb-0">{{ \Carbon\Carbon::parse($child->dob)->format('d/m/Y') }}</p>
                        </div>
                    </div>
                </div>
                @if($is_school)
                <div class="border-bottom my-4 mx-n5"></div>
                <div class="special-notes"><!--Special attention (Notes)-->
                    <h4 class="font-size-15 {{($is_school ? '' : 'mb-3')}}">Special attention</h4>
                    @if($is_school)
                    <p class="mb-3">Special notes are visible to parents at all times.</p>
                    @endif
                    <div class="media mb-3">
                        <div class="avatar rounded-circle custom-icon-light-green mr-3" data-toggle="modal" data-target="#addNoteModal">
                            <span class="avatar-title text-primary font-weight-medium icon-pen"></span>
                        </div>
                        <div class="media-body">
                            <a href="javascript:;" class="font-size-12 mb-0 text-grey" data-toggle="modal" data-target="#addNoteModal">Add notes</a>
                        </div>
                    </div>
                    @if(isset($child->attentions) && !empty($child->attentions))
                    @foreach($child->attentions as $attentions)
                    <div class="media mb-3">
                        <div class="avatar rounded-circle custom-icon-pink mr-3 align-self-start">
                            <span class="avatar-title text-primary font-weight-medium icon-alert"></span>
                        </div>
                        <div class="media-body mr-2">
                            <p class="font-size-13 mb-0">{{$attentions->message}}</p>
                            <p class="font-size-12 mb-0">
                                Added by
                                @if((isset($attentions->owner) && $attentions->owner->_id == session('user')->user->_id) || !isset($attentions->owner))
                                    School
                                @elseif(isset($attentions->owner) && !empty($attentions->owner))
                                    {{ $attentions->owner->firstName }} {{ $attentions->owner->lastName }}
                                @endif
                            </p>
                        </div>
                        @if((isset($attentions->owner) && $attentions->owner->_id == session('user')->user->_id) || !isset($attentions->owner))
                        <div class="dropdown align-self-start">
                            <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:void(0);" class="dropdown-item text-danger remove-note" data-id="{{$attentions->_id}}" data-child="{{$child->_id}}">Remove note</a>
                            </div>
                        </div>
                        @endif
                    </div>
                    @endforeach
                    @endif
                </div>
                @endif
                @if(isset($child->doctors) && !empty($child->doctors))
                <div class="border-bottom my-4 mx-n5"></div>
                <div class=""><!--Doctor-->
                    <h4 class="mb-3 font-size-15">Doctor</h4>
                    @foreach($child->doctors as $doctor)
                    <div class="media mb-3 align-items-start">
                        <div class="avatar rounded-circle custom-icon-green mr-3">
                            <span class="avatar-title text-primary font-weight-medium icon-small-plus"></span>
                        </div>
                        <div class="media-body">
                            <h5 class="font-size-15 mt-2 mb-1 text-success">{{isset($doctor->name) ? $doctor->name : 'NA'}}</h5>
                            <p class="font-size-12 mb-0">{{isset($doctor->phone) ? $doctor->phone : 'NA'}}</p>
                            <p class="font-size-13 mb-0">{{isset($doctor->address) ? $doctor->address : 'NA'}}</p>
                        </div>
                    </div>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
    </div>
    <div class="col-lg-8">
        <div><!--Alert message-->
            @if($is_school)
                @if(isset($child->isFormEverUpdated) && $child->isFormEverUpdated == false)
                    <div class="alert alert-danger" role="alert">
                        <span class="font-weight-medium text-danger">Please complete this child’s enrolment form or ask the parents to complete it.</span>
                    </div>
                @elseif((isset($child->isParentSignedEver) && $child->isParentSignedEver == false)  || (isset($child->isParentSignRequired)&& $child->isParentSignRequired == true))
                    <div class="d-sm-flex btn-group d-block mb-3">
                        <div class="col-sm px-0">
                            <div class="alert alert-danger mb-sm-0" role="alert">
                                <span class="font-weight-medium text-danger">Parent has not signed the enrolment form</span>
                            </div>
                        </div>
                        <div class="col-auto px-0 btn-group">
                            <button type="button" class="btn btn-danger btn-remind-parent" data-id="{{ $child->_id }}">Remind parent</button>
                        </div>
                    </div>
                @elseif(isset($child->reviewer) && isset($child->reviewerSign) && isset($child->reviewerSignDate))
                    <div class="alert alert-success" role="alert">
                        <span class="font-weight-medium text-success">{{$child->reviewer->firstName .' ' . $child->reviewer->lastName}} has signed the enrolment form on {{\Carbon\Carbon::parse($child->reviewerSignDate)->format('d/m/Y') }}.</span>
                    </div>
                @endif
            @else
                @if(isset($child->isParentSignedEver) && $child->isParentSignedEver == false)
                    <div class="alert alert-danger" role="alert">
                        <span class="font-weight-medium text-danger">Please sign the enrolment form once you have completed it.</span>
                    </div>
                @elseif(isset($child->isParentSignRequired) && $child->isParentSignRequired == true)
                    <div class="alert alert-danger" role="alert">
                        <span class="font-weight-medium text-danger">New changes have been made to [{{$child->parentUpdateMessage}}].Please review and sign. If you disagree to the latest changes, please contact the school.</span>
                    </div>
                @elseif(isset($child->reviewer) && isset($child->reviewerSign) && isset($child->reviewerSignDate))
                    <div class="alert alert-success" role="alert">
                        <span class="font-weight-medium text-success">{{$child->reviewer->_id == session('user')->user->_id ? 'You' : $child->reviewer->firstName .' ' . $child->reviewer->lastName}} signed the enrolment form on {{\Carbon\Carbon::parse($child->reviewerSignDate)->format('d/m/Y') }}.</span>
                    </div>
                @endif
            @endif
        </div>
        @if(!$is_school)
            @if(isset($child->isParentSignRequired)&& $child->isParentSignRequired == true)
            <div class="card"><!--Sign on enrolment form-->
                <div class="card-body">
                    <form action="{{ route('parent.child.update.sign') }}" method="POST" enctype="multipart/form-data" class="enrolment-sign-form">
                        @csrf
                        <input type="hidden" name="id" value="{{ $child->_id }}">
                        <h5 class="m-0 mb-4 font-size-18">Sign enrolment form</h5>
                        <div class="form-group row">
                            <div class="col-lg-6 col-md-8">
                                <div id="signature-pad" class="signature-pad">
                                    <div class="m-signature-pad">
                                        <div class="m-signature-pad--body">
                                            <canvas></canvas>
                                        </div>
                                        <div class="m-signature-pad--footer">
                                            <div class="description my-1">Sign above</div>
                                            <div class="left">
                                                <button type="button" class="btn btn-sm btn-danger font-weight-normal clear" data-action="clear">Clear</button>
                                                <button type="button" class="btn btn-sm btn-success font-weight-normal undo" data-action="undo">Undo</button>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="hidden" name="image" class="signature input-validate" id="signature">
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success btn-min-width">Submit</button>
                    </form>
                </div>
            </div>
            @endif
        @endif
        <div class="card"><!--Parents/guardians-->
            <div class="card-body">
                <h5 class="m-0 mb-4 font-size-18">Parents/guardians</h5>
                <div class="parent-section">
                    @if(isset($child->parents) && !empty($child->parents))
                        @foreach($child->parents as $parent)
                        <div class="media mb-3 align-items-start">
                            <div class="avatar rounded-circle custom-icon-purple mr-3">
                                <img src="{{ isset($parent->parent) ? $parent->parent->profileImage : $parent->emailImage }}" alt="parent" class="avatar rounded-circle">
                            </div>
                            <div class="media-body d-md-flex">
                                <div class="">
                                    <h6 class="mt-1 mb-0 font-size-14 text-success">{{ isset($parent->firstName) && isset($parent->lastName) ? $parent->firstName . ' ' . $parent->lastName : 'NA' }} @if(isset($parent->relation)) ({{ $parent->relation }}) @endif</h6>
                                    <p class="mt-1 mb-0 font-size-12">{{ isset($parent->email) ? $parent->email : 'NA' }} <span class="before">{{ isset($parent->phone) ? $parent->phone : 'NA' }}</span></p>
                                    <p class="font-size-12 mb-0">{{ isset($parent->address) ? $parent->address : 'NA' }}</p>
                                </div>
                                @if(isset($parent->shared) && $parent->shared == true)
                                    <div class="text-success ml-auto font-size-12"><i class="icon-checked"></i>Invited to use the app</div>
                                @endif
                            </div>
                        </div>
                        @endforeach
                    @endif
                </div>
                <div>
                    <div class="media mb-3">
                        <div class="avatar rounded-circle custom-icon-light-green mr-3" data-toggle="modal" data-target="#addParentModal">
                            <span class="avatar-title font-weight-medium icon-thin-plus"></span>
                        </div>
                        <div class="media-body">
                            <a href="javascript:;" class="font-size-12 mb-0 text-grey"  data-toggle="modal" data-target="#addParentModal">Add parent/guardian</a>
                        </div>
                    </div>
                </div>
                @if(isset($child->collections) && !empty($child->collections))
                @php $collection_days = config('constant.collection_days'); @endphp
                <div class="border-bottom my-4 mx-n5"></div>
                <h5 class="m-0 mb-4 font-size-18">Collector</h5>
                <div class="">
                    @foreach($child->collections as $collection)
                    <div class="media mb-3 align-items-start">
                        <div class="avatar rounded-circle custom-icon-purple mr-3">
                            <img src="{{ isset($collection->profileImage) ? $collection->profileImage : Helper::assets('assets/images/dummy/parents/6.png') }}" alt="parent" class="avatar rounded-circle">
                        </div>
                        <div class="media-body">
                            <h6 class="mt-1 mb-0 font-size-14 text-success">{{ isset($collection->name) ? $collection->name : 'NA' }} ({{ isset($collection->relation) && !empty($collection->relation) ? $collection->relation : 'NA' }})</h6>
                            <p class="mt-1 mb-0 font-size-12">{{ isset($collection->phone) && $collection->phone != "" ? $collection->phone : 'NA' }}</p>

                            @if(isset($collection->days) && !empty($collection->days))
                                @php $collectDays = []; @endphp
                                @foreach($collection->days as $day)
                                    @php $collectDays[] = isset($collection_days[$day]) ? $collection_days[$day] : ''; @endphp
                                @endforeach
                                <p class="font-size-12 mb-0">Collection days: {{ implode(', ', $collectDays) }}.</p>
                            @endif

                            @if($collection->range == false && isset($collection->dates) && !empty($collection->dates))
                                @php $collectDates = []; @endphp
                                @foreach($collection->dates as $date)
                                    @php $collectDates[] = \Carbon\Carbon::parse($date)->format('d/m/Y'); @endphp
                                @endforeach
                                <p class="font-size-12 mb-0">Other collection dates: {{ implode(', ', $collectDates) }}</p>
                            @endif

                            @if($collection->range == true && isset($collection->fromDate) && !empty($collection->fromDate) && isset($collection->toDate) && !empty($collection->toDate))
                                <p class="font-size-12 mb-0">Collection date: {{ \Carbon\Carbon::parse($collection->fromDate)->format('d/m/Y') }} - {{ \Carbon\Carbon::parse($collection->toDate)->format('d/m/Y') }}</p>
                            @endif

                            <p class="font-size-12 mb-0">{{ isset($collection->address) ? $collection->address : 'NA '}}</p>
                        </div>
                    </div>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
        @php $booking_days = config('constant.booking_days');@endphp
        @if(isset($child->fullDayCareDays) && !empty($child->fullDayCareDays))
            @php
            $fullDayCareDays = [];
            foreach($child->fullDayCareDays as $day){
                if(isset($booking_days[$day])){
                    $fullDayCareDays[] = $booking_days[$day];
                }
            }
            @endphp
        @endif
        @if(isset($child->morningCareDays) && !empty($child->morningCareDays))
            @php
            $morningCareDays = [];
            foreach($child->morningCareDays as $day){
                if(isset($booking_days[$day])){
                    $morningCareDays[] = $booking_days[$day];
                }
            }
            @endphp
        @endif
        @if(isset($child->afternoonCareDays) && !empty($child->afternoonCareDays))
            @php
            $afternoonCareDays = [];
            foreach($child->afternoonCareDays as $day){
                if(isset($booking_days[$day])){
                    $afternoonCareDays[] = $booking_days[$day];
                }
            }
            @endphp
        @endif
        @if(!empty($fullDayCareDays) || !empty($morningCareDays) || !empty($afternoonCareDays))
        <div class="card"><!--Attending-->
            <div class="card-body">
                <h5 class="m-0 mb-4 font-size-18">Attending</h5>
                <div class="">
                    @if(!empty($fullDayCareDays))
                    <p class="font-weight-medium"><span class="text-success">Full Day Care</span> - {{implode(', ', $fullDayCareDays)}}</p>
                    @endif
                    @if(!empty($morningCareDays))
                    <p class="font-weight-medium"><span class="text-success">Mornings Only</span> - {{implode(', ', $morningCareDays)}}</p>
                    @endif
                    @if(!empty($afternoonCareDays))
                    <p class="font-weight-medium"><span class="text-success">Afternoon Only</span> - {{implode(', ', $afternoonCareDays)}}</p>
                    @endif
                </div>
            </div>
        </div>
        @endif
        <div class="card"><!--likes and dislikes, favourites, other-->
            <div class="card-body">
                @php
                $hobbies = config('constant.hobbies'); $otherhobbies = $selectedhobbies = [];
                if(isset($child->hobbies) && !empty($child->hobbies)){
                    $otherhobbies = array_diff($child->hobbies,$hobbies);
                    $selectedhobbies = array_except($child->hobbies, $otherhobbies);
                }
                $fears = config('constant.fears'); $otherFears = $selectedFears = [];
                if(isset($child->fears) && !empty($child->fears)){
                    $otherFears = array_diff($child->fears,$fears);
                    $selectedFears = array_except($child->fears, $otherFears);
                }
                @endphp
                @if(!empty($selectedhobbies))
                <h5 class="m-0 mb-4 font-size-18">My likes and dislikes</h5>
                <div class="">
                    @if(!empty($selectedhobbies) || !empty($selectedFears))
                    <div class="media mb-3">
                        <div class="avatar rounded-circle custom-icon-green mr-3">
                            <span class="avatar-title text-primary font-weight-medium icon-like"></span>
                        </div>
                        <div class="media-body">
                            <p class="font-weight-medium mb-0">I like {{ implode(', ', $selectedhobbies) }}.</p>
                            <p class="font-weight-medium mb-0">{{ implode(', ', $otherhobbies) }}</p>
                        </div>
                    </div>
                    @endif

                    @if(!empty($selectedFears))
                    <div class="media mb-3">
                        <div class="avatar rounded-circle custom-icon-pink mr-3">
                            <span class="avatar-title text-primary font-weight-medium icon-unlike"></span>
                        </div>
                        <div class="media-body">
                            <p class="font-weight-medium mb-0">I don’t like {{ implode(', ', $selectedFears) }}.</p>
                            <p class="font-weight-medium mb-0">{{ implode(', ', $otherFears) }}</p>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="border-bottom my-4 mx-n5"></div>
                @endif
                @if(isset($child->favourites) && !empty($child->favourites))
                <h5 class="m-0 mb-4 font-size-18">My favourites</h5>
                <div class="">
                    @foreach($child->favourites as $favourite)
                    @if(isset($favourite->description) && $favourite->description != "")
                    <div class="media mb-3">
                        <div class="avatar rounded-circle custom-icon-yellow mr-3">
                            <span class="avatar-title text-primary font-weight-medium icon-star"></span>
                        </div>
                        <div class="media-body">
                            <p class="font-weight-medium mb-0">My favourite {{ $favourite->title}} {{ isset($favourite->description) && $favourite->description != "" ? 'is ' . $favourite->description : '' }}</p>
                        </div>
                    </div>
                    @endif
                    @endforeach
                </div>
                <div class="border-bottom my-4 mx-n5"></div>
                @endif
                <h5 class="m-0 mb-4 font-size-18">Other</h5>
                <div class="">
                    <div class="media mb-3">
                        <div class="avatar rounded-circle custom-icon-green mr-3">
                            <span class="avatar-title text-primary font-weight-medium icon-toilet"></span>
                        </div>
                        <div class="media-body">
                            <p class="font-weight-medium mb-0">{{ isset($child->toiletTrained) && $child->toiletTrained == true ? 'I am toilet trained.' : 'I am not toilet trained.'}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card"><!--Medical & health-->
            <div class="card-body">
                <div class="d-sm-flex mb-4">
                    <h5 class="mb-1 font-size-18">Medical & health</h5>
                    @if(isset($child->immuniseSighted) && $child->immuniseSighted == true)
                    <div class="text-success ml-sm-auto font-size-12 font-weight-medium"><i class="icon-checked"></i>Immunisation records sighted by school staff</div>
                    @endif
                </div>
                <div class="">
                    @if(isset($child->immunised) && $child->immunised == true)
                        <p class="font-weight-medium mb-3 text-success">My child has been immunised</p>
                    @endif
                    @if(isset($child->anaphylaxisDiagnosed) && $child->anaphylaxisDiagnosed == true)
                    <p class="font-weight-medium mb-3 text-success">My child has been diagnosed as at risk of anaphylaxis</p>
                    @endif

                    @if(isset($child->immunised) && $child->immunised == true)
                        @if(isset($child->vaccines) && !empty($child->vaccines))
                        @php $vcount = 0; @endphp
                        @foreach($child->vaccines as $vaccine)

                            <p class="font-weight-medium mb-0">{{isset($vaccine->name) ? $vaccine->name : 'NA'}}</p>
                            <p class="font-size-12 mb-3">Given date: {{ isset($vaccine->date) && $vaccine->date != "" ? \Carbon\Carbon::parse($vaccine->date)->format('d/m/Y') : 'NA'}}</p>

                            <div class="mb-3 upload-multiple-file">
                                @if(isset($vaccine->documents) && !empty($vaccine->documents))
                                @foreach($vaccine->documents as $documents)
                                @php $ext = pathinfo($documents->url, PATHINFO_EXTENSION); @endphp
                                <div class="upload-item">
                                    <a href="{{ $documents->url }}" class="text-grey" download>
                                        <div class="upload-file show {{ strtolower($ext) == 'pdf' ? 'pdf' : 'image' }}">
                                            <i class="icon-pdf"></i>
                                            <img src="{{ $documents->url }}" class="icon-image" />
                                        </div>
                                        <span class="file-name">{{$documents->name}}</span>
                                    </a>
                                </div>
                                @endforeach
                                @endif
                            </div>

                        @endforeach
                        @endif
                    @endif
                </div>
                <div class="mb-3">
                    @if(isset($child->hasAllergies) && $child->hasAllergies == true)
                    <h6 class="font-size-14 mb-1">My child has allergies or sensitivities</h6>
                        @if(isset($child->allergiesDiagnosed) && $child->allergiesDiagnosed == true)
                        <p class="mb-0">My child has been diagnosed by a doctor  {{isset($child->allergiesDiagnosing) && $child->allergiesDiagnosing == true ? '(Diagnosis ongoing)' : ''}}</p>
                        @elseif(isset($child->allergiesDiagnosing) && $child->allergiesDiagnosing == true)
                        <p class="mb-0">Diagnosis ongoing</p>
                        @endif
                    <p class="mb-0">Date of diagnosis: {{ isset($child->allergiesDiagnosedDate) && $child->allergiesDiagnosedDate != "" ? \Carbon\Carbon::parse($child->allergiesDiagnosedDate)->format('d/m/Y') : 'NA' }}</p>
                    <p class="mb-0">{{ isset($child->allergiesDescription) ? $child->allergiesDescription : '' }}</p>
                    @endif
                </div>
                <div class="mb-3">
                    @if(isset($child->specialNeedsRequired) && $child->specialNeedsRequired == true)
                    <h6 class="font-size-14 mb-1">My child has any medical conditions or special needs</h6>
                        @if(isset($child->specialNeedsDiagnosed) && $child->specialNeedsDiagnosed == true)
                        <p class="mb-0">My child has been diagnosed by a doctor  {{isset($child->specialNeedsDiagnosing) && $child->specialNeedsDiagnosing == true ? '(Diagnosis ongoing)' : ''}}</p>
                        @elseif(isset($child->specialNeedsDiagnosing) && $child->specialNeedsDiagnosing == true)
                        <p class="mb-0">Diagnosis ongoing</p>
                        @endif
                    <p class="mb-0">Date of diagnosis: {{ isset($child->specialNeedsDiagnosedDate) && $child->specialNeedsDiagnosedDate != "" ? \Carbon\Carbon::parse($child->specialNeedsDiagnosedDate)->format('d/m/Y') : 'NA' }}</p>
                    <p class="mb-0">{{ isset($child->specialNeedsDescription) ? $child->specialNeedsDescription : '' }}</p>
                    @endif
                </div>
                <div class="mb-3">
                    @if(isset($child->dietaryRestrications) && $child->dietaryRestrications == true)
                    <h6 class="font-size-14 mb-1">My child has any dietary restrictions</h6>
                    <p class="mb-0">{{ isset($child->restricationDescription) ? $child->restricationDescription : '' }}</p>
                    @endif
                </div>
                {{-- <div class="mb-0">
                    <h6 class="font-size-14 mb-1">Other medical concerns</h6>
                    <p class="mb-0">{{ isset($child->medicalConcerns) ? $child->medicalConcerns : '-' }}</p>
                </div> --}}
            </div>
        </div>
        @if(isset($child->requiredItems) && !empty($child->requiredItems))
        <div class="card"><!--Passport-->
            <div class="card-body">
                @foreach($child->requiredItems as $requiredItems)
                    <h5 class="m-0 mb-4 font-size-18">{{ $requiredItems->name }}</h5>
                    <div class="upload-multiple-file">
                        @if(isset($requiredItems->documents) && !empty($requiredItems->documents))
                        @foreach($requiredItems->documents as $documents)
                        @php $ext = pathinfo($documents->url, PATHINFO_EXTENSION); @endphp
                        <div class="upload-item">
                            <div class="upload-file overflow-hidden show {{ strtolower($ext) == 'pdf' ? 'pdf' : 'image' }}">
                                <i class="icon-pdf"></i>
                                <img src="{{ $documents->url }}" class="icon-image" />
                            </div>
                            <span class="file-name">{{$documents->name}}</span>
                        </div>
                        @endforeach
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
        @endif
        <div class="card"><!--Registration policy-->
            <div class="card-body">
                <h5 class="m-0 mb-4 font-size-18">Consent</h5>
                @if(isset($child->policiesAndConsents) && !empty($child->policiesAndConsents))
                @foreach($child->policiesAndConsents as $policy)
                <div class="mb-3">
                    <h6 class="font-size-14 mb-1">{{$policy->name}}</h6>
                    <p class="mb-0">{!! str_ireplace(array("\r\n\t",'\r\n\t',"\r\n",'\r\n',"\n",'\n',"\t",'\t'),'<br/>',$policy->description) !!}</p>
                </div>
                @endforeach
                @endif
                <div class="mb-0">
                    <h6 class="font-size-14 mb-1">Mission statement</h6>
                    <p class="mb-0">{{ isset($child->missionTitle) ? $child->missionTitle : "" }}</p>
                    <p class="mb-0">{!! isset($child->missionDescription) ? str_ireplace(array("\r\n\t",'\r\n\t',"\r\n",'\r\n',"\n",'\n',"\t",'\t'),'<br/>',$child->missionDescription) : "" !!}</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal modal-medium fade" id="addNoteModal" role="dialog" aria-labelledby="" aria-modal="true">
    <form action="{{ route('children.note.add') }}" class="form-horizontal add-note-form">
        <input type="hidden" name="childId" value="{{ $child->_id }}">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title mb-1">Add notes</h3>
                    <p class="mb-0">You can add special attention note here.</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">
                                <textarea class="form-control" rows="5" name="message" placeholder="Add your notes here…"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success btn-min-width btn-add-note">Add note</button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal modal-medium fade" id="editNoteModal" role="dialog" aria-labelledby="" aria-modal="true">
    <form action="" class="form-horizontal">
        <input type="hidden" class="form-control" name="id" value="">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title mb-1">Edit note</h3>
                    <p class="mb-0">You can edit special attention note here.</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">
                                <textarea class="form-control" rows="5" name="note" placeholder="Add your notes here…">Vivamus eget aliquam dui. Integer eu arcu vel arcu suscipit ultrices quis non mauris. Aenean scelerisque, sem eu dictum commodo, velit nisi blandit magna, quis scelerisque ipsum lectus ut libero. Sed elit diam, dignissim ac congue quis, aliquam in purus. Proin ligula nulla, scelerisque quis venenatis pulvinar, congue eget neque. Proin scelerisque metus sit amet dolor tempor vehicula. Sed laoreet quis velit vitae facilisis. Duis ut sapien eu urna laoreet maximus. Donec nibh diam, vulputate vel nulla ut, viverra congue turpis. Fusce consectetur posuere purus, eget placerat nunc hendrerit at. Sed lectus dui, euismod a odio vitae, dictum dictum justo. Donec condimentum nunc vitae libero bibendum, cursus ultrices massa commodo.</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success btn-min-width btn-save-note" data-dismiss="modal">Save note</button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal modal-medium fade" id="addParentModal" role="dialog" aria-labelledby="" aria-modal="true">
    <form action="{{ $is_school ? route('children.parent.add') : route('parent.parent.add') }}" class="form-horizontal add-parent-form">
        <input type="hidden" name="schoolId" value="{{ $child->school }}">
        <input type="hidden" name="childId" value="{{ $child->_id }}">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title mb-1">Add parent/guardian </h3>
                    @if($is_school)
                    <p class="mb-0">You can add new parent/guardian</p>
                    @else
                    <p class="mb-0">If you want this parent/guardian to use the app, please contact the school administrator.</p>
                    @endif
                    <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-md-3 col-form-label">Name</label>
                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-md-6 mb-md-0 mb-3">
                                        <input type="text" class="form-control" name="firstName" placeholder="First name" value="">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="lastName" placeholder="Last name" value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">Email</label>
                            <div class="col-md-9">
                                <input type="text" class="form-control" name="email" value="">
                            </div>
                        </div>
                        @if($is_school)
                        <div class="form-group row">
                            <div class="col-auto">
                                <div class="checkbox big checkbox-pink pt-lg-1">
                                    <input type="checkbox" class="" name="shared" id="shared" value="1" checked>
                                    <label for="shared" class="pt-2">Invite this parent/guardian to use the parents app</label>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success btn-min-width btn-save-parent">Add parent/guardian </button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal modal-medium fade" id="EmergencyContactModal" role="dialog" aria-labelledby="" aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title mb-1">Emergency Contacts</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body pt-2">
                @php
                    $is_em_exists = false;
                @endphp
                @if(isset($child->parents) && !empty($child->parents))
                    @foreach($child->parents as $parent)
                        @if(isset($parent->emergencyContact) && $parent->emergencyContact == true)
                        @php
                            $is_em_exists = true;
                        @endphp
                        <div class="media mb-3 align-items-start">
                            <div class="avatar rounded-circle custom-icon-purple mr-3">
                                <img src="{{ isset($parent->parent) ? $parent->parent->profileImage : $parent->emailImage }}" alt="parent" class="avatar rounded-circle">
                            </div>
                            <div class="media-body d-md-flex">
                                <div class="">
                                    <h6 class="mt-1 mb-0 font-size-14 text-success">{{ isset($parent->firstName) && isset($parent->lastName) ? $parent->firstName . ' ' . $parent->lastName : 'NA' }} @if(isset($parent->relation)) ({{ $parent->relation }}) @endif</h6>
                                    <p class="mt-1 mb-0 font-size-12">{{ isset($parent->email) ? $parent->email : 'NA' }} <span class="before">{{ isset($parent->phone) ? $parent->phone : 'NA' }}</span></p>
                                    <p class="font-size-12 mb-0">{{ isset($parent->address) ? $parent->address : 'NA' }}</p>
                                </div>
                                @if(isset($parent->shared) && $parent->shared == true)
                                    <div class="text-success ml-auto font-size-12"><i class="icon-checked"></i>Invited to use the app</div>
                                @endif
                            </div>
                        </div>
                        @endif
                    @endforeach
                @endif

                @if(!$is_em_exists)
                <div class="mb-3">No emergency contacts have been added yet.</div>
                @endif
            </div>
        </div>
    </div>
</div>
<form id="download-form" action="{{ ($is_school ? route('children.report.download') : route('parent.child.report.download')) }}" method="GET" style="display: none;">
    @csrf
    <input type="hidden" name="child" value="{{ $child->_id}}">
    <input type="hidden" name="utcOffset" class="utcOffset" value="">
</form>
@endsection

@section('script-bottom')
<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/signature-pad/signature-pad.min.js') }}" type="text/javascript"></script>
<script type="text/javascript"> var removeNoteUrl = "{{ route('children.note.remove') }}", remindParentUrl = "{{ route('children.update.parent.remind') }}"; </script>
<script defer src="{{ Helper::assets('assets/js/pages/child-profile.js') }}" type="text/javascript"></script>
@endsection