@extends('layouts.app')
@section('title', $screens[$screen])
@section('content')
<div class="attendance-workspace" data-attendance-workspace data-tenant="{{ app(\App\Domain\Identity\TenantContext::class)->id() }}">
<header class="att-page-heading"><div><p class="eyebrow">WORKFORCE & TIME</p><h1>{{ $screens[$screen] }}</h1><p>Clear records. Confident decisions. @if($screen!=='my')<span>{{ \App\Domain\Operations\Operations::timezone() }}</span>@endif</p></div><div class="att-heading-actions">@can('attendance.manage')<a class="button primary" href="{{ $base }}/attendance?screen=adjust"><x-icon name="plus"/>Add / adjust</a>@endcan</div></header>
@include('attendance.navigation')
@if(in_array($screen,['shifts','rosters','locations','devices']))<nav class="profile-tabs" aria-label="Attendance management pages"><a href="{{ $base }}/attendance?screen={{ $screen }}">Back to register</a><a class="button primary att-create-action" href="{{ $base }}/attendance/{{ $screen }}/form"><x-icon name="plus"/>{{ isset($editingRecord)?'Edit record':'Create / Assign' }}</a>@if($screen==='devices')@foreach(['mapping'=>'Map user','import'=>'Import punches','mappings'=>'Mappings','unmatched'=>'Unmatched punches','history'=>'Sync history'] as $path=>$label)<a href="{{ $base }}/attendance/devices/{{ $path }}">{{ $label }}</a>@endforeach @endif @if($screen==='rosters')<a href="{{ $base }}/attendance/rosters/holidays">Holidays</a>@endif</nav>@endif
@if(isset($editingRecord))<button type="button" hidden data-attendance-autoedit data-attendance-edit-{{ match($screen){'shifts'=>'shift','locations'=>'location',default=>'device'} }}="{{ $editingRecord->id }}" data-attendance-record="{{ json_encode($editingRecord->getAttributes()) }}"></button>@endif
@include('attendance.'.$screen)
<dialog class="att-detail-drawer" id="attendance-detail" aria-label="Attendance day details"><div class="att-drawer-top"><strong>Attendance details</strong><button type="button" class="icon-button" data-attendance-close aria-label="Close attendance details">×</button></div><div data-attendance-detail></div></dialog>
</div>
@endsection