@extends('layouts.backend')

@section('title')
	@lang('backend.screens_views.page_title')
@endsection

@section('modals')
	@include('backend.partials.modals')
@endsection

@section('content')
<header class="main-header clearfix">
	<!--<h1 class="main-header__title">
		<i class="icon pe-7s-home"></i>
		{{$chapter->course->title}}
		<i class="fa fa-angle-double-right" aria-hidden="true"></i>
		{{$chapter->title}}
	<i class="fa fa-angle-double-right" aria-hidden="true"></i>
		 lang('backend.screens_views.page_name')
	</h1>-->
	<ol class="breadcrumb">
		<li>
            <i class="fa fa-television"></i>
            <a href="{{route('courses.index')}}">
                {{$chapter->course->title}}
            </a>
        </li>
		<li>
            <a href="{{route('course_chapters.chapters', $chapter->course->id)}}">
                {{$chapter->title}}
            </a>
        </li>
	</ol>
	<ul class="main-header__breadcrumb">
		<!-- <li class="active"><a href="#">@lang('backend.screens_views.new')</a> </li> -->
	</ul>
	<!--<div class="main-header__date">
		<i class="icon pe-7s-date"></i>
		<span>Date</span>
		<i class="pe-7s-angle-down-circle"></i>
	</div>-->
</header>
<div class="row">
	<div class="col-md-12">
		<article class="widget">
			<header class="widget__header">
				<div class="left_button">
					<a data-toggle="tooltip" title="@lang('backend.buttons.back')" href="{{route('course_chapters.chapters', $chapter->course->id)}}">
						<i class="fa fa-mail-reply" aria-hidden="true"></i>
					</a>
				</div>
				<h3 class="widget__title">@lang('backend.screens_views.list')</h3>
				<div class="widget__config" style="margin:0">
					<span id="add_pant_list">
						<a data-toggle="tooltip" title="@lang('backend.screens_views.new')" href="#"><i class="fa fa-plus" aria-hidden="true"></i></a>
					</span>
				</div>
			</header>
			<div class="widget__content">
				@include('backend.partials.deleted')
				@include('backend.partials.success')
				<!--<table class="table">
					<thead>
						<tr>
							<th>@lang('backend.titles.order')</th>
							<th>@lang('backend.tables.title')</th>
							<th>@lang('backend.tables.type')</th>
							<th>@lang('backend.tables.actions')</th>
						</tr>
					</thead>
					<tbody id="sortable" class="pant_table">
					@foreach($chapterScreens as $screen)
						<tr data-id="{{ $screen->id }}" id="{{ $screen->id }}" data-route="{{route('chapter_screens.destroy', $screen->id)}}" data-rundo="{{route('chapter_screens.undelete', $screen->id)}}">
							<td><i class="fa fa-reorder"></i></td>
							<td>{{ $screen->title }}</td>
							<td>{{ $screen->type }}</td>
							<td>
								@if($screen->type == 0)
									<a data-toggle="tooltip" title="@lang('backend.buttons.content')" href="#" class="add_content" data-id="{{ $screen->id }}" data-content-id="{{($screen->saved_content)?$screen->content->id:0}}" data-route-content="{{route('screen_content.data')}}"><i class="fa fa-file-text"></i></a>
								@elseif($screen->type == 1)
									<a data-toggle="tooltip" title="@lang('backend.buttons.blocks')" href="{{route('screen_blocks.blocks', $screen->id)}}"><i class="fa fa-question-circle"></i></a>
								@else
									<a data-toggle="tooltip" title="@lang('backend.buttons.diagnostic')" href="#"><i class="fa fa-medkit"></i></a>
								@endif
								<a data-toggle="tooltip" title="@lang('backend.buttons.delete')" href="#" class='delete_record'><i class="fa fa-trash-o"></i></a>
							</td>
						</tr>
					@endforeach
					</tbody>
				</table>-->
				<div class="row columns" id="sortable" data-route="{{route('chapter_screens.save_order')}}">
                    @foreach($chapterScreens as $screen)
					<div class="col-sm-6 col-md-4 column" id="{{$screen->id}}" data-id="{{ $screen->id}}" 
                        data-route="{{route('chapter_screens.destroy', $screen->id)}}"
                        data-rundo="{{route('chapter_screens.undelete', $screen->id)}}">
						<div class="thumbnail">
                            @if($screen->type == 0)
                                <img src="{{asset
							('assets/back/images/screens/content.jpg')}}"
                                     title="{{$screen->title }}">
                            @elseif($screen->type == 1 OR $screen->type == 2)
                                <img src="{{asset
							('assets/back/images/screens/blocks.jpg')}}"
                                     title="{{$screen->title }}">
                            @else
                                <img src="{{asset
							('assets/back/images/screens/diagnostic.jpg')}}"
                                     title="{{$screen->title}}">
                            @endif
							<div class="caption">
                                <h3>{{$screen->title }}</h3>
                                <p>
                                    @lang('backend.tables.type'):
                                    @if($screen->type == 0)
                                        @lang('backend.buttons.content')
                                    @elseif($screen->type == 1)
                                        @lang('backend.buttons.blocks1')
                                    @elseif($screen->type == 2)
                                    	@lang('backend.buttons.blocks2')
                                    @else
                                        @lang('backend.buttons.diagnostic')
                                    @endif
                                </p>
								<p>
                                    @if($screen->type == 0)
                                        <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.content')"
                                           href="#" class="add_content"
                                           data-id="{{ $screen->id }}"
                                           data-content-id="{{($screen->saved_content)?$screen->content->id:0}}"
                                           data-route-content="{{route('screen_content.data')}}">
                                            <i class="fa fa-file-text"></i></a>
                                    @elseif($screen->type == 1 OR $screen->type == 2)
                                        <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.blocks')"
                                           href="{{route('screen_blocks.blocks', $screen->id)}}">
                                            <i class="fa fa-question-circle"></i></a>
                                    @else
                                        <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.diagnostic')" href="{{route('screen_blocks.blocks', $screen->id)}}">
                                            <i class="fa fa-medkit"></i></a>
                                    @endif
                                    <a data-toggle="tooltip" data-placement="bottom"
                                       title="@lang('backend.buttons.delete')"
                                       href="#" class='delete_record'>
                                        <i class="fa fa-trash-o"></i></a>
                                </p>
							</div>
						</div>
					</div>
                    @endforeach
				</div>
                {!! $chapterScreens->links() !!}
			</div>
		</article><!-- /widget onclick="submit_order()"-->
	</div>
</div>
@endsection