@extends('layouts.backend')

@section('title')
	@lang('backend.questions_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>
		{{$block->screen->chapter->course->title}}
		<i class="fa fa-angle-double-right" aria-hidden="true"></i>
		{{$block->screen->chapter->title}}
		<i class="fa fa-angle-double-right" aria-hidden="true"></i>
		{{$block->screen->title}}
		<i class="fa fa-angle-double-right" aria-hidden="true"></i>
		{{$block->title}}
		<i class="fa fa-angle-double-right" aria-hidden="true"></i>
		lang('backend.questions_views.page_name')
	</h1>-->
	<ol class="breadcrumb">
		<li>
			<i class="fa fa-question-circle"></i>
			<a href="{{route('courses.index')}}">
                {{$block->screen->chapter->course->title}}
			</a>
		</li>
		<li>
			<a href="{{route('course_chapters.chapters', $block->screen->chapter->course->id)}}">
                {{$block->screen->chapter->title}}
			</a>
		</li>
		<li>
			<a href="{{route('chapter_screens.screens', $block->screen->chapter->id)}}">
                {{$block->screen->title}}
			</a>
		</li>
        <li>
            <a href="{{route('screen_blocks.blocks', $block->screen->id)}}">
                {{$block->title}}
            </a>
        </li>
	</ol>
	<ul class="main-header__breadcrumb">
		<!-- <li class="active"><a href="#">@lang('backend.chapters_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('screen_blocks.blocks', $block->screen->id)}}">
						<i class="fa fa-mail-reply" aria-hidden="true"></i>
					</a>
				</div>
				<h3 class="widget__title">@lang('backend.questions_views.list')</h3>
				<div class="widget__config" style="margin:0">
					<a data-toggle="tooltip" 
					title="@lang('backend.questions_views.new')" 
					href="#" class="question_types"> 
					<i class="fa fa-plus" aria-hidden="true"></i></a>
				</div>
			</header>
			<div class="widget__content">
				@include('backend.partials.deleted')
				<!-- include('backend.partials.errors') -->
				<table class="table table-hover">
					<thead>
						<tr>
							<th>@lang('backend.tables.title')</th>
							<th>@lang('backend.tables.type')</th>
							<th>@lang('backend.tables.actions')</th>
						</tr>
					</thead>
					<tbody>
					@foreach($blockQuestions as $question)
						<tr data-id="{{ $question->id }}" data-route="{{route('block_questions.destroy', $question->id)}}" data-rundo="{{route('block_questions.undelete', $question->id)}}">
							<td>{{ $question->text }}</td>
							<td>@lang('backend.question_types.'.$question->type)</td>
							<td>
								<a data-toggle="tooltip" title="@lang('backend.buttons.answers')" data-route="{{route('block_questions.answers', $question->id)}}" href="#" class="answers"><i class="fa fa-check-square-o"></i></a>
								<a data-toggle="tooltip" title="@lang('backend.buttons.edit')" href="{{route('block_questions.edit', $question->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>
							</td>
						</tr>
					@endforeach
					</tbody>
				</table>
				{!! $blockQuestions->links() !!}
			</div>
		</article><!-- /widget -->
	</div>
</div>
@endsection

@section('scripts')
<script>
$(document).ready(function(){
	// Para mostrar descuentos en modal
    $("tbody").on("click", "a.answers", function(event){
    	event.preventDefault();
        $.get($(this).data('route'), function(data) {
            if(data.data) {
            	$("#modal-answers").find(".modal-title").html(data.title);
            	$("#modal-answers").find(".modal-body").html(data.html);
                $("#modal-answers").modal("show");
            }
        });
    });
});
</script>
@endsection