103 lines
4.8 KiB
PHP
Executable File
103 lines
4.8 KiB
PHP
Executable File
@extends('layouts.app')
|
|
|
|
@section('header', 'Lição do Curso')
|
|
|
|
@section('breadcrumbs')
|
|
@php
|
|
$breadcrumbs = [
|
|
'Tutorial' => route('tutorial.index'),
|
|
'Lição ' . $lesson->order => route('tutorial.lesson', $lesson->id)
|
|
];
|
|
@endphp
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3 d-flex justify-content-between align-items-center">
|
|
<h6 class="m-0 fw-bold text-primary">Lição {{ $lesson->order }}: {{ $lesson->title }}</h6>
|
|
<span class="badge bg-primary">{{ $lesson->order }}/{{ count($lessons) }}</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="lesson-content">
|
|
{!! nl2br(e($lesson->content)) !!}
|
|
</div>
|
|
|
|
@if($lesson->example_bad || $lesson->example_good)
|
|
<div class="mt-4">
|
|
<h4>Exemplos Práticos</h4>
|
|
|
|
@if($lesson->example_bad)
|
|
<div class="alert alert-warning mt-3">
|
|
<strong><i class="bi bi-exclamation-triangle me-2"></i>Exemplo Ruim:</strong>
|
|
<pre class="mb-0 mt-2"><code>{{ $lesson->example_bad }}</code></pre>
|
|
</div>
|
|
@endif
|
|
|
|
@if($lesson->example_good)
|
|
<div class="alert alert-success mt-3">
|
|
<strong><i class="bi bi-check-circle me-2"></i>Exemplo Bom:</strong>
|
|
<pre class="mb-0 mt-2"><code>{{ $lesson->example_good }}</code></pre>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
@endif
|
|
|
|
<div class="mt-4 d-flex justify-content-between">
|
|
@if($lesson->order > 1)
|
|
<?php
|
|
$previousLesson = $lessons->where('order', $lesson->order - 1)->first();
|
|
?>
|
|
@if($previousLesson)
|
|
<a href="{{ route('tutorial.lesson', $previousLesson->id) }}" class="btn btn-secondary">
|
|
<i class="bi bi-arrow-left me-2"></i>Líção Anterior
|
|
</a>
|
|
@endif
|
|
@else
|
|
<div></div>
|
|
@endif
|
|
|
|
@if($lesson->order < count($lessons))
|
|
<?php
|
|
$nextLesson = $lessons->where('order', $lesson->order + 1)->first();
|
|
?>
|
|
@if($nextLesson)
|
|
<a href="{{ route('tutorial.lesson', $nextLesson->id) }}" class="btn btn-primary">
|
|
Próxima Lição<i class="bi bi-arrow-right ms-2"></i>
|
|
</a>
|
|
@endif
|
|
@else
|
|
<a href="{{ route('tutorial.quiz') }}" class="btn btn-success">
|
|
Fazer Quiz Final<i class="bi bi-arrow-right ms-2"></i>
|
|
</a>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h6 class="m-0 fw-bold">Navegação</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="list-group">
|
|
@foreach($lessons as $l)
|
|
<a href="{{ route('tutorial.lesson', $l->id) }}" class="list-group-item list-group-item-action {{ $l->id === $lesson->id ? 'active' : '' }}">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<small>Líção {{ $l->order }}</small>
|
|
@if($progress && in_array($l->id, $progress->completed_lessons ?? []))
|
|
<i class="bi bi-check-circle text-success"></i>
|
|
@endif
|
|
</div>
|
|
<small>{{ $l->title }}</small>
|
|
</a>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|