@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.loan.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', 'loan') }}" enctype="multipart/form-data" style="margin-top: 18px;">
            @csrf

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

                <div class="portal-field">
                    <label for="amount">{{ trans('portal.submit.loan.amount') }} <span style="color:var(--portal-danger)">*</span></label>
                    <input type="number" id="amount" name="amount" value="{{ old('amount') }}" min="1" step="0.01" required>
                    @error('amount')<div class="portal-field__error">{{ $message }}</div>@enderror
                </div>

                <div class="portal-field">
                    <label for="installment_count">{{ trans('portal.submit.loan.installment_count') }} <span style="color:var(--portal-danger)">*</span></label>
                    <input type="number" id="installment_count" name="installment_count" value="{{ old('installment_count') }}" min="1" max="120" required>
                    @error('installment_count')<div class="portal-field__error">{{ $message }}</div>@enderror
                </div>

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