License Key Required
No license key entered.
Enter or update your key with php artisan health:license <key>,
or purchase one at scriptgain.com.
Manage
conference.manage
Status
Shipped Default
Shipped File
resources/views/conference/manage.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
- Booking.
- Cancel Action.
- Days.
- Reschedule Action.
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.
<!DOCTYPE html>
<html lang="en" class="h-full">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
<title>Manage Conference – {{ config('brand.name') }}</title>
<link rel="icon" type="image/svg+xml" href="{{ route('favicon.svg') }}">
<x-tailwind-cdn />
<x-accent-style />
</head>
<body class="h-full bg-slate-50">
<div class="mx-auto max-w-2xl px-4 py-10">
<div class="mb-6 flex items-center gap-2.5">
<span class="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-brand-50 text-brand-700 ring-1 ring-brand-200"><x-icon name="academic-cap" class="w-5 h-5" /></span>
<span class="font-semibold text-slate-900">{{ \App\Services\SiteSettings::formalName() }}</span>
</div>
@if (session('status'))<div class="mb-4 rounded-lg bg-emerald-50 px-4 py-3 text-sm text-emerald-800 ring-1 ring-emerald-200">{{ session('status') }}</div>@endif
@if (session('warning'))<div class="mb-4 rounded-lg bg-amber-50 px-4 py-3 text-sm text-amber-800 ring-1 ring-amber-200">{{ session('warning') }}</div>@endif
<div class="rounded-2xl bg-white p-6 ring-1 ring-slate-200 shadow-sm">
<h1 class="font-display text-xl font-semibold text-slate-900">Your Conference</h1>
@if ($booking->isCancelled())
<p class="mt-2 inline-flex items-center gap-1.5 rounded-full bg-slate-100 px-3 py-1 text-sm text-slate-600"><x-icon name="x-circle" class="w-4 h-4" /> Cancelled</p>
@else
<dl class="mt-4 space-y-2 text-sm">
<div class="flex justify-between"><dt class="text-slate-500">When</dt><dd class="font-medium text-slate-900">{{ $booking->whenDisplay() }}</dd></div>
<div class="flex justify-between"><dt class="text-slate-500">Teacher</dt><dd class="font-medium text-slate-900">{{ $booking->teacher?->name }}</dd></div>
<div class="flex justify-between"><dt class="text-slate-500">Student</dt><dd class="font-medium text-slate-900">{{ $booking->student?->name }}</dd></div>
@if ($booking->location)<div class="flex justify-between"><dt class="text-slate-500">Location</dt><dd class="font-medium text-slate-900">{{ $booking->location }}</dd></div>@endif
</dl>
<form method="POST" action="{{ $cancelAction }}" class="mt-5">
@csrf
<button type="submit" class="inline-flex items-center gap-1.5 rounded-lg border border-rose-200 bg-white px-4 py-2 text-sm font-medium text-rose-600 hover:bg-rose-50 transition"><x-icon name="x" class="w-4 h-4" /> Cancel This Conference</button>
</form>
@endif
</div>
@unless ($booking->isCancelled())
<div class="mt-6 rounded-2xl bg-white p-6 ring-1 ring-slate-200 shadow-sm">
<h2 class="font-semibold text-slate-900">Reschedule</h2>
@if (empty($days))
<p class="mt-2 text-sm text-slate-500">No other times are open right now.</p>
@else
<div x-data="{ day: '{{ $days[0]['date'] }}' }" class="mt-4 grid gap-6 md:grid-cols-[200px,1fr]">
<div class="rounded-xl bg-slate-50 p-2 ring-1 ring-slate-200">
@foreach ($days as $d)
<button type="button" @click="day = '{{ $d['date'] }}'"
class="mb-1 flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm font-medium transition"
:class="day === '{{ $d['date'] }}' ? 'bg-white text-brand-700 ring-1 ring-brand-200' : 'text-slate-700 hover:bg-white'">
<span>{{ $d['label'] }}</span><span class="text-xs text-slate-400">{{ count($d['slots']) }}</span>
</button>
@endforeach
</div>
<form method="POST" action="{{ $rescheduleAction }}">
@csrf
@foreach ($days as $d)
<div x-show="day === '{{ $d['date'] }}'" x-cloak class="grid grid-cols-2 gap-2 sm:grid-cols-3">
@foreach ($d['slots'] as $slot)
<button type="submit" name="start" value="{{ $slot['start'] }}" class="rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-700 hover:border-brand-400 hover:bg-brand-50 hover:text-brand-700 transition">{{ $slot['label'] }}</button>
@endforeach
</div>
@endforeach
</form>
</div>
@endif
</div>
@endunless
</div>
</body>
</html>
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.