@extends('portal.layouts.app')

@section('content')
    <div class="portal-actions" style="margin-top: 0; margin-bottom: 18px;">
        <a class="portal-button portal-button--ghost" href="{{ route('portal.requests') }}">{{ trans('portal.submit.back_to_requests') }}</a>
    </div>

    <div class="portal-card">
        <h2 class="portal-card__title">{{ trans('portal.submit.leave.form_title') }}</h2>

        @if ($errors->any())
            <div class="portal-alert">
                <ul style="margin: 0; padding-left: 18px;">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('portal.submit.store', 'leave') }}" enctype="multipart/form-data" style="margin-top: 18px;">
            @csrf

            <div class="portal-filter-grid">
                <div class="portal-field">
                    <label for="leave_type_id">{{ trans('portal.submit.leave.leave_type') }} <span style="color:var(--portal-danger)">*</span></label>
                    <select id="leave_type_id" name="leave_type_id" required>
                        <option value="">— {{ trans('portal.submit.select_placeholder') }} —</option>
                        @foreach ($leaveTypes as $type)
                            <option value="{{ $type->id }}" @selected(old('leave_type_id') == $type->id)>{{ $type->name }}</option>
                        @endforeach
                    </select>
                    @error('leave_type_id')<div class="portal-field__error">{{ $message }}</div>@enderror
                </div>

                <div class="portal-field">
                    <label for="start_date">{{ trans('portal.submit.leave.start_date') }} <span style="color:var(--portal-danger)">*</span></label>
                    <input type="date" id="start_date" name="start_date" value="{{ old('start_date') }}" min="{{ today()->toDateString() }}" required>
                    @error('start_date')<div class="portal-field__error">{{ $message }}</div>@enderror
                </div>

                <div class="portal-field">
                    <label for="end_date">{{ trans('portal.submit.leave.end_date') }} <span style="color:var(--portal-danger)">*</span></label>
                    <input type="date" id="end_date" name="end_date" value="{{ old('end_date') }}" min="{{ today()->toDateString() }}" required>
                    @error('end_date')<div class="portal-field__error">{{ $message }}</div>@enderror
                </div>

                <div class="portal-field">
                    <label>{{ trans('portal.submit.leave.half_day') }}</label>
                    <label style="display:flex;align-items:center;gap:8px;padding:11px 0;">
                        <input type="checkbox" name="is_half_day" value="1" @checked(old('is_half_day'))>
                        {{ trans('portal.submit.leave.is_half_day') }}
                    </label>
                </div>

                <div class="portal-field">
                    <label for="half_day_session">{{ trans('portal.submit.leave.half_day_session') }}</label>
                    <select id="half_day_session" name="half_day_session">
                        <option value="">—</option>
                        <option value="morning" @selected(old('half_day_session') === 'morning')>{{ trans('portal.submit.leave.morning') }}</option>
                        <option value="afternoon" @selected(old('half_day_session') === 'afternoon')>{{ trans('portal.submit.leave.afternoon') }}</option>
                    </select>
                </div>
            </div>

            <div class="portal-field" style="margin-top: 14px;">
                <label for="reason">{{ trans('portal.submit.reason') }}</label>
                <textarea id="reason" name="reason" rows="4" style="width:100%;border:1px solid var(--portal-border);border-radius:14px;padding:11px 14px;font:inherit;resize:vertical;">{{ old('reason') }}</textarea>
                @error('reason')<div class="portal-field__error">{{ $message }}</div>@enderror
            </div>

            <div class="portal-field" style="margin-top: 14px;">
                <label for="attachments">{{ trans('portal.submit.attachments') }}</label>
                <input type="file" id="attachments" name="attachments[]" multiple accept=".pdf,.jpg,.jpeg,.png,.doc,.docx"
                    style="width:100%;border:1px solid var(--portal-border);border-radius:14px;padding:11px 14px;background:#f8fbfd;">
                <div class="portal-subtle">{{ trans('portal.submit.attachments_hint') }}</div>
                @error('attachments.*')<div class="portal-field__error">{{ $message }}</div>@enderror
            </div>

            <div class="portal-actions" style="margin-top: 22px;">
                <button type="submit" class="portal-button">{{ trans('portal.submit.submit_button') }}</button>
                <a class="portal-button portal-button--ghost" href="{{ route('portal.requests') }}">{{ trans('portal.submit.cancel_button') }}</a>
            </div>
        </form>
    </div>
@endsection