@extends('layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/datatables/responsive.bootstrap4.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" />
@endsection

@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">{{$policy->name}}</h4>
        <p>Last updated: {{ date('d-m-Y, H:i', strtotime($policy->_updatedAt)) }}</p>
    </div>
    <div class="col-sm-6 col-xl-6">
        <div class="form-inline float-sm-right mt-3 mt-sm-0">
            <div class="">
                <a href="javascript:;" class="btn text-danger btn-min-width mr-2 mb-2 mb-sm-0 remove-policy" data-id="{{ $policy->_id }}">Remove policy or document</a>
                <a href="{{ route('teacher.policies.edit', ['id' => $policy->_id]) }}" class="btn btn-success btn-min-width mb-2 mb-sm-0">Edit policy or document</a>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
@if(isset($policy->reference))
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="mb-3">
                    <h5 class="font-size-18">Suggestions on what to include in this policy</h5>
                </div>
                <div class="col-xl-11 px-0">
                    <p class="mb-0">{!!$policy->suggestions!!}</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <h5 class="font-size-14">Description</h5>
                    <div>
                        <p>{!! str_ireplace(array("\r\n\t",'\r\n\t',"\r\n",'\r\n',"\n",'\n',"\t",'\t'),'<br/>',$policy->description) !!}</p>
                    </div>
                </div>
                <div class="mb-4">
                    <h5 class="font-size-14">Upload a PDF</h5>
                    @if(isset($policy->documents) && !empty($policy->documents))
                    @foreach($policy->documents as $document)
                    @php $ext = pathinfo($document->url, PATHINFO_EXTENSION); @endphp
                    <div>
                        <a href="{{$document->url}}" class="text-grey" download>
                            <div class="upload-file show {{ strtolower($ext) == 'pdf' ? 'pdf' : 'image' }}">
                                <i class="icon-pdf"></i>
                                <img src="{{ $document->url }}" class="icon-image" />
                            </div>
                            <span class="file-name">{{isset($document->name) ? $document->name : ""}}</span>
                        </a>
                    </div>
                    @endforeach
                    @else
                    Not uploaded
                    @endif
                </div>
                <h5 class="font-size-18">Approved by</h5>
                <div class="row">
                    @if(isset($policy->approvedBy) && !empty($policy->approvedBy))
                    @foreach($policy->approvedBy as $person)
                    <div class="col-lg-4">
                        <div class="form-group">
                            <p class="">{{$person->name}} ({{$person->position}})</p>
                            <div class="">
                                <img src="{{ $person->image }}" class="img-sign medium" alt="Sign" />
                            </div>
                        </div>
                    </div>
                    @endforeach
                    @else
                    <div class="col-lg-4">Not added</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-auto ml-auto">
                        @if($policy->isPublic == true || (count($policy->teachers) > 0))
                        <a href="javascript:;" class="btn btn-success btn-min-width ml-3 mb-2 mb-sm-0 btn-share-policy" data-id="{{ $policy->_id }}"><span>Unshare</span> policy or document</a>
                        @else
                        <a href="javascript:;" class="btn btn-success btn-min-width ml-3 mb-2 mb-sm-0 btn-share-policy" data-id="{{ $policy->_id }}"><span>Share</span> policy or document</a>
                        @endif
                    </div>
                </div>
                <table id="datatable" class="table table-striped dt-responsive" data-title="Educator signatures" data-nodata="This policy has not been shared with educators.">
                    <thead>
                        <tr>
                            <th>Educator name</th>
                            <th>Educator’s signature</th>
                            <th>Signed on</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($signatures) && !empty($signatures))
                        @foreach($signatures as $signature)
                        <tr>
                            <td class="text-sm-left">
                                <div class="media mb-2">
                                    <img src="{{ $signature->profileImage }}" class="img-meal small mr-2" alt="Educator" />
                                    <div class="media-body">{{$signature->firstName}} {{$signature->lastName}}</span></div>
                                </div>
                            </td>
                            <td>
                                <div class="mb-2">
                                    @if($signature->signed == true)
                                        <img src="{{ $signature->url }}" class="img-sign" alt="Sign" />
                                    @else
                                        Not Yet
                                    @endif
                                </div>
                            </td>
                            <td>
                                <div class="mb-2">
                                    @if($signature->signed == true)
                                        {{ \Carbon\Carbon::parse($signature->signedOn)->format('d/m/Y') }}
                                    @else
                                        -
                                    @endif
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
        <div class="my-5">
            <button type="button" class="btn btn-success btn-min-width mr-2 download-report" data-id="{{$policy->_id}}">Download policy or document</button>
        </div>
    </div>
</div>
<form id="download-form" action="{{ route('teacher.policies.report.download') }}" method="POST" style="display: none;">
    @csrf
    <input type="hidden" name="teacherPolicy" value="true">
    <input type="hidden" name="policy" class="id" value="">
    <input type="hidden" name="utcOffset" class="utcOffset" value="">
</form>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/datatables/jquery.dataTables.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/datatables/dataTables.responsive.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/datatables/dataTables.bootstrap4.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/ckeditor/ckeditor.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 imageuploadurl = "{{route('ckeditor.upload', ['_token' => csrf_token() ])}}", sharePolocyUrl = "{{ route('teacher.policies.share') }}",removePolocyUrl = "{{ route('teacher.policies.remove') }}", backurl="{{ route('teacher.policies') }}", rurl="{{ route('teacher.policies.show',['id' => 'ids']) }}"; </script>
<script defer src="{{ Helper::assets('assets/js/pages/policies.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/policies-add.js') }}" type="text/javascript"></script>
@endsection