@extends('layouts.app')
@section('content')
<div class="page-heading"><h1>{{ $title }}</h1><a class="button button-secondary" href="{{ $record ? route('pto.requests.approval',$record->id) : route('pto.section','requests') }}">Cancel</a></div>
<form class="panel form-panel" method="POST" enctype="multipart/form-data" action="{{ $record ? route('pto.requests.update',$record->id) : route('pto.requests.store') }}">
@csrf @if($record) @method('PUT') @endif
<div class="form-grid">
    <div><label>Employee</label><div class="read-value">{{ $record?->user?->name ?? auth()->user()->name }}</div></div>
    <fieldset class="form-wide absence-types" data-absence-types>
        <legend>Type of absence</legend>
        <div class="absence-options">
            @foreach($types as $type)
                @if($type->code === 'other')
                    @php($otherSelected = (string) old('pto_request_type_id', $record?->pto_request_type_id) === (string) $type->id)
                    <div class="absence-other">
                        <label class="absence-option" for="absence-type-{{ $type->id }}">
                            <input type="radio" name="pto_request_type_id" id="absence-type-{{ $type->id }}" value="{{ $type->id }}" data-absence-other required @checked($otherSelected)>
                            {{ $type->label }}
                        </label>
                        <input id="other_reason" name="other_reason" aria-label="Other absence reason" placeholder="Other absence reason" maxlength="2000"
                               value="{{ $otherSelected ? old('other_reason', $record?->other_reason) : '' }}" @disabled(! $otherSelected) @required($otherSelected)>
                    </div>
                @else
                    <label class="absence-option" for="absence-type-{{ $type->id }}">
                        <input type="radio" name="pto_request_type_id" id="absence-type-{{ $type->id }}" value="{{ $type->id }}" required
                               @checked((string) old('pto_request_type_id', $record?->pto_request_type_id) === (string) $type->id)>
                        {{ $type->label }}
                    </label>
                @endif
            @endforeach
        </div>
    </fieldset>
    <div><label for="date_from">Start date</label><input type="date" id="date_from" name="date_from" value="{{ old('date_from',$record?->date_from?->format('Y-m-d')) }}" required></div>
    <div><label for="date_to">End date</label><input type="date" id="date_to" name="date_to" value="{{ old('date_to',$record?->date_to?->format('Y-m-d')) }}" required></div>
    <div><label for="time_from">Start time (Guam)</label><input type="time" id="time_from" name="time_from" value="{{ old('time_from',$record?->time_from?->format('H:i') ?? '08:00') }}" required></div>
    <div><label for="time_to">End time (Guam)</label><input type="time" id="time_to" name="time_to" value="{{ old('time_to',$record?->time_to?->format('H:i') ?? '17:00') }}" required></div>
    <div class="form-wide"><label class="checkbox-label"><input type="checkbox" id="all-day" name="all_day" value="1" @checked(old('all_day'))> All day (single date)</label></div>
    <div><label for="total_hours">Total hours</label><input type="number" id="total_hours" name="total_hours" step="0.01" min="0.5" max="1000" value="{{ old('total_hours',$record?->total_hours) }}" required></div>
    <div class="form-wide"><label for="notes">Reason for absence</label><textarea id="notes" name="notes" rows="3" maxlength="2000" required>{{ old('notes',$record?->notes) }}</textarea></div>
    <div class="form-wide"><label for="documents">Supporting documents (Sick Leave, up to 10 MB each)</label><input id="documents" name="documents[]" type="file" multiple accept=".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png">@foreach($record?->documents ?? [] as $document)<label class="checkbox-label"><input type="checkbox" name="remove_documents[]" value="{{ $document->id }}"> Remove {{ $document->original_name }}</label>@endforeach</div>
    <div><label for="password">Confirm your password</label><input id="password" name="password" type="password" autocomplete="current-password" required></div>
</div>
<input type="hidden" name="source_row" value="{{ old('source_row',request('row')) }}">
<div class="form-actions"><button class="button button-primary" type="submit">{{ $record ? 'Save and resubmit' : 'Submit request' }}</button></div>
</form>
@endsection