License Key Required
No license key entered.
Enter or update your key with php artisan realestate:license <key>,
or purchase one at scriptgain.com.
Show
site.departments.show
Status
Shipped Default
Shipped File
resources/views/site/departments/show.blade.php
Open The Live Page
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
Shared with every public page by the site layout.- Validation error bag. Always present. Pairs with @error('field').
- All site settings as an array, e.g. $site['site_name'].
- The municipality's short display name.
- The full legal name, e.g. "City Of Springfield".
- Main navigation items. Loop over it with @foreach.
- The small utility links in the top bar.
- The footer navigation links.
- The Quick Links grid items.
- The first few Quick Links, featured in the hero.
- The current emergency alert, or null when none is live.
- Up to eight departments listed in the footer.
- The configured page-width class, e.g. max-w-7xl. Use on your outer container.
- The current year, for the footer copyright line.
- URL of the uploaded site logo, or null.
- URL of the uploaded favicon, or null.
In This Template
- The department being shown.
- A collection of documents.
- A collection of calendar events.
- A collection of job postings.
- A collection of news posts.
- A collection of content pages.
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.public :title="$department->name" :description="$department->summary">
<x-site.page-hero :title="$department->name" :subtitle="$department->summary" eyebrow="Department"
:crumbs="[['label' => 'Departments', 'href' => route('site.departments')], ['label' => $department->name]]" />
<x-site.section :divider="false">
<div class="grid gap-10 lg:grid-cols-3">
<div class="min-w-0 lg:col-span-2">
<x-tabs :tabs="[
'about' => ['label' => 'About', 'icon' => 'building'],
'staff' => ['label' => 'Staff', 'icon' => 'users', 'count' => $department->staff->count()],
'documents' => ['label' => 'Documents', 'icon' => 'archive', 'count' => $documents->count()],
'news' => ['label' => 'News And Events', 'icon' => 'bell'],
]">
<x-tab-panel name="about">
<div class="prose-civic">{!! $department->description !!}</div>
@if ($pages->count())
<div class="section-divider mt-8 pt-6">
<h2 class="font-display text-xl font-semibold text-slate-900">Pages In This Department</h2>
<ul class="mt-4 grid gap-3 sm:grid-cols-2">
@foreach ($pages as $page)
<li>
<a href="{{ route('site.page', $page->slug) }}"
class="flex items-center gap-2 rounded-lg bg-white px-4 py-3 text-sm font-medium text-brand-700 ring-1 ring-slate-200 transition hover:bg-brand-50">
<x-icon name="file-text" class="w-4 h-4 shrink-0 text-slate-400" /> {{ $page->title }}
</a>
</li>
@endforeach
</ul>
</div>
@endif
</x-tab-panel>
<x-tab-panel name="staff">
@if ($department->staff->count())
<ul class="overflow-hidden rounded-2xl bg-white ring-1 ring-slate-200 divide-y divide-slate-100">
@foreach ($department->staff as $member)
<li class="flex flex-wrap items-center gap-4 p-5">
<x-avatar :initials="$member->initials()" :name="$member->name"
:src="$member->photo_path ? realestate_upload_url($member->photo_path) : null" />
<div class="min-w-0 flex-1">
<p class="font-semibold text-slate-900">{{ $member->name }}</p>
<p class="text-sm text-slate-500">{{ $member->job_title }}</p>
</div>
<div class="text-sm text-right">
@if ($member->email)
<a href="mailto:{{ $member->email }}" class="block text-brand-700 hover:underline">{{ $member->email }}</a>
@endif
@if ($member->phoneDisplay())
<span class="block text-slate-500 tabular">{{ $member->phoneDisplay() }}</span>
@endif
</div>
</li>
@endforeach
</ul>
@else
<x-site.empty title="No Staff Listed" icon="users" />
@endif
</x-tab-panel>
<x-tab-panel name="documents">
@if ($documents->count())
<ul class="overflow-hidden rounded-2xl bg-white ring-1 ring-slate-200 divide-y divide-slate-100">
@foreach ($documents as $document)
<li class="flex items-center justify-between gap-4 p-5">
<div class="flex min-w-0 items-center gap-3">
<span class="inline-flex h-9 shrink-0 items-center rounded-md bg-slate-100 px-2 text-[11px] font-bold text-slate-600 ring-1 ring-slate-200">{{ $document->extension() }}</span>
<a href="{{ route('site.files.show', $document->slug) }}" class="truncate font-medium text-slate-900 hover:text-brand-700 hover:underline">{{ $document->title }}</a>
</div>
<a href="{{ route('site.files.download', $document->slug) }}"
class="shrink-0 inline-flex items-center gap-1.5 text-sm font-semibold text-brand-700 hover:underline">
<x-icon name="download" class="w-4 h-4" /> Download
</a>
</li>
@endforeach
</ul>
<div class="mt-6">
<a href="{{ route('site.files', ['department' => $department->slug]) }}" class="inline-flex items-center gap-1.5 font-semibold text-brand-700 hover:underline">
All Documents From This Department <x-icon name="chevron-right" class="w-4 h-4" />
</a>
</div>
@else
<x-site.empty title="No Documents Published" icon="archive" />
@endif
</x-tab-panel>
<x-tab-panel name="news">
<div class="space-y-8">
@if ($news->count())
<div>
<h3 class="font-display text-lg font-semibold text-slate-900">Recent News</h3>
<ul class="mt-4 space-y-3">
@foreach ($news as $post)
<li class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
<a href="{{ route('site.news.show', $post->slug) }}" class="font-medium text-slate-900 hover:text-brand-700 hover:underline">{{ $post->title }}</a>
<p class="mt-0.5 text-xs text-slate-500">{{ $post->published_at?->format(config('realestate.date_format')) }}</p>
</li>
@endforeach
</ul>
</div>
@endif
@if ($events->count())
<div>
<h3 class="font-display text-lg font-semibold text-slate-900">Upcoming Events</h3>
<ul class="mt-4 space-y-3">
@foreach ($events as $event)
<li class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
<a href="{{ route('site.events.show', $event->slug) }}" class="font-medium text-slate-900 hover:text-brand-700 hover:underline">{{ $event->title }}</a>
<p class="mt-0.5 text-xs text-slate-500">{{ $event->whenDisplay() }}</p>
</li>
@endforeach
</ul>
</div>
@endif
@if (! $news->count() && ! $events->count())
<x-site.empty title="Nothing Posted Recently" icon="bell" />
@endif
</div>
</x-tab-panel>
</x-tabs>
</div>
<aside class="space-y-6">
<div class="rounded-2xl bg-slate-50 p-6 ring-1 ring-slate-200">
<h2 class="font-semibold text-slate-900">Contact This Department</h2>
<span class="seal-rule mt-3 mb-4"></span>
<dl class="space-y-3 text-sm">
@if ($department->head)
<div>
<dt class="font-medium text-slate-500">Department Head</dt>
<dd class="text-slate-900">{{ $department->head->name }} – {{ $department->head->job_title }}</dd>
</div>
@endif
@if ($department->phone)
<div>
<dt class="font-medium text-slate-500">Phone</dt>
<dd><a href="tel:{{ preg_replace('/[^0-9+]/', '', $department->phone) }}" class="text-brand-700 hover:underline">{{ $department->phone }}</a></dd>
</div>
@endif
@if ($department->fax)
<div>
<dt class="font-medium text-slate-500">Fax</dt>
<dd class="text-slate-900 tabular">{{ $department->fax }}</dd>
</div>
@endif
@if ($department->email)
<div>
<dt class="font-medium text-slate-500">Email</dt>
<dd><a href="mailto:{{ $department->email }}" class="break-all text-brand-700 hover:underline">{{ $department->email }}</a></dd>
</div>
@endif
@if ($department->address)
<div>
<dt class="font-medium text-slate-500">Address</dt>
<dd class="text-slate-900">{{ $department->address }}</dd>
</div>
@endif
@if ($department->hours)
<div>
<dt class="font-medium text-slate-500">Hours</dt>
<dd class="text-slate-900">{{ $department->hours }}</dd>
</div>
@endif
</dl>
</div>
@if ($jobs->count())
<div class="rounded-2xl bg-white p-6 ring-1 ring-slate-200">
<h2 class="font-semibold text-slate-900">Open Positions</h2>
<span class="seal-rule mt-3 mb-4"></span>
<ul class="space-y-3 text-sm">
@foreach ($jobs as $job)
<li>
<a href="{{ route('site.jobs.show', $job->slug) }}" class="font-medium text-brand-700 hover:underline">{{ $job->title }}</a>
<p class="text-xs text-slate-500">{{ $job->employment_type }} · Closes {{ $job->closesDisplay() }}</p>
</li>
@endforeach
</ul>
</div>
@endif
</aside>
</div>
</x-site.section>
</x-layouts.public>
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.