License Key Required
No license key entered.
Enter or update your key with php artisan health:license <key>,
or purchase one at scriptgain.com.
Index
teacher.content.index
Status
Shipped Default
Shipped File
resources/views/teacher/content/index.blade.php
Compiled PHP
What Blade turns your template into. This is what the syntax check parses.
Loading…Available Variables And Components
A guide to what this template can use, derived from the shipped source. Click any item to insert it at your cursor. It is a helpful reference, not a runtime guarantee.
Always Available
- Validation error bag. Always present. Pairs with @error('field').
In This Template
- Modules.
- Nav.
- Section.
Drop any of these in. Click to insert the opening tag at your cursor.
General
Admin Panel
Layouts
Records
Site (Public)
Common Blade
- Print a value, safely escaped. The default choice.
- Print raw HTML. Only for content you trust.
- Show something conditionally.
- Loop over a collection.
- Loop, with a fallback when the collection is empty.
- Show a validation message for a field.
- A small block of PHP. Never on line 1. Keep logic out of templates.
- A comment that never reaches the browser.
Civic Helpers
- Build a URL to a named route, e.g. a department page.
- Link to a single news post.
- Turn a stored upload path into a public URL.
- A cache-busted URL for a bundled asset.
- Read a config value, e.g. the site width class.
- Build an absolute URL to a path.
No History Yet
Every save, revert, and reset of this template is recorded here, with a one-click way back to any of them.
The Template That Shipped With The Product
Read only. This is what Reset To Default puts back.
<x-layouts.portal :title="$section->course?->title . ' — Content'" portalName="Teacher Portal" :nav="$nav">
@include('teacher._section-tabs', ['section' => $section, 'active' => 'content'])
{{-- Add module / add lesson --}}
<div class="mb-6 flex flex-wrap gap-2" x-data="{ panel: null }">
<button type="button" @click="panel = panel === 'module' ? null : 'module'"
class="inline-flex items-center gap-2 rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50 transition"><x-icon name="plus" class="w-4 h-4" /> Add Module</button>
<button type="button" @click="panel = panel === 'lesson' ? null : 'lesson'" @disabled($modules->isEmpty())
class="inline-flex items-center gap-2 rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50 transition disabled:opacity-50"><x-icon name="plus" class="w-4 h-4" /> Add Lesson</button>
{{-- Module form --}}
<div x-show="panel === 'module'" x-cloak class="mt-3 w-full rounded-2xl bg-white p-5 ring-1 ring-slate-200 shadow-sm">
<form method="POST" action="{{ route('teacher.modules.store', $section) }}" class="grid gap-4 sm:grid-cols-2">
@csrf
<x-field label="Module Title" for="m_title" required :error="$errors->first('title')">
<x-input id="m_title" name="title" required maxlength="160" placeholder="Unit 1: Getting Started" />
</x-field>
<x-field label="Summary" for="m_summary" :error="$errors->first('summary')">
<x-input id="m_summary" name="summary" maxlength="255" placeholder="Optional one-line description" />
</x-field>
<div class="sm:col-span-2"><x-button type="submit" icon="plus">Add Module</x-button></div>
</form>
</div>
{{-- Lesson form --}}
<div x-show="panel === 'lesson'" x-cloak class="mt-3 w-full rounded-2xl bg-white p-5 ring-1 ring-slate-200 shadow-sm">
<form method="POST" action="{{ route('teacher.lessons.store', $section) }}" class="grid gap-4 sm:grid-cols-2">
@csrf
<x-field label="Module" for="l_module" required :error="$errors->first('course_module_id')">
<x-select id="l_module" name="course_module_id" required>
@foreach ($modules as $module)
<option value="{{ $module->id }}">{{ $module->title }}</option>
@endforeach
</x-select>
</x-field>
<x-field label="Lesson Title" for="l_title" required :error="$errors->first('title')">
<x-input id="l_title" name="title" required maxlength="160" placeholder="Welcome & Overview" />
</x-field>
<x-field label="Video URL" for="l_video" :error="$errors->first('video_url')">
<x-input id="l_video" name="video_url" type="url" maxlength="500" placeholder="https://youtu.be/…" />
</x-field>
<x-field label="Duration" for="l_duration" :error="$errors->first('duration_note')">
<x-input id="l_duration" name="duration_note" maxlength="40" placeholder="10 min" />
</x-field>
<x-field label="Content" for="l_content" class="sm:col-span-2" hint="Plain text or HTML. Shown to students in the lesson." :error="$errors->first('content')">
<textarea id="l_content" name="content" rows="5" maxlength="50000"
class="block w-full rounded-lg border-0 px-3 py-2 text-sm text-slate-900 ring-1 ring-inset ring-slate-300 focus:ring-2 focus:ring-inset focus:ring-brand-500"></textarea>
</x-field>
<div class="sm:col-span-2"><x-button type="submit" icon="plus">Add Lesson</x-button></div>
</form>
</div>
</div>
{{-- Modules + lessons --}}
@forelse ($modules as $module)
<section class="mb-5 rounded-2xl bg-white ring-1 ring-slate-200 shadow-sm overflow-hidden">
<div class="border-b border-slate-100 px-5 py-3">
<h2 class="font-semibold text-slate-900">{{ $module->title }}</h2>
@if ($module->summary)<p class="text-xs text-slate-500">{{ $module->summary }}</p>@endif
</div>
<ul class="divide-y divide-slate-100">
@forelse ($module->lessons as $lesson)
<li class="flex items-center justify-between gap-3 px-5 py-3">
<div class="flex items-center gap-2.5 min-w-0">
<x-icon name="book" class="w-4 h-4 text-slate-400 shrink-0" />
<span class="font-medium text-slate-800 truncate">{{ $lesson->title }}</span>
@if ($lesson->duration_note)<span class="text-xs text-slate-400">{{ $lesson->duration_note }}</span>@endif
@unless ($lesson->is_published)<x-badge color="neutral">Draft</x-badge>@endunless
</div>
<a href="{{ route('teacher.lessons.edit', [$section, $lesson]) }}" class="inline-flex items-center gap-1.5 rounded-lg border border-transparent px-2.5 py-1.5 text-sm font-medium text-slate-600 hover:border-slate-300 hover:bg-slate-50 transition"><x-icon name="edit" class="w-4 h-4" /> Edit</a>
</li>
@empty
<li class="px-5 py-4 text-sm text-slate-500">No lessons in this module yet.</li>
@endforelse
</ul>
</section>
@empty
<div class="rounded-2xl bg-white p-10 text-center ring-1 ring-slate-200">
<x-icon name="book" class="mx-auto w-8 h-8 text-slate-300" />
<h2 class="mt-3 font-semibold text-slate-900">No Content Yet</h2>
<p class="mt-1 text-sm text-slate-500">Add a module to get started, then add lessons inside it.</p>
</div>
@endforelse
</x-layouts.portal>
Blade In One Screen
The directives you will use most.
- Print a value, escaped. Safe by default.
- Print raw HTML. Only for content you trust.
- Show something conditionally.
- Loop over a collection.
- Use a shared component. Every component in Shared Components is available.
- A comment that never reaches the browser.
{{ $variable }}
{!! $html !!}
@if / @else / @endif
@foreach / @endforeach
<x-card>
{{-- comment --}}
House Rules
Follow these and your edits will survive updates.
-
Never start line 1 with
@php. Blade mis-parses it and the page fails. The editor refuses to save it. - Keep logic out of templates. If you need a calculation, it belongs in a composer or component class, not here.
- The shipped file is never modified. Reset To Default always gets you back.
- Every save is versioned. You can revert to any earlier version in one click.
- Press Tab inside the editor to indent rather than jump to the next field.