@extends('layouts.backend')

@section('title')
	@lang('backend.courses_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="fa fa-graduation-cap"></i>
		@lang('backend.courses_views.page_name')
	</h1>
	<ul class="main-header__breadcrumb">
		<!-- <li class="active"><a href="{{route('courses.create')}}">@lang('backend.courses_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">
				<h3 class="widget__title">@lang('backend.courses_views.list')</h3>
				<div class=" widget__config" style="margin:0">
					<a title="@lang('backend.courses_views.new')" href="{{route('courses.create')}}">
					<i class="fa fa-plus" aria-hidden="true"></i></a>
				</div>
			</header>
			<div class="widget__content">
				@include('backend.partials.success')
				@include('backend.partials.deleted')
				@include('backend.partials.errors')
				@include('backend.courses.search')
				<!--<table class="table">
					<thead>
						<tr>
							<th>@lang('backend.tables.title')</th>
							<th>@lang('backend.tables.actions')</th>
							<th>@lang('backend.tables.status')</th>
						</tr>
					</thead>
					<tbody>
					@foreach($courses as $course)
						<tr data-id="{{ $course->id }}" data-route="{{route('courses.destroy', $course->id)}}" data-rundo="{{route('courses.undelete', $course->id)}}">
							<td>{{ $course->title }}</td>
							<td>
							<div class="btn-group btn-group">
								<a data-toggle="tooltip" title="@lang('backend.buttons.course_chapters')" href="{{route('course_chapters.chapters', $course->id)}}"><i class="fa fa-book"></i></a>
								<a data-toggle="tooltip" title="@lang('backend.buttons.edit')" href="{{route('courses.edit', $course->id)}}"><i class="fa fa-pencil-square-o"></i></a>
								<a data-toggle="tooltip" title="@lang('backend.buttons.delete')" href="#" class="delete_record"><i class="fa fa-trash-o"></i></a>
							</div>
							</td>
							<td>
								<input type="checkbox" id="s6-{{$course->id}}" class="sw" checked="">
								<label class="switch2 switch--green" for="s6-{{$course->id}}"></label>
							</td>
						</tr>
					@endforeach
					</tbody>
				</table>-->

				<div class="row columns">
					@foreach($courses as $course)
                        <div class="col-sm-6 col-md-4 column" data-id="{{$course->id}}"
                             data-route="{{route('courses.destroy', $course->id)}}"
                             data-rundo="{{route('courses.undelete', $course->id)}}">
                            <div class="thumbnail">
								<div class="avatar">
                                    <img src="{{($course->hasFile()) ? asset('assets/back/images/courses_img/'.$course->img) : asset('assets/back/images/courses_img/default.jpg')}}"
                                         title="{{$course->title }}">
								</div>
                                <div class="caption">
                                    <h3>{{$course->title }}</h3>
                                    <p style="text-align: center">
                                        <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.course_chapters')"
                                           href="{{route('course_chapters.chapters', $course->id)}}">
                                            <i class="fa fa-book"></i></a>
                                         <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.documentation')"
                                           href="{{route('documentation.index', $course->id)}}">
                                            <i class="fa fa-file"></i></a>
                                        <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.edit')"
                                           href="{{route('courses.edit', $course->id)}}">
                                            <i class="fa fa-pencil-square-o"></i></a>
                                        <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.delete')"
                                           href="#" class="delete_record">
                                            <i class="fa fa-trash-o"></i></a>
                                        <a data-toggle="tooltip"
                                           data-placement="bottom"
                                           title="@lang('backend.buttons.on-off')"
                                           href="#" 
                                           class="status"
                                           data-route="{{route('courses.save_status', $course->id)}}">
                                            <i class="fa fa-power-off"></i></a>
                                    </p>
                                    <!--<p>
                                        <input type="checkbox" id="s6-{{$course->id}}" class="sw" checked="">
                                        <label class="switch2 switch--green" for="s6-{{$course->id}}"></label>
                                    </p>-->
                                </div>
                            </div>
                        </div>
					@endforeach
				</div>
                {!! $courses->links() !!}
			</div>
		</article><!-- /widget -->
	</div>
</div>
@endsection