@extends('layouts.student')
@section('pageTitle',$pageTitle)
@section('innerTitle',$pageTitle)
@section('breadcrumb')
    @include('admin.partials.crumb',[
    'crumbs'=>[
            route('student.dashboard')=>__lang('dashboard'),
            '#'=>$pageTitle
        ]])
@endsection

@section('content')

<div class="row">

    <div class="col-md-9">
        <div class="row">
        @php  foreach($paginator as $row):  @endphp
            @php  if($row->type=='c'): @endphp
            @php  $type='course';  @endphp
            @php  else: @endphp
            @php  $type='session';  @endphp
            @php  endif;  @endphp
            @php
                $course = \App\Course::find($row->id);
            @endphp

        <div class="col-md-6">
            <article class="article article-style-c">
                <div class="article-header">
                    <a href="{{ route('course',['course'=>$course->id,'slug'=>safeUrl($course->name)]) }}">
                        @if(!empty($row->picture))
                            <div class="article-image" data-background="{{ resizeImage($row->picture,671,480,basePath()) }}">
                            </div>
                        @else
                            <div class="article-image" data-background="{{ asset('img/course.png') }}" >
                            </div>
                        @endif
                    </a>
                </div>
                <div class="article-details">
                    <div class="article-category"><a href="{{ route('course',['course'=>$course->id,'slug'=>safeUrl($course->name)]) }}">{{ courseType($row->type) }}
                        </a> <div class="bullet"></div>
                        <a href="{{ route('course',['course'=>$course->id,'slug'=>safeUrl($course->name)]) }}">{{ $course->lessons()->count() }} {{ __lang('classes') }}</a>
                    </div>
                    <div class="article-title">
                        <h2><a href="{{ route('course',['course'=>$course->id,'slug'=>safeUrl($course->name)]) }}">{{ $row->name }}</a></h2>
                    </div>
                    <div class="article-details">{{ limitLength($course->short_description,300) }}</div>

                    <div class="row ps-2">
                        @foreach($course->admins()->limit(4)->get() as $admin)

                            <div class="article-user col-md-6">
                                <img alt="image" src="{{ profilePictureUrl($admin->user->picture) }}">
                                <div class="article-user-details">
                                    <div class="user-detail-name">
                                        <a href="#" data-bs-toggle="modal" data-bs-target="#adminModal-{{ $admin->id }}">{{ limitLength(adminName($admin->id),20) }}</a>
                                    </div>
                                    <div class="text-job">{{ $admin->user->role->name }}</div>
                                </div>
                            </div>

                        @section('footer')
                            @parent
                            <div class="modal fade" tabindex="-1" role="dialog" id="adminModal-{{ $admin->id }}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">{{ $admin->user->name }} {{ $admin->user->last_name }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">

                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <figure class="avatar me-2 avatar-xl text-center">
                                                        <img src="{{ profilePictureUrl($admin->user->picture) }}"  >
                                                    </figure>
                                                </div>
                                                <div class="col-md-p"><p>{!! clean($admin->about) !!}</p></div>
                                            </div>

                                        </div>
                                        <div class="modal-footer bg-whitesmoke br">
                                            <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ __lang('close') }}</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endsection
                        @endforeach
                    </div>



                    <div class="article-footer">

                        <div class="row">
                            <div class="col-md-12">
                                <a class="btn btn-primary w-100" href="{{ route('course',['course'=>$course->id,'slug'=>safeUrl($course->name)]) }}"><i class="fa fa-info-circle"></i> {{ __lang('details') }}</a>
                            </div>
                        </div>

                    </div>
                </div>

            </article>
        </div>
        @php  endforeach;  @endphp

        </div>
        @php
            // add at the end of the file after the table
                echo paginationControl(
                // the paginator object
                    $paginator,
                    // the scrolling style
                    'sliding',
                    // the partial to use to render the control
                    null,
                    // the route to link to when a user clicks a control link
                    route('courses')
                );

        @endphp

        <br/>
        <br/>


    </div>

    <div class="col-md-3">

        @if($subCategories || $parent)
            <ul class="list-group mb-5">
                <li class="list-group-item active">{{ __lang('sub-categories') }}</li>
                @if($parent)
                    <li class="list-group-item">
                        <a href="{{ route('courses') }}?group={{ $parent->id }}" ><strong>{{ __lang('parent') }}: {{ $parent->name }}</strong></a>
                    </li>
                @endif

                @if($subCategories)
                    @foreach($subCategories as $category)
                        <li class="list-group-item">
                            <a href="{{ route('courses') }}?group={{ $category->id }}" >{{ $category->name }}</a>
                        </li>
                    @endforeach
                @endif
            </ul>
        @endif

        <ul class="list-group">
            <li class="list-group-item active">{{ __lang('categories') }}</li>
            <li class="list-group-item"><a href="{{ route('courses') }}">{{ __lang('all-courses') }}</a></li>
            @foreach($categories as $category)
                <li class="list-group-item @if(request()->get('group') == $category->id) active @endif"><a href="{{ route('courses') }}?group={{ $category->id }}">{{ $category->name }}</a></li>
            @endforeach

        </ul>

        <div class="card mt-3  " data-bs-toggle="card-collapse" data-open="false">
            <div class="card-header card-collapse-trigger">
                {{  __lang('Filter')  }}
            </div>
            <div class="card-body">
                <form id="filterform" class="form" role="form"  method="get" action="{{  route('courses') }}">
                    <div class="mb-3 input-group margin-none">
                        <div class="margin-none">
                            <input type="hidden" name="group" value="{{  $group  }}"/>

                            <div class="mb-3">
                                <label  for="filter">{{  __lang('search')  }}</label>
                                {{  formElement($text)  }}
                            </div>
                            <div  class="mb-3">
                                <label  for="group">{{  __lang('sort')  }}</label>
                                {{  formElement($sortSelect)  }}
                            </div>

                            <div >
                                <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> {{  __lang('filter')  }}</button>
                                <button type="button" onclick="$('#filterform input, #filterform select').val(''); $('#filterform').submit();" class="btn btn-secondary">{{  __lang('clear')  }}</button>

                            </div>

                        </div>

                    </div>
                </form>
            </div>
        </div>


    </div>

</div>
@endsection