@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.resignation.form_title') }}</h2>
        <p class="portal-card__text">{{ trans('portal.submit.resignation.form_hint') }}</p>

        @if ($errors->any())
            <div class="portal-alert" style="margin-top: 14px;">
                <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', 'resignation') }}" enctype="multipart/form-data" style="margin-top: 18px;">
            @csrf

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

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