License Key Required
No license key entered.
Enter or update your key with php artisan health:license <key>,
or purchase one at scriptgain.com.
Search
site.search
Status
Shipped Default
Shipped File
resources/views/site/search.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 school'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
- Results.
- Term.
- Total.
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="Search">
<x-site.page-hero title="Search This Site"
subtitle="Find pages, documents, news, notices, meetings, and departments."
:crumbs="[['label' => 'Search']]" />
<x-site.section :divider="false">
<form method="GET" class="mx-auto mb-10 max-w-2xl">
<label for="q" class="sr-only">Search Terms</label>
<div class="relative">
<x-icon name="search" class="pointer-events-none absolute left-4 top-1/2 w-5 h-5 -translate-y-1/2 text-slate-400" />
<input id="q" name="q" type="search" value="{{ $term }}" autofocus
placeholder="Try a program, a teacher, or a page"
class="block w-full rounded-xl border-0 py-4 pl-12 pr-32 text-base ring-1 ring-inset ring-slate-300 focus:ring-2 focus:ring-brand-600">
<button type="submit" class="absolute right-2 top-1/2 -translate-y-1/2 rounded-lg bg-brand-700 px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-brand-800">
Search
</button>
</div>
</form>
@if ($term === '')
<x-site.empty title="Enter A Search Term" icon="search"
message="Search across every published page, document, notice, and meeting record on this site." />
@elseif ($total === 0)
<x-site.empty title="No Results For That Search" icon="search"
message="Try fewer or more general words. If you are looking for a record we have not published, contact the Clerk's office." />
@else
<p class="mb-8 text-center text-slate-600">
Found <span class="font-semibold text-slate-900 tabular">{{ $total }}</span> result(s) for
<span class="font-semibold text-slate-900">{{ $term }}</span>.
</p>
<x-tabs :tabs="[
'pages' => ['label' => 'Pages', 'icon' => 'book', 'count' => $results['pages']->count()],
'documents' => ['label' => 'Documents', 'icon' => 'archive', 'count' => $results['documents']->count()],
'news' => ['label' => 'News', 'icon' => 'bell', 'count' => $results['news']->count()],
'notices' => ['label' => 'Notices', 'icon' => 'warning', 'count' => $results['notices']->count()],
'meetings' => ['label' => 'Meetings', 'icon' => 'clock', 'count' => $results['meetings']->count()],
'departments' => ['label' => 'Departments', 'icon' => 'building', 'count' => $results['departments']->count()],
]">
<x-tab-panel name="pages">
@if ($results['pages']->count())
<ul class="space-y-3">
@foreach ($results['pages'] as $page)
<li class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
<a href="{{ route('site.page', $page->slug) }}" class="font-semibold text-slate-900 hover:text-brand-700 hover:underline">{{ $page->title }}</a>
@if ($page->summary)<p class="mt-1 text-sm text-slate-600">{{ $page->summary }}</p>@endif
</li>
@endforeach
</ul>
@else
<x-site.empty title="No Matching Pages" icon="book" />
@endif
</x-tab-panel>
<x-tab-panel name="documents">
@if ($results['documents']->count())
<ul class="space-y-3">
@foreach ($results['documents'] as $document)
<li class="flex items-center justify-between gap-4 rounded-xl bg-white p-5 ring-1 ring-slate-200">
<div class="min-w-0">
<a href="{{ route('site.files.show', $document->slug) }}" class="font-semibold text-slate-900 hover:text-brand-700 hover:underline">{{ $document->title }}</a>
<p class="mt-0.5 text-sm text-slate-500">{{ $document->reference }} {{ $document->document_date?->format(config('health.date_format')) }}</p>
</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>
@else
<x-site.empty title="No Matching Documents" icon="archive" />
@endif
</x-tab-panel>
<x-tab-panel name="news">
@if ($results['news']->count())
<ul class="space-y-3">
@foreach ($results['news'] as $post)
<li class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
<a href="{{ route('site.news.show', $post->slug) }}" class="font-semibold text-slate-900 hover:text-brand-700 hover:underline">{{ $post->title }}</a>
<p class="mt-1 text-sm text-slate-600">{{ $post->teaser(140) }}</p>
</li>
@endforeach
</ul>
@else
<x-site.empty title="No Matching News" icon="bell" />
@endif
</x-tab-panel>
<x-tab-panel name="notices">
@if ($results['notices']->count())
<ul class="space-y-3">
@foreach ($results['notices'] as $notice)
<li class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
<a href="{{ route('site.notices.show', $notice->slug) }}" class="font-semibold text-slate-900 hover:text-brand-700 hover:underline">{{ $notice->title }}</a>
<p class="mt-0.5 text-sm text-slate-500">{{ $notice->notice_type }}</p>
</li>
@endforeach
</ul>
@else
<x-site.empty title="No Matching Notices" icon="warning" />
@endif
</x-tab-panel>
<x-tab-panel name="meetings">
@if ($results['meetings']->count())
<ul class="space-y-3">
@foreach ($results['meetings'] as $meeting)
<li class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
<a href="{{ route('site.meetings.show', $meeting->slug) }}" class="font-semibold text-slate-900 hover:text-brand-700 hover:underline">{{ $meeting->displayTitle() }}</a>
<p class="mt-0.5 text-sm text-slate-500">{{ $meeting->meets_at->format(config('health.date_format')) }}</p>
</li>
@endforeach
</ul>
@else
<x-site.empty title="No Matching Meetings" icon="clock" />
@endif
</x-tab-panel>
<x-tab-panel name="departments">
@if ($results['departments']->count())
<ul class="space-y-3">
@foreach ($results['departments'] as $department)
<li class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
<a href="{{ route('site.departments.show', $department->slug) }}" class="font-semibold text-slate-900 hover:text-brand-700 hover:underline">{{ $department->name }}</a>
@if ($department->summary)<p class="mt-1 text-sm text-slate-600">{{ $department->summary }}</p>@endif
</li>
@endforeach
</ul>
@else
<x-site.empty title="No Matching Departments" icon="building" />
@endif
</x-tab-panel>
</x-tabs>
@endif
</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.