@extends('layout.front')

@section('title', 'Krojač Biznis | Moji kursevi')

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

    <!-- Header Account -->
    @include('front-inc._header-account')

    <!-- section main-container -->
    <section class="main-container">

        <div class="container">
            <div class="row">

                <!-- main-content -->
                <div class="main-content col-12">

                    <nav class="breadcrumb-holder" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('lms.show_users') }}">Korisnici</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ $instructor->first_name . " " . $instructor->last_name }}</li>
                        </ol>
                    </nav>
                    <!-- breadcrumb end -->

                    <div class="main-title-hr-holder">
                        <div class="main-title-hr">
                            <h1>Predavač</h1>
                        </div>
                        <!-- main-title-hr end -->
                        <p class="text-light">Znanje prenose stručnjaci u svojim oblastima i to rade lako, razumljivo i prilagođeno polaznicima škole</p>
                    </div>
                    <!-- main-title-hr-holder end -->

                    <div class="hr-user-view">
                        <div class="media">
                            <div class="media-image">
                                @if ($instructor->details->img_96x96 != '')
                                    <img
                                        class="user-avatar"
                                        src="{{ asset("/storage/".$instructor->details->img_96x96) }}"
                                        alt="{{ $instructor->first_name . " " . $instructor->last_name }}"
                                        width="50"
                                        height="50"
                                    >
                                @else
                                    <!-- default icon cat-toy -->
                                    @include('front-inc.svg.cat-toy-avatar')
                                @endif
                                <div class="icon-holder">
                                    <!-- right-down-arrow -->
                                    <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359.17 349.21">
                                    <path d="M7.48,157.44c.61,46.51,6.73,95.47,19,140.76,3.06,9.79,17.75,6.12,15.3-4.28A641.19,641.19,0,0,1,24,170.91C22.17,129.29,21.56,73.6,51.55,41.16,66.85,24.64,94.39,25.25,115.19,24c30.6-1.84,61.81-1.22,92.41.61,30.6,1.22,61.81,4.28,92.41,8,16.52,1.84,43.45,11,58.14,3.06a2.13,2.13,0,0,0,.61-3.06c-11-14.08-42.23-13.46-58.75-15.91-36.72-4.9-72.83-7.34-109.55-9.18C145.8,5.67,76-3.51,40.53,30.15,8.09,59.52,7.48,117.05,7.48,157.44Z" transform="translate(0 -4.98)"/>
                                    <path d="M20.95,350.22c4.28,6.12,11.63,4.9,14.69-1.84,8.57-20.81,22-39.78,30.6-60.59,2.45-6.12-6.73-9.18-9.79-4.28-9.79,15.91-19,31.82-28.76,47.74l-7.35-14.69c-3.06-8-3.67-15.91-7.34-23.26-2.45-5.51-9.79-3.06-11.63,1.22C-4.76,311.67,11.15,336.15,20.95,350.22Z" transform="translate(0 -4.98)"/>
                                    </svg>
                                </div>
                                <!-- icon-holder end -->
                            </div>
                            <!-- media-image end -->
                            <div class="media-body">
                                <div class="user-title">
                                    <a href="{{ route('lms.instructor.show',  ['instructor_id' => $instructor->id, 'first_name' => $instructor->first_name]) }}" class="user-link">{{ $instructor->first_name . " " . $instructor->last_name }}</a>
                                    @if ($instructor->details->title)
                                        <p class="text-light">{{ $instructor->details->title }}</p>
                                    @endif

                                    <div class="user-rating">
                                        <!-- star -->
                                        <svg stroke="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                        <path d="M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z" stroke-linejoin="round" stroke-width="32"/>
                                        </svg>
                                        @if($instructor->instructorDetails->show_real_rate == 0)
                                            {{ number_format((float)$instructor->instructorDetails->rating, 1, '.', '') }}
                                        @else
                                            {{ number_format((float)$instructor->instructor_reviews_avg_rate, 1, '.', '') }}
                                        @endif
                                    </div>
                                    <!-- user-rating end -->
                                </div>
                                <!-- user-title end -->
                                <div class="user-data">
                                    <p><strong>Vendor:</strong> <a href="{{ $instructor->companies->first() ? route('lms.vendor.show_courses', $instructor->companies->first()->id) : "#" }}">{{ $instructor->companies->first() ? $instructor->companies->first()->name : "Nema" }}</a></p>
                                    <p>
                                        <strong>Kursevi predavača:</strong>
                                        @php
                                            $instructorCoursesTitles = implode(', ', $instructorCourses->pluck('title')->toArray());
                                        @endphp
                                        {{ $instructorCoursesTitles }}
                                    </p>
                                </div>
                                <!-- user-data end -->
                            </div>
                            <!-- media-body end -->
                        </div>
                        <!-- media end -->
                        <div class="user-description">
                            @if ($instructor->details->biography)
                                <p>{!! $instructor->details->biography !!}</p>
                            @endif
                        </div>
                        <!-- user-description end -->
                    </div>
                    <!-- hr-user-view end -->

                    <div class="hr-user-subtitle">
                        <h2>Kursevi predavača ({{ $instructorCourses->count() }})</h2>
                        <p>Ukoliko nemate neki od kurseva kontaktirajte svog menadžera sektora.</p>
                    </div>
                    <!-- hr-user-subtitle end -->

                    <div class="row">
                        <!-- course-item -->
                        @foreach ($instructorCourses as $instructorCourse)
                            @include('front.instructor.partials._course-item')
                        @endforeach
                        <!-- course-item end -->
                        {{-- @include('front.instructor.partials._pagination') --}}
                    </div>
                    <!-- row end -->

                </div>
                <!-- main-content end -->

            </div>
            <!-- row end -->
        </div>
        <!-- container end -->

    </section>
    <!-- main-container end -->

    <!-- Footer -->
    @include('front-inc._footer')

</div>
<!--- page-wrapper end -->


@endsection

@section('add-scripts')
{{-- <script
    type="text/javascript"
    src="{{ mix('js/instructor.js') }}"
></script> --}}
@endsection