@extends('Training::layouts.app')

@section('content')
    <h3 class="main_question mb-5">
        <button type="button" name="button" class="btn btn-primary"><i class="las la-certificate"></i>
        </button>
        Course Details
        <a href="{{ route('training.courses.index') }}" class="btn btn-primary float-right"><i
                class="las la-arrow-left"></i>
        </a>
    </h3>
    <div class="card">
        <div class="card-body">
            <div class="met-profile">
                <div class="row">
                    <div class="col-lg-6 align-self-center mb-3 mb-lg-0">
                        <div class="met-profile-main">
                            <div class="met-profile_user-detail">
                                <p class="mb-0 met-user-name-post text-dark">
                                    Category: {{ $trCourse->trCourseCategory->name }} | Code
                                    #{{ $trCourse->code }}</p>
                                <h5 class="met-user-name mt-0 mb-0">{{  $trCourse->name }}</h5>
                            </div>
                        </div>
                    </div><!--end col-->
                    <div class="col-lg-4 ml-auto">
                        <ul class="list-unstyled personal-detail text-right mb-0">
                            <li class="text-primary">Start Date:
                                <b>{{ date('d/m/Y', strtotime($trCourse->trClasses->first()->trClassSchedules->first()->start_time)) }}</b>
                            </li>
                            <li class="text-primary">End Date:
                                <b>{{ date('d/m/Y', strtotime($trCourse->trClasses->first()->trClassSchedules->first()->end_time)) }}</b>
                            </li>
                        </ul>
                    </div><!--end col-->
                </div><!--end row-->
            </div><!--end f_profile-->
            <div class="job_details mt-4">
                {!! $trCourse->description !!}
            </div>
        </div><!--end card-body-->
    </div>
    <div class="card mt-5">
        <div class="card-body">
            <div class="met-profile mb-4">
                <div class="row">
                    <div class="col-lg-12 align-self-center mb-3 mb-lg-0">
                        <div class="met-profile-main">
                            <div class="met-profile_user-detail">
                                <h5 class="met-user-name mt-0 mb-0">Course Materials</h5>
                            </div>
                        </div>
                    </div><!--end col-->
                </div><!--end row-->
            </div><!--end f_profile-->
            <div id="accordion">
                @forelse($trCourse->trCourseMaterials as $trCourseMaterial)
                    <div class="card mb-3">
                        <div class="card-header collapsed" data-toggle="collapse"
                             data-target="#collapse{{$loop->iteration}}">
                            <p class="card-link text-primary font-weight-bold">
                                {{ $trCourseMaterial->name . ' #' . $loop->iteration }}
                            </p>
                        </div>
                        <div id="collapse{{$loop->iteration}}" class="collapse"
                             data-parent="#accordion">
                            <div class="card-body">
                                @if($trCourseMaterial->type == 'Link' && in_array(parse_url($trCourseMaterial->link)['host'], ['www.youtube.com', 'youtube.com', 'www.youtu.be', 'youtu.be']))
                                    @php
                                        $url = parse_url($trCourseMaterial->link);
                                        $id = explode('=', $url['query']);
                                        $id = explode('&', $id[1])
                                    @endphp
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe class="embed-responsive-item"
                                                src="{{ $url['scheme'] . '://' . $url['host'] . '/embed/' . $id[0] }}"
                                                allowfullscreen></iframe>
                                    </div>
                                @else
                                    {{-- <a href="{{ route('training.courses.materials.Show', [$trCourse->id, $trCourseMaterial->id]) }}"
                                       target="_blank"
                                       class="btn btn-xs btn-primary mr-2" title="View">
                                        View
                                    </a> --}}
                                    <a href="{{ url($trCourseMaterial->link) }}"
                                       class="btn btn-xs btn-primary mr-2" title="Download" target="_blank" download="">
                                        View
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                @empty
                    No materials found!
                @endforelse
            </div>
        </div>
    </div>
@endsection