@if($quickAttendance ?? null)
<section class="hr-quick-attendance" aria-label="Quick attendance">
    <div class="hr-quick-copy"><span class="hr-quick-icon"><x-icon name="clock"/></span><div><span class="hr-section-label">MY ATTENDANCE</span><h2>{{ $quickAttendance['state'] }}</h2><p>{{ $quickAttendance['message'] }}</p></div></div>
    @if($quickAttendance['lastLocation'])<div class="hr-quick-place"><x-icon name="location"/><div><strong>{{ $quickAttendance['lastLocation']['name'] }}</strong><small>{{ $quickAttendance['lastLocation']['action'] }} at {{ $quickAttendance['lastLocation']['time'] }} · approximate location</small>@if($quickAttendance['lastLocation']['source']==='geonames_offline')<a href="https://www.geonames.org/" target="_blank" rel="noopener noreferrer">Place names: GeoNames · CC BY 4.0</a>@endif</div></div>@endif
    <div class="hr-quick-controls">
    @if($quickAttendance['actions'])
    <form method="post" action="{{ $base }}/attendance/punch" data-quick-punch data-location-fallback="{{ $quickAttendance['fallback'] ? 'true' : 'false' }}">
        @csrf<input type="hidden" name="client_key" value="{{ (string)\Illuminate\Support\Str::uuid() }}"><input type="hidden" name="action"><input type="hidden" name="latitude"><input type="hidden" name="longitude"><input type="hidden" name="accuracy"><input type="hidden" name="break_code" value="lunch">
        <div class="hr-quick-buttons">@foreach($quickAttendance['actions'] as $action=>$label)<button class="button {{ $loop->first?'primary':'secondary' }}" type="submit" data-quick-action="{{ $action }}" disabled><x-icon name="{{ $action==='in'?'log-in':($action==='out'?'log-out':'clock') }}"/>{{ $label }}</button>@endforeach</div>
        <p class="hr-quick-location" data-quick-status role="status"><x-icon name="location"/>Location requested when you punch. @if(!$quickAttendance['locationStored'])Company GPS capture is off; coordinates are not retained.@else Browser permission and company location rules apply.@endif</p>
        <button class="button secondary small" type="button" data-quick-without-location hidden>Punch without location</button>
        <noscript><p>Enable JavaScript for quick attendance with location, or open My attendance.</p></noscript>
    </form>
    @endif
    <a class="hr-view-link" href="{{ $base }}/attendance?screen=my">My attendance <x-icon name="arrow"/></a>
    </div>
</section>
@endif