@extends('layouts.vertical')

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

@php
$steacher = "";
if(app('request')->input('teacher')){
    $steacher = app('request')->input('teacher');
}
$relations = config('constant.relation');
@endphp

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Edit Training or Meeting Log</h4>
    </div>
</div>
@endsection


@section('content')
<div class="row edit-trainingLog" data-training="{{ $training->_id}}">
    <div class="col-md-12">
        <form action="{{route('training.update-traininglog')}}" method="post" class="edit-training-form" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="id" value="{{ $training->_id}}">
            <input type="hidden" name="backurl" value="{{ $training ? 'training' : '' }}">
            <div class="card">
                <div class="card-body">
                    <div class="add-to-room">
                        <h5 class="font-size-18 pb-3">General details</h5>
                        <div class="row mb-1">
                            <div class="col-lg-8 order-lg-1 order-2">
                                <div class="form-group row">
                                    <label class="col-xl-3 col-form-label">Date</label>
                                    <div class="col-xl-8">
                                        <span class="flatpickr-arrow"></span>
                                        <input type="text" class="form-control flatpickr flatpickr-input" id="trainingDate" name="trainingDate"
                                        value="{{ isset($training->trainingDate) && $training->trainingDate != "" ? \Carbon\Carbon::parse($training->trainingDate)->format('d/m/Y') : old('trainingdate') }}" placeholder="">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-3 col-form-label">Title</label>
                                    <div class="col-xl-8">
                                        <input type="text" class="form-control" name="title" value="{{ isset($training->title) ? $training->title : old('title') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-3 col-form-label">Comments</label>
                                    <div class="col-xl-8">
                                        <textarea class="form-control " id="comment" name="comment" rows="3">{{isset($training->comment)?trim($training->comment):trim(old('comment'))}}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 order-lg-2 order-1">
                                @if(isset($training->documents) && !empty($training->documents))
                                    <div class="form-group row align-items-center justify-content-center ">
                                        <label class="col-lg-12 col-form-label font-weight-bold">Associated Documentation</label>
                                        <div class="col-lg-10 pl-lg-1">
                                            <div class="upload-multiple-file-training-log">
                                                <div class="upload-item-training-log">
                                                    <div class="upload-file-training-log">
                                                        <i class="icon-cross-training-log"></i>
                                                        <i class="icon-plus-training-log"></i>
                                                        <i class="icon-pdf-training-log"></i>
                                                        <img src="" class="icon-image-training-log" />
                                                        <input type="file" name="trainingLogItems[]" class="file" data-error="uploadfile-error">
                                                    </div>
                                                    {{-- <span class="file-name"></span> --}}
                                                </div>

                                                @php $rcount = 0; @endphp
                                                @foreach($training->documents as $document)
                                                @php $ext = pathinfo($document->url, PATHINFO_EXTENSION); @endphp
                                                <div class="upload-item-training-log">
                                                    <div class="upload-file-training-log show {{ strtolower($ext) == 'pdf' ? 'pdf' : 'image' }}">
                                                        <i class="icon-cross-training-log"></i>
                                                        <i class="icon-plus-training-log"></i>
                                                        <i class="icon-pdf-training-log"></i>
                                                        <img src="{{ $document->url }}" class="icon-image-training-log" />
                                                        <input type="hidden" name="keptDocuments[{{$rcount}}]" value="{{ $document->_id }}" class="old">
                                                    </div>
                                                    {{-- <span class="file-name"></span> --}}
                                                </div>
                                                @php $rcount++; @endphp
                                                @endforeach
                                            </div>
                                            <div class="uploadfile-error"></div>
                                            {{-- <button type="button" class="btn btn-pink mr-2 mb-2 btn-upload">Upload Documentation</button>
                                            <input type="file" class=" input-validate" name="trainingDoc" id="trainingDoc"> --}}
                                        </div>
                                    </div>
                                    @else
                                    <div class="form-group row align-items-center justify-content-center ">
                                        <label class="col-lg-12 col-form-label font-weight-bold">Associated Documentation</label>
                                        <div class="col-lg-10 pl-lg-1">
                                            <div class="upload-multiple-file-training-log">
                                                <div class="upload-item-training-log">
                                                    <div class="upload-file-training-log">
                                                        <i class="icon-cross-training-log"></i>
                                                        <i class="icon-plus-training-log"></i>
                                                        <i class="icon-pdf-training-log"></i>
                                                        <img src="" class="icon-image-training-log" />
                                                        <input type="file" name="trainingLogItems[]" class="file" data-error="uploadfile-error">
                                                    </div>
                                                    {{-- <span class="file-name"></span> --}}
                                                </div>
                                            </div>
                                            <div class="uploadfile-error"></div>
                                            {{-- <button type="button" class="btn btn-pink mr-2 mb-2 btn-upload">Upload Documentation</button>
                                            <input type="file" class=" input-validate" name="trainingDoc" id="trainingDoc"> --}}
                                        </div>
                                    </div>
                                @endif

                            </div>
                        </div>
                        <div class="row border-bottom my-5 mx-n5"></div>
                        <h5 class="font-size-18 pb-3">Associated Staff</h5>
                                <div class="form-group row">

                                        @if(isset($teachers) && !empty($teachers))
                                        @foreach ($teachers as $teacher)
                                        @php $flag = 0; @endphp
                                        <div class="col text-center child-item mb-sm-3 mb-2" style="">
                                            <label>
                                                <input type="checkbox"
                                                @if(isset($training->teachers) && !empty($training->teachers))
                                                    @foreach ($training->teachers as $addedTeacher)
                                                        @if($addedTeacher->teacher === $teacher->_id)
                                                            {{'checked'}}
                                                        @endif
                                                    @endforeach
                                                @endif
                                                class="checkbox-child" data-error="child-error" name="userTeacher[]" value="{{$teacher->_id}}">
                                                <div class="child-image position-relative ">
                                                    <i class="uil uil-check icon-check-training"></i>
                                                    <img src="{{$teacher->profileImage}}" class="img-child medium" alt="Child">
                                                    <h5 class="mt-2 mb-0 font-size-18">{{$teacher->firstName}} {{$teacher->lastName}}</h5>
                                                </div>
                                            </label>
                                        </div>

                                        @endforeach
                                        @endif
                                </div>

                        <div class="row border-bottom my-5 mx-n5"></div>
                        <h5 class="font-size-18 pb-3">Training Duration</h5>
                        <div class="section-repeater" data-startingIndex="1" data-first-item-remove="false">
                            <div class="r-group">
                                <div class="row">
                                    <div class="col-md order-2 order-md-1">
                                        <div class="row">
                                            <div class="col-xl-6">
                                                <div class="form-group row">
                                                    <label class="col-xl-4 col-md-2 col-auto col-form-label">Duration Mode</label>
                                                    <div class="col-xl-8 col-lg-10">
                                                        <div class="row">
                                                            <div class="col-md-12 mb-3 mb-md-0">
                                                                <select class="form-control wide add-Mode" data-plugin="customselect" id="durationMode" name="durationMode" data-placeholder="Select Duration Mode">
                                                                    <option value="0" {{ (isset($training->trainingExpiryDate) && !empty($training->trainingExpiryDate))   ? 'selected' : '' }}>Fixed</option>
                                                                    <option value="1" {{ (!isset($training->trainingExpiryDate) && empty($training->trainingExpiryDate)) ? 'selected' : '' }}>On-going</option>
                                                                </select>
                                                            </div>

                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xl-6">
                                                <div class="form-group row">
                                                    <label class="col-xl-4 col-md-2 col-auto col-form-label">Duration</label>
                                                    <div class="col-xl-8 col-lg-10">
                                                        <div class="row">
                                                            <div class="col-md-12 mb-3 mb-md-0">
                                                                <input type="text" class="form-control" name="duration" id="duration" value="{{ isset($training->duration) ? $training->duration : old('duration') }}">
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-6">
                                                <div class="form-group row">
                                                    <div class="col-xl-12 col-lg-10">
                                                        <select class="form-control wide" data-plugin="customselect" name="durationType" id="durationType" data-placeholder="Select Duration Type">

                                                            <option value="0" {{ (isset($training->durationType) ? $training->durationType : old('durationType')) == "0" ? 'selected' : '' }}>Minutes</option>
                                                            <option value="1" {{ (isset($training->durationType) ? $training->durationType : old('durationType')) == "1" ? 'selected' : '' }}>Hours</option>
                                                            <option value="2" {{ (isset($training->durationType) ? $training->durationType : old('durationType')) == "2" ? 'selected' : '' }}>Days</option>
                                                            <option value="3" {{ (isset($training->durationType) ? $training->durationType : old('durationType')) == "3" ? 'selected' : '' }}>Months</option>
                                                            <option value="4" {{ (isset($training->durationType) ? $training->durationType : old('durationType')) == "4" ? 'selected' : '' }}>Years</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="col-lg-2 col-auto col-form-label">Expiry</label>
                                                    <div class="col-lg-10">
                                                        <span class="flatpickr-arrow"></span>
                                                        <input type="text" class="form-control flatpickr flatpickr-input" id="trainingExpiryDate" name="trainingExpiryDate"
                                                        value="{{ isset($training->trainingExpiryDate) && $training->trainingExpiryDate != "" ? \Carbon\Carbon::parse($training->trainingExpiryDate)->format('d/m/Y') : old('trainingExpiryDate') }}" placeholder="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-5">
                <button type="submit" class="btn btn-success btn-min-width mr-2">Update Log</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/select2/select2.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/training-edit.js') }}" type="text/javascript"></script>
<script>

</script>
@endsection