@extends('web.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection
@section('content')
    <div class="page-heading">
        <div class="overlay"></div>
        <div class="container">
            <div class="text text-center">
                <h4>{{__('courses.course_name')}}</h4>
            </div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="#">{{__('main.home_page')}}</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="#">{{__('courses.head')}}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{$training->name}}</li>
                </ol>
            </nav>
        </div>
    </div>
    <section class="single-blog single-course">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="single-blog-inner">
                        <img src="{{is_array($training['images']) && count($training['images']) >= 1 ?asset($training['images'][0]):asset('assets/web/images/pic-5.jpg')}}">
                        <div class="card-body">
                            <div class="date">
                                <p>
                                    <b>{{date('D', strtotime($training->start_at))}}</b><br>
                                    {{date('M d Y', strtotime($training->start_at))}}
                                </p>
                            </div>
                            <h6 class="title">{{$training->name}}</h6>
                            <div class="course-details">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div class="item">
                                            <img src="{{$training->instructor_image ? asset($training->instructor_image) :asset('assets/web/images/instructor.jpg')}}" class="teacher-img" alt="">
                                            <div class="content">
                                                <p>{{__('courses.instructor')}}</p>
                                                <h6>{{$training->instructor_name}}</h6>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div class="item">
                                            <img src="{{asset('assets/web/images/icons/bookmark.png')}}" class="icon" alt="">
                                            <div class="content">
                                                <p>{{__('courses.category_id')}}</p>
                                                <h6>{{$training->category_name}}</h6>
                                            </div>
                                        </div>
                                    </div>
{{--                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                                        <div class="item">--}}
{{--                                            <img src="{{asset('assets/web/images/icons/students.png')}}" class="icon" alt="">--}}
{{--                                            <div class="content">--}}
{{--                                                <p>{{__('courses.trainers')}}</p>--}}
{{--                                                <h6>{{$training->available_users}} {{__('courses.registered')}}</h6>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                </div>
                            </div>
                            <div class="card">
                                <h5 class="card-header">{{__('courses.course_desc')}}</h5>
                                <div class="card-body">
                                    <p>{!! $training->description !!}</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card card-details">
                        <h6 class="card-header">{{__('courses.course_derails')}}</h6>
                        <div class="card-body">
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/dollar.svg')}}" class="icon">
                                    {{__('courses.price')}}
                                </p>
                                <p>{{$training->price . __('courses.currency')}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/dollar.svg')}}" class="icon">
                                    {{__('courses.user_price')}}
                                </p>
                                <p>{{$training->user_price . __('courses.currency')}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/start.svg')}}" class="icon">
                                    {{__('courses.start_at')}}
                                </p>
                                <p>{{$training->start_at}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/end.svg')}}" class="icon">
                                    {{__('courses.end_at')}}
                                </p>
                                <p>{{$training->end_at}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/stud.png')}}" class="icon">
                                    {{__('courses.current_trainers')}}
                                </p>
                                <p>{{$trainerCount}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/time.png')}}" class="icon">
                                    {{__('courses.duration')}}
                                </p>
                                <p>{{$training->hours . __('courses.hour')}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/quiz.png')}}" class="icon">
                                    {{__('courses.is_exam')}}
                                </p>
                                <p>{{$training->is_exam ? __('courses.yes') : __('courses.no')}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/degree.svg')}}" class="icon">
                                    {{__('courses.is_certification')}}
                                </p>
                                <p>{{$training->is_certified ? __('courses.yes') : __('courses.no')}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    <img src="{{asset('assets/web/images/icons/meeting-point.svg')}}" class="icon">
                                    {{__('courses.city')}}
                                </p>
                                <p>{{$training->city_name}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="card recent-news">
                        <h6 class="card-header">{{__('courses.latest_courses')}}</h6>
                        <div class="card-body">
                            @if($relatedTrainings->count())
                                @foreach($relatedTrainings as $relatedTraining)
                                    <a href="{{route('trainings.show', $relatedTraining->id)}}">
                                        <div class="item">
                                            <img src="{{$relatedTraining['images']>0?asset($relatedTraining['images'][0]):asset('assets/web/images/pic-3.jpg')}}">
                                            <div class="text ">
                                                <h6>{{$relatedTraining->name}}</h6>
                                                <p>{{str_limit($relatedTraining->name, 30)}}</p>
                                                <p class="date">{{date('Y M D', strtotime($relatedTraining->created_at))}}</p>
                                            </div>
                                        </div>
                                    </a>
                                @endforeach
                            @endif

                        </div>
                    </div>
                    <div class="join-us">
                        <img src="{{asset('assets/web/images/join-us.png')}}">
                        <h5>{{__('courses.join_us_now')}}</h5>
                        <p>{{__('courses.website_provides')}}</p>
                        <a href="{{route('joinCourse', $training->id)}}" class="main-butn">{{__('courses.join_now')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>

    <script>
        $(document).ready(function () {
            if ("{{session('errors')}}"){
                toasterError("{{session('errors')}}");
            }
        });
    </script>
@endsection