@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.data_change.form_title') }}</h2>
        <p class="portal-card__text">{{ trans('portal.submit.data_change.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', 'data_change') }}" enctype="multipart/form-data" style="margin-top: 18px;">
            @csrf

            <div class="portal-filter-grid">
                <div class="portal-field">
                    <label for="field_name">{{ trans('portal.submit.data_change.field_name') }} <span style="color:var(--portal-danger)">*</span></label>
                    <input type="text" id="field_name" name="field_name" value="{{ old('field_name') }}" maxlength="100" required placeholder="{{ trans('portal.submit.data_change.field_name_placeholder') }}">
                    @error('field_name')<div class="portal-field__error">{{ $message }}</div>@enderror
                </div>

                <div class="portal-field">
                    <label for="current_value">{{ trans('portal.submit.data_change.current_value') }} <span style="color:var(--portal-danger)">*</span></label>
                    <input type="text" id="current_value" name="current_value" value="{{ old('current_value') }}" maxlength="500" required>
                    @error('current_value')<div class="portal-field__error">{{ $message }}</div>@enderror
                </div>

                <div class="portal-field">
                    <label for="requested_value">{{ trans('portal.submit.data_change.requested_value') }} <span style="color:var(--portal-danger)">*</span></label>
                    <input type="text" id="requested_value" name="requested_value" value="{{ old('requested_value') }}" maxlength="500" required>
                    @error('requested_value')<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