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

@section('css')
<link href="{{ Helper::assets('assets/libs/fancybox-master/dist/jquery.fancybox.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@php
    $selectedChild = "";
    $is_child_exist = false;
    if(app('request')->input('child')){
        $selectedChild = app('request')->input('child');
    }
    $page = 1;
    if(app('request')->input('page')){
        $page = app('request')->input('page');
    }
@endphp

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-auto">
        <div class="media">
            <img src="{{ $init->child->profileImage }}" class="img-child small-medium mr-3" alt="Child" />
            <div class="media-body">
                <h4 class="mb-1 mt-0 font-weight-medium">Edit goals for {{ $init->child->name }}</h4>
                <p class="mb-0">Added on {{ \Carbon\Carbon::parse($init->_createdAt)->format('d/m/Y') }}</p>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <form method="post" action="{{ route($viewVars['routePrefix'].'learning-story-analysis.update-steps') }}" class="learning-story-analysis-goals-form">
            @csrf
            <input type="hidden" name="page" value="{{$page}}">
            <input type="hidden" name="room" value="{{$init->child->room}}">
            <input type="hidden" name="id" value="{{$init->_id}}">
            @php $dob = \Carbon\Carbon::parse($init->child->dob)->diffInMonths(\Carbon\Carbon::now()); @endphp
            <input type="hidden" class="input-child" name="child" value="{{$init->child->_id}}" data-age="{{$dob}}">
            <div class="card">
                <div class="card-body">
                    <h5 class="font-size-18">Write comment</h5>
                    <div class="">
                        <textarea class="form-control" name="comment" rows="5" placeholder="Type your comment here…">{{isset($init->comment) ? $init->comment : ""}}</textarea>
                    </div>
                    <div class="row border-bottom my-5 mx-n5"></div>
                    <ul class="nav nav-pills navtab-bg nav-curricula">
                        @if(isset($init->activeCurricula) && !empty($init->activeCurricula))
                        @foreach($init->activeCurricula as $key => $curricula)
                        @if(isset($curricula->themes) && !empty($curricula->themes))
                        <li class="nav-item">
                            <a href="#tab2-{{$curricula->_id}}" data-toggle="tab" aria-expanded="{{ $key == 0 ? 'true' : 'false' }}"  class="nav-link {{ $key == 0 ? '' : 'collapsed' }}" data-framework="{{$curricula->isFramework}}" data-minAge="{{$curricula->isFramework && isset($curricula->minAge) && $curricula->minAge > 0 ? $curricula->minAge : '' }}" data-maxAge="{{$curricula->isFramework && isset($curricula->minAge) && $curricula->minAge > 0 ? $curricula->maxAge : '' }}" style="display:{{$curricula->isFramework ? "none" : "block"}}">
                                <span class="d-sm-block">{{$curricula->name}} {{$curricula->isFramework && (isset($curricula->minAge) && $curricula->minAge > 0 || isset($curricula->maxAge) && $curricula->maxAge > 0) ? '('. $curricula->minAge .'-'. $curricula->maxAge .' months)' : '' }}</span>
                            </a>
                        </li>
                        @endif
                        @endforeach
                        @endif
                    </ul>
                    <div class="tab-content">
                        @php $count = 0 @endphp
                        @if(isset($init->activeCurricula) && !empty($init->activeCurricula))
                        <p>The following are goals which haven’t been achieved yet.</p>
                        @foreach($init->activeCurricula as $key => $curricula)
                        @if(isset($curricula->themes) && !empty($curricula->themes))
                        @php $achivedCurricula = collect($init->curricula)->where('curriculum', $curricula->_id)->first(); @endphp
                        <div class="tab-pane tab-curricula {{  $key == 0 ? 'active' : '' }}" id="tab2-{{$curricula->_id}}">
                            <div class="accordion custom-accordionwitharrow" id="accordionTheme{{$curricula->_id}}">
                            @foreach($curricula->themes as $theme)
                                @php $achivedTheme = [];
                                if(isset($achivedCurricula->themes)) {
                                    $achivedTheme = collect($achivedCurricula->themes)->where('_id', $theme->_id)->first();
                                }
                                @endphp
                                <div class="card shadow-none border">
                                    <div class="card-header" id="headingTheme-{{$theme->_id}}-{{$count}}">
                                        <div class="row align-items-center">
                                            <a href="javascipt:;" data-toggle="collapse" data-target="#collapseTheme-{{$theme->_id}}-{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapseTheme-{{$theme->_id}}-{{$count}}" class="text-grey col {{ $count == 1 ? '' : '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}}-{{$count}}" aria-expanded="{{ $count == 1 ? 'true' : 'false' }}" aria-controls="collapseTheme-{{$theme->_id}}-{{$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="collapseTheme-{{$theme->_id}}-{{$count}}" class="collapse {{ $count == 1 ? 'show' : '' }}" aria-labelledby="headingTheme-{{$theme->_id}}-{{$count}}" data-parent="#accordionTheme{{$curricula->_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))
                                                        @php $achivedAims = [];
                                                        if(isset($achivedTheme->aims)) {
                                                            $achivedAims = collect($achivedTheme->aims)->where('_id', $aims->_id)->first();
                                                        }
                                                        @endphp

                                                        @foreach($aims->goals as $goal)
                                                            @php $achivedGoal = 0;
                                                            if(isset($achivedAims->goals)) {
                                                                $achivedGoal = collect($achivedAims->goals)->where('_id', $goal->_id)->count();
                                                            }
                                                            @endphp
                                                            @if(!isset($init->goals) || ($achivedGoal) || (isset($init->goals) && !in_array($goal->_id, $init->goals)))
                                                            <div class="col-12 learning-goal" data-id="{{$goal->_id}}">
                                                                <div class="checkbox big checkbox-pink mb-2">
                                                                    <input type="checkbox" class="goal-checkbox" name="goals[]" id="goals-{{$goal->_id}}" value="{{$goal->_id}}" data-error="goal-error" {{$achivedGoal ? 'disabled checked' : ''}}>
                                                                    <label for="goals-{{$goal->_id}}" class="pt-2 font-weight-normal" title="{{ $achivedGoal ? 'This standard is already achieved' : ''}}" data-toggle="tooltip" data-placement="right">{{$goal->description}}</label>
                                                                </div>
                                                            </div>
                                                            @endif
                                                        @endforeach
                                                        @endif
                                                    </div>
                                                    @endforeach
                                                @else
                                                    @if(isset($theme->goals) && !empty($theme->goals))
                                                    @foreach($theme->goals as $goal)
                                                    @php $achivedGoal = 0;
                                                    if(isset($achivedTheme->goals)) {
                                                        $achivedGoal = collect($achivedTheme->goals)->where('_id', $goal->_id)->count();
                                                    }
                                                    @endphp
                                                    @if(!isset($init->goals) || ($achivedGoal) || (isset($init->goals) && !in_array($goal->_id, $init->goals)))
                                                    <div class="col-12 learning-goal" data-id="{{$goal->_id}}">
                                                        <div class="checkbox big checkbox-pink mb-2">
                                                            <input type="checkbox" class="goal-checkbox" name="goals[]" id="goals-{{$goal->_id}}" value="{{$goal->_id}}" data-error="goal-error" {{$achivedGoal ? 'disabled checked' : ''}}>
                                                            <label for="goals-{{$goal->_id}}" class="pt-2 font-weight-normal" title="{{ $achivedGoal ? 'This standard is already achieved' : ''}}" data-toggle="tooltip" data-placement="right">{{$goal->description}}</label>
                                                        </div>
                                                    </div>
                                                    @endif
                                                    @endforeach
                                                    @endif
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @php $count++ @endphp
                            @endforeach
                            </div>
                        </div>
                        @endif
                        @endforeach
                        @endif
                    </div>
                    <div class="goal-error"></div>
                </div>
            </div>
            <div class="mt-3">
                <button type="submit" class="btn btn-success btn-min-width" id="save">Save details</button>
            </div>
        </form>
    </div>
</div>
@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/fancybox-master/dist/jquery.fancybox.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/learning-story-analysis-goals.js') }}" type="text/javascript"></script>
@endsection