isaaccladandCursor
e7f1cb1e5c
Deploy Ladill Frontdesk / deploy (push) Successful in 25s
Replace inline teal button classes with shared btn-primary and indigo nav/link styling used by CRM and POS. Co-authored-by: Cursor <cursoragent@cursor.com>
40 lines
2.4 KiB
PHP
40 lines
2.4 KiB
PHP
<x-app-layout title="Visit calendar">
|
||
<div class="flex items-center justify-between">
|
||
<div>
|
||
<h1 class="text-xl font-semibold text-slate-900">Visit calendar</h1>
|
||
<p class="text-sm text-slate-500">{{ $start->format('M j') }} – {{ $end->format('M j, Y') }}</p>
|
||
</div>
|
||
<div class="flex gap-2">
|
||
<a href="{{ route('frontdesk.visits.calendar', ['start' => $start->copy()->subWeek()->toDateString()]) }}"
|
||
class="rounded-lg border border-slate-200 px-3 py-2 text-sm text-slate-700 hover:bg-slate-50">Previous</a>
|
||
<a href="{{ route('frontdesk.visits.calendar', ['start' => $start->copy()->addWeek()->toDateString()]) }}"
|
||
class="rounded-lg border border-slate-200 px-3 py-2 text-sm text-slate-700 hover:bg-slate-50">Next</a>
|
||
<a href="{{ route('frontdesk.visits.schedule') }}" class="btn-primary">Schedule</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6 grid gap-4 lg:grid-cols-7">
|
||
@for ($day = $start->copy(); $day->lte($end); $day->addDay())
|
||
@php $dateKey = $day->toDateString(); @endphp
|
||
<section class="rounded-2xl border border-slate-200 bg-white">
|
||
<div class="border-b border-slate-100 px-3 py-2">
|
||
<p class="text-xs font-semibold uppercase text-slate-500">{{ $day->format('D') }}</p>
|
||
<p class="text-sm font-medium text-slate-900">{{ $day->format('M j') }}</p>
|
||
</div>
|
||
<div class="space-y-1 p-2">
|
||
@forelse ($visits->get($dateKey, collect()) as $visit)
|
||
<a href="{{ route('frontdesk.visits.show', $visit) }}"
|
||
class="block rounded-lg px-2 py-1.5 text-xs hover:bg-slate-50 @if($visit->status === 'overdue') border border-amber-200 bg-amber-50 @endif">
|
||
<p class="font-medium text-slate-800">{{ $visit->scheduled_at->format('g:i A') }}</p>
|
||
<p class="truncate text-slate-600">{{ $visit->visitor->full_name }}</p>
|
||
<p class="capitalize text-slate-400">{{ str_replace('_', ' ', $visit->status) }}</p>
|
||
</a>
|
||
@empty
|
||
<p class="px-2 py-4 text-center text-xs text-slate-400">No visits</p>
|
||
@endforelse
|
||
</div>
|
||
</section>
|
||
@endfor
|
||
</div>
|
||
</x-app-layout>
|