@extends('layouts.admin', ['title' => 'Training Session'])

@push('stylesheets')

    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <link href="https://cdn.jsdelivr.net/npm/dual-listbox/dist/dual-listbox.css" rel="stylesheet"/>
{{--    <link rel="stylesheet" href="{{ asset('/assets/libs/nouislider/nouislider.min.css') }} ">--}}
    <link rel="stylesheet" href="{{asset('assets/css/lightbox.min.css')}}">

@endpush

@section('content')
    <div class="main-content">

        <div class="page-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
                                <li class="breadcrumb-item"><a href="{{url('/training')}}">Training</a></li>
                                <li class="breadcrumb-item"><a href="{{url('/training/sessions')}}">Training Sessions</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Session Details</li>
                            </ol>
                        </nav>
                    </div>
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="col-md-10 col-12">
                                <div class="card-header d-flex align-items-center justify-content-between">
                                    <h5 class="card-title mb-0">Training Session Details</h5>
                                    <a href="/export-data?type=session_attendees&session_id={{$trainingSession->id}}" class="btn btn-dark">Download Attendees</a>
                                </div>
                                <div class="card-body">
                                    <dl class="row">
                                        <dt class="col-sm-3">Training</dt>
                                        <dd class="col-sm-9">{{$trainingSession->training->description}}</dd>

                                        <dt class="col-sm-3">Module</dt>
                                        <dd class="col-sm-9">{{$trainingSession->training->training_submodules[0]->training_module->title}}</dd>

                                        <dt class="col-sm-3">Sub-modules</dt>
                                        <dd class="col-sm-9">
                                            <ul>
                                                @foreach($trainingSession->training->training_submodules as $sub)
                                                    <li>{{$sub->description}}</li>
                                                @endforeach
                                            </ul>
                                        </dd>

                                        <dt class="col-sm-3">Duration</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->start_time}} to {{$trainingSession->end_time}}
                                        </dd>

                                        <dt class="col-sm-3">Venue</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->venue}}
                                        </dd>

                                        <dt class="col-sm-3">Location</dt>
                                        <dd class="col-sm-9">
                                            <dl class="row">
                                                <dt class="col-sm-3">Village</dt><dd class="col-sm-9">{{$trainingSession->village->village}}</dd>
                                                <dt class="col-sm-3">Parish</dt><dd class="col-sm-9">{{$trainingSession->village->parish->parish}}</dd>
                                                <dt class="col-sm-3">Subcounty</dt><dd class="col-sm-9">{{$trainingSession->village->parish->subcounty->sub_county}}</dd>
                                                <dt class="col-sm-3">District</dt><dd class="col-sm-9">{{$trainingSession->village->parish->subcounty->district->district}}</dd>
                                            </dl>
                                        </dd>

                                        <dt class="col-sm-3">Attendees</dt>
                                        <dd class="col-sm-9">
                                            <ul>
                                                @foreach($trainingSession->attendees as $participnt)
                                                    <li>{{$participnt->first_name}} {{$participnt->last_name}} ({{$participnt->farmerGroup->farmer_group}})</li>
                                                @endforeach
                                            </ul>
                                        </dd>

                                        <dt class="col-sm-3">Attendee Images</dt>
                                        <dd class="col-sm-9">
                                            <ul class="list-inline">
                                                @foreach($trainingSession->attendee_images as $url)
                                                    <li class="list-inline-item">
                                                        <a data-lightbox="attendee_image" href="{{$url}}"><img src="{{$url}}" alt="attendee_image" height="80"></a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </dd>

                                        <dt class="col-sm-3">Attendance List Images</dt>
                                        <dd class="col-sm-9">
                                            <ul class="list-inline">
                                                @foreach($trainingSession->attendance_list_images as $url)
                                                    <li class="list-inline-item">
                                                        <a data-lightbox="attendance_list_image" href="{{$url}}"><img src="{{$url}}" alt="attendee_image" height="80"></a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </dd>

                                        <dt class="col-sm-3">Facilitators</dt>
                                        <dd class="col-sm-9">
                                            <ul>
                                                @foreach($trainingSession->facilitators as $user)
                                                    <li>{{$user->name}} ({{$user->roles->implode('role',',')}})</li>
                                                @endforeach
                                            </ul>
                                        </dd>

                                        <dt class="col-sm-3">Saved By</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->user->name}}
                                        </dd>
                                    </dl>

                                    <dl class="row">
                                        <h5>Activity Description</h5>

                                        <dt class="col-sm-3">Objectives</dt>
                                        <dd class="col-sm-9">{{$trainingSession->objectives}}</dd>

                                        <dt class="col-sm-3">Methodology</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->methodology}}
                                        </dd>

                                        <dt class="col-sm-3">Findings and Observations</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->findings_and_observations}}
                                        </dd>

                                        <dt class="col-sm-3">Challenges Encountered</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->challenges_encountered}}
                                        </dd>

                                        <dt class="col-sm-3">Recommendations</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->recommendations}}
                                        </dd>

                                        <dt class="col-sm-3">Lessons Learned</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->lessons_learned}}
                                        </dd>

                                        <dt class="col-sm-3">Next Steps</dt>
                                        <dd class="col-sm-9">
                                            {{$trainingSession->next_steps}}
                                        </dd>
                                    </dl>

                                    <div class="row mt-5">
                                        <div class="col-12"><h5>Approval Status</h5></div>
                                        <div class="col-12">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>Approval</th>
                                                    <th>Status</th>
                                                    <th>Approval Note</th>
                                                    <th>Approved By</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td>Approval One</td>
                                                    <td>
                                                        @if($trainingSession->approval_one_status == "approved")
                                                            <span class="text-success">{{$trainingSession->approval_one_status}}</span>
                                                        @elseif($trainingSession->approval_one_status == "on hold")
                                                            <span class="text-warning">{{$trainingSession->approval_one_status}}</span>
                                                        @else
                                                            <span class="">{{$trainingSession->approval_one_status}}</span>
                                                        @endif
                                                    </td>
                                                    <td>{{$trainingSession->approval_note}}</td>
                                                    <td>{{$trainingSession->firstApprover?$trainingSession->firstApprover->name:''}}</td>
                                                </tr>
                                                <tr>
                                                    <td>Approval Two</td>
                                                    <td>
                                                        @if($trainingSession->approval_two_status == "approved")
                                                            <span class="text-success">{{$trainingSession->approval_two_status}}</span>
                                                        @elseif($trainingSession->approval_two_status == "on hold")
                                                            <span class="text-warning">{{$trainingSession->approval_two_status}}</span>
                                                        @else
                                                            <span class="">{{$trainingSession->approval_two_status}}</span>
                                                        @endif
                                                    </td>
                                                    <td>{{$trainingSession->approval_note}}</td>
                                                    <td>{{$trainingSession->secondApprover?$trainingSession->secondApprover->name:''}}</td>
                                                </tr>
                                                <tr>
                                                    <td>Approval Three</td>
                                                    <td>
                                                        @if($trainingSession->approval_three_status == "approved")
                                                            <span class="text-success">{{$trainingSession->approval_three_status}}</span>
                                                        @elseif($trainingSession->approval_three_status == "on hold")
                                                            <span class="text-warning">{{$trainingSession->approval_three_status}}</span>
                                                        @else
                                                            <span class="">{{$trainingSession->approval_three_status}}</span>
                                                        @endif
                                                    </td>
                                                    <td>{{$trainingSession->approval_note}}</td>
                                                    <td>{{$trainingSession->thirdApprover?$trainingSession->thirdApprover->name:''}}</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!--end col-->
                </div><!--end row-->
            </div>
            <!-- container-fluid -->
        </div>


        <!-- End Page-content -->


@endsection

        @push('scripts')
            <script src="{{asset('assets/js/lightbox.min.js')}}"></script>
            {{--<script src="{{asset('assets/js/lightbox-plus-jquery.js')}}"></script>--}}
            <script>

            </script>
        @endpush