@extends('mix::layouts.master')
@section('title', __('Course lesson'))
@section('content')
@section('back-button', route('sandy-blocks-course-mix-edit-course', $course->id))
<div class="mix-padding-10 relative z-10">
    <div class="dashhead flex-col sm:flex-row">
        <div class="flex">
            <div class="-icon">
                {!! ori('School, Learning', 'laptop-book') !!}
            </div>

            <div class="-content">
				<p class="--title my-auto">{{ __('Course') }}
					<span class="text-gray-400 text-sm">{{ __('/ Course / Lessons') }}</span>
				</p>
            </div>
        </div>

        <div class="sm:ml-auto mt-3 sm:mt-0 flex items-center gap-3">
                
            @if (SandyTeam::can_create())
                <a class="sandy-expandable-btn bg-black cursor-pointer rounded-full py-0.5 lesson-types-open">
                    <span class="flex items-center justify-between">
                        {!! orion('add-circle-1', 'w-5 h-5 stroke-current text-white') !!}
                        <span class="text-white">{{ __('New Lesson') }}</span>
                    </span>
                </a>
            @endif
        </div>
    </div>
	
	
	@if (!$lessons->isEmpty())
	<div class="mt-5 koon-white-card p-5 rounded-2xl sortable" data-delay="150" data-route="{{ route('sandy-blocks-course-mix-lessons-sort', $course->id) }}">
		@foreach ($lessons as $item)
		<div class="contact-list block remove-before sortable-item" data-id="{{ $item->id }}">
			<div class="flex items-center justify-center">
				<div class="h-avatar md bg-transparent remove-before remove-after rounded-full w-10 h-10 bg-black">
					{!! ori(ao($lesson_types, "$item->lesson_type.svg_folder"), ao($lesson_types, "$item->lesson_type.svg_file"), 'w-5 h-5') !!}
				</div>

				<div class="mr-auto ml-4 w-full flex items-center">
					<div class="flex flex-col truncate w-32 sm:w-44 md:w-full">
						<h2 class="flex items-center text-sm font-semibold gap-2">
							<span class="font-light c-light text-xs">
								{{ strtoupper($item->lesson_type) }}
							</span>:
							<div class="truncate">{{ $item->name }}</div>
						</h2>
						<div class="text-sm text-gray-500">
							<div class="truncate">
								<span class="flex gap-3"></span>
							</div>
						</div>
					</div>
					<div class="flex justify-end gap-2 ml-auto">
						<div>
							<a class="koon-grey-bg w-8 h-8 flex items-center justify-center rounded-full">
								{!! ori('interface-essential', 'arrows-resize', 'w-4 h-4') !!}
							</a>
						</div>
						@if (SandyTeam::permission('can_edit'))
						<div>
							<a class="koon-grey-bg w-8 h-8 flex items-center justify-center rounded-full" app-sandy-prevent
						href="{{ route('sandy-blocks-course-mix-edit-lesson', $item->id) }}">
							{!! ori('interface-essential', 'pen-edit.5', 'w-4 h-4') !!}
							</a>
						</div>
						@endif
						@if (SandyTeam::permission('can_delete'))
						<form action="{{ route('sandy-blocks-course-mix-lesson-delete', $item->id) }}" method="post">
							@csrf
							<button class="koon-grey-bg w-8 h-8 flex items-center justify-center rounded-full" data-delete="{{ __('Are you sure you want to delete this lesson?') }}">
								{!! ori('interface-essential', 'trash-delete-remove', 'w-4 h-4 text-red-400') !!}
							</button>
						</form>
						@endif
					</div>
				</div>
			</div>
		</div>
		@endforeach
	</div>
	@else
	<div class="p-10">
		@includeIf('include.is-empty', ['link' => ['title' => __('Add Lesson'), 'link' => '#', 'class' => 'lesson-types-open']])
	</div>
	@endif
</div>
<div data-popup=".lesson-types">
	<div class="dashhead flex-col sm:flex-row mb-5 koon-grey-bg">
        <div class="flex">
            <div class="-icon bg-white">
                {!! ori('School, Learning', 'laptop-book') !!}
            </div>

            <div class="-content">
				<p class="--title my-auto">{{ __('Course') }}
					<span class="text-gray-400 text-sm">{{ __('/ Course / Lessons / Create New') }}</span>
				</p>
            </div>
        </div>
    </div>
	
	<div class="grid grid-cols-1 gap-0">
		@foreach ($lesson_types as $key => $value)
		<a class="contact-list block border-b border-gray-200 border-solid px-0 remove-before w-full outline-none no-disabled-btn py-4" app-sandy-prevent="" href="{{ route('sandy-blocks-course-mix-lesson-types', ['id' => $course->id, 'type' => $key]) }}">
			<div class="flex items-center justify-center">
				<div class="preview mr-">
					{!! ori(ao($value, 'svg_folder'), ao($value, 'svg_file'), 'w-10 h-6') !!}
				</div>
				<div class="ml-0 mr-auto">
					<h2 class="flex items-center text-sm font-semibold">
						<div class="truncate">{{ ao($value, 'name') }}</div>
					</h2>
				</div>

				<div class="flex gap-4 mr-0">
					<div>
						{!! orion('angle-right-1', 'w-5 h-5') !!}
					</div>
				</div>
			</div>
		</a>
		<a class="sandy-big-checkbox relative z-10 hidden" app-sandy-prevent="" href="{{ route('sandy-blocks-course-mix-lesson-types', ['id' => $course->id, 'type' => $key]) }}">
			<div class="checkbox-inner rounded-2xl bg-gray-200 card_widget relative card-inherit">
				<div class="checkbox-wrap">
					<div class="content flex items-center justify-center">
						<div class="icon">
							<i class="{{ ao($value, 'icon') }} text-xl mr-3"></i>
						</div>
						<h1>{{ ao($value, 'name') }}</h1>
					</div>
				</div>
			</div>
		</a>
		@endforeach
	</div>
</div>
@endsection