@extends('layouts.master')
@section('page-css')
<link rel="stylesheet" href="{{ asset('assets/styles/vendor/datatables.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/plugins.bundle.css') }}">
<link rel="stylesheet" href="{{asset('assets/styles/vendor/quill.snow.css')}}">
<link rel="stylesheet" href="{{ asset('css/bootstrap-multiselect.min.css') }}">

@endsection
@section('main-content')
<div class="breadcrumb">
    <h1>Training</h1>
</div>
<div class="separator-breadcrumb border-top"></div>
<!-- end of row -->

<div class="row mb-12">
    <div class="col-md-7 mb-7">

        <div class="card">
            <div class="card-body">
                <div class="form-row ">
                    <div class="col-md-12">
                        <h4>{{$data->title}}</h4>
                        <p class="text-primary mb-1 text-10">By: <span>{!! $trainers !!}</span></p>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-8">
                        <span class="badge badge-warning "><strong>Department:</strong> {{(isset($departmentNames) && $departmentNames !='')?$departmentNames:'NA'}}</span>
                        <span class="badge badge-primary m-2"><strong>Category:</strong> {{(isset($data->category->name) && $data->category->name !='')?$data->category->name:''}}</span>
                    </div>
                    <div class="col-md-4">
                        <div class="float-right">
                            <i class="i-MaleFemale text-16 mr-1" title="Aligned Employees">&nbsp;</i>
                            @if(isset($assigned_users))
                            {!! $assigned_users !!}
                            @endif
                            @if(isset($morePeople))
                            {!! $morePeople !!}
                            @endif
                        </div>
                    </div>
                    <div class="col-md-12">
                        <p class="text-primary mb-1 text-10"><i class="i-Calendar text-16 mr-1"></i> Due date: <span>{{date('D dS M, Y',strtotime($data->due_date))}}</span></p>
                    </div>
                </div>

                <hr>
                <div class="row">
                    <div class="col-md-12">
                        {!! nl2br($data->description) !!}
                    </div>
                </div>
                <hr>
                <div class="row ">
                    <div class="col-md-12">
                        <label><strong>Documents</strong></label>
                        <div id="previews">
                            @if(isset($pre_selected_docs) && count($pre_selected_docs) > 0)
                            @foreach($pre_selected_docs as $preDoc)
                            <div class="onyx-dropzone-info pre-list-docs">
                                <div class="details">
                                    <div>
                                        <a target="_blank" href="{{ route('downloadFile', ['fileId' => $preDoc->id]) }}"> <i class="fa-solid fa-download"></i> <span data-dz-name="">{{$preDoc->doc_name}}</span></a>
                                    </div>

                                </div>
                            </div>
                            @endforeach()
                            @else
                            <div class="text-muted text-11"><i class="fa-solid fa-magnifying-glass-minus"></i> No Document found</div>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Revisions -->
                <hr>
                <div class="row">
                    <div class="col-md-12">
                        <div class="ul-faq__list-details">
                            <div class="card-body p-0">
                                <label><strong>Activities</strong></label>
                                <div class="ul-widget-s6__items">
                                    @if(is_object($activities) && count($activities)>0)
                                    @foreach($activities as $activity)
                                    <div class="ul-widget-s6__item">
                                        <span class="ul-widget-s6__badge">
                                            <p class="badge-dot-warning ul-widget6__dot"></p>
                                        </span>
                                        <span class="ul-widget-s6__text">{{$activity->user->name ?? ''}} {{$activity->subcat->name ?? ''}} </span>
                                        <span class="ul-widget-s6__time"><i class="fa-regular fa-clock"></i> {{$activity->created_at->diffForHumans()}}</span>
                                    </div>
                                    @endforeach
                                    @else
                                    <div class="text-muted text-11"><i class="fa-regular fa-bell-slash"></i> No Activity found</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- end of revisions -->
            </div>
            <div class="custom-separator"></div>
        </div>

    </div>
    <div class="col-lg-5 col-md-5 mb-5">
        @include('partials.commentStaff')
    </div>
</div>

@endsection
@section('bottom-js')
<!-- page script -->

<script src="{{ asset('assets/js/vendor/datatables.min.js') }}"></script>
<script src="{{asset('assets/js/vendor/dropzone.min.js')}}"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script src="{{asset('assets/js/vendor/quill.min.js')}}"></script>
<script src="{{ asset('js/bootstrap-multiselect.min.js') }}"></script>
<!-- page script -->

@include('partials.commentStaffJs')
@endsection