@extends($viewVars['loadTeacherLayout'] ? 'layouts.teacher' : '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/sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-auto">
        <h4 class="mb-0 mt-0 font-weight-medium">LSA Reports shared with parents</h4>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-auto">
                        <div class="media">
                            <img src="{{ $init->child->profileImage }}" class="img-child medium">
                            <div class="media-body ml-3">
                                <h4 class="font-size-18 font-weight-medium mb-0">{{$init->child->name}}</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="border-bottom my-5"></div>
                <div class="row">
                    <div class="col-12">
                        <table id="datatable"  class="table" data-title="Parent signatures">
                            <thead>
                                <tr>
                                    <th>Report period</th>
                                    <th>Parent name</th>
                                    <th>Parent’s signature</th>
                                    <th>Signed on</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($init->records) && !empty($init->records))
                                @foreach ($init->records as $record)
                                    <tr>
                                        <td>
                                            {{\Carbon\Carbon::parse($record->fromDate)->format('d/m/Y')}} to {{\Carbon\Carbon::parse($record->toDate)->format('d/m/Y')}}
                                        </td>
                                        <td>
                                            @if(isset($record->signatures) && !empty($record->signatures))
                                            @foreach ($record->signatures as $signature)
                                                <div>
                                                    <div class="media">
                                                        <img src="{{$signature->owner->profileImage??''}}" class="img-child extra-small" />
                                                        <div class="media-body ml-2">
                                                            {{$signature->owner->firstName??""}} {{$signature->owner->lastName??""}}
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                            @else
                                            -
                                            @endif
                                        </td>
                                        <td>
                                            @if(isset($record->signatures) && !empty($record->signatures))
                                            @foreach ($record->signatures as $signature)
                                                <div><img src="{{$signature->image??""}}" class="img-sign" /></div>
                                            @endforeach
                                            @else
                                            -
                                            @endif
                                        </td>
                                        <td>
                                            @if(isset($record->signatures) && !empty($record->signatures))
                                            @foreach ($record->signatures as $signature)
                                                <div>{{\Carbon\Carbon::parse($signature->signedOn)->format('d/m/Y')}}</div>
                                            @endforeach
                                            @else
                                            -
                                            @endif
                                        </td>
                                        <td>
                                            @if(isset($record->signatures) && !empty($record->signatures))
                                            -
                                            @else
                                            <a href="javascript:;" class="font-size-14 text-pink font-weight-semibold btn-unshare" data-id="{{$record->_id}}">Unshare</a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@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/moment/moment.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<script>
    var unshare_url = "{{route($viewVars['routePrefix'].'learning-story-analysis.unshare.reports')}}";
</script>
<script defer src="{{ Helper::assets('assets/js/pages/learning-story-shared-reports.js') }}" type="text/javascript"></script>
@endsection