@php
    $rowIndex = $index;
    $prefix = 'smtp_pool_servers['.$rowIndex.']';
    $serverId = is_object($server) ? ($server->id ?? '') : '';
    $role = old('smtp_pool_servers.'.$rowIndex.'.role', $server->role ?? 'general');
    $isNotifications = $role === 'notifications';
@endphp
<div class="accordion-item smtp-pool-accordion-item" data-smtp-pool-row>
    <h2 class="accordion-header">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#smtpPoolCollapse{{ $rowIndex }}" aria-expanded="false">
            <div class="smtp-pool-accordion-item__title-wrap">
                <strong>{{ old('smtp_pool_servers.'.$rowIndex.'.name', $server->name ?? __('translate.SMTP pool new server')) }}</strong>
                <span class="smtp-pool-accordion-item__meta">
                    {{ old('smtp_pool_servers.'.$rowIndex.'.mail_host', $server->mail_host ?? '') }}
                    · {{ \App\Models\SmtpPoolServer::ROLE_GENERAL === $role ? __('translate.SMTP role general') : ($role === 'marketing' ? __('translate.SMTP role marketing') : __('translate.SMTP role notifications')) }}
                </span>
            </div>
            <span class="badge bg-secondary">{{ __('translate.Priority') }}: {{ old('smtp_pool_servers.'.$rowIndex.'.priority', $server->priority ?? 10) }}</span>
        </button>
    </h2>
    <div id="smtpPoolCollapse{{ $rowIndex }}" class="accordion-collapse collapse" data-bs-parent="#smtpPoolAccordion">
        <div class="accordion-body">
            @if ($serverId)
                <input type="hidden" name="{{ $prefix }}[id]" value="{{ $serverId }}">
            @endif
            <div class="row g-2">
                <div class="col-md-4">
                    <label class="crancy__item-label">{{ __('translate.SMTP pool server name') }}</label>
                    <input class="crancy__item-input" type="text" name="{{ $prefix }}[name]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.name', $server->name ?? '') }}" required>
                </div>
                <div class="col-md-2">
                    <label class="crancy__item-label">{{ __('translate.Priority') }}</label>
                    <input class="crancy__item-input" type="number" min="1" max="999" name="{{ $prefix }}[priority]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.priority', $server->priority ?? 10) }}">
                </div>
                <div class="col-md-3">
                    <label class="crancy__item-label">{{ __('translate.SMTP pool role') }}</label>
                    <select class="form-select crancy__item-input smtp-pool-role-select" name="{{ $prefix }}[role]" data-row="{{ $rowIndex }}">
                        <option value="general" {{ $role === 'general' ? 'selected' : '' }}>{{ __('translate.SMTP role general') }}</option>
                        <option value="marketing" {{ $role === 'marketing' ? 'selected' : '' }}>{{ __('translate.SMTP role marketing') }}</option>
                        <option value="notifications" {{ $role === 'notifications' ? 'selected' : '' }}>{{ __('translate.SMTP role notifications') }}</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="crancy__item-label">{{ __('translate.SMTP monthly email limit') }}</label>
                    <input class="crancy__item-input" type="number" min="-1" name="{{ $prefix }}[monthly_email_limit]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.monthly_email_limit', $server->monthly_email_limit ?? 0) }}" placeholder="0 = {{ __('translate.Unlimited') }}">
                    @if (is_object($server) && isset($server->monthly_emails_sent))
                        <small class="text-muted">{{ __('translate.SMTP monthly usage') }}: {{ number_format((int) $server->monthly_emails_sent) }}{{ $server->monthlyUsagePercent() !== null ? ' ('.$server->monthlyUsagePercent().'%)' : '' }}</small>
                    @endif
                </div>
                <div class="col-12 smtp-pool-notify-scopes" data-row="{{ $rowIndex }}" style="{{ $isNotifications ? '' : 'display:none;' }}">
                    <label class="crancy__item-label d-block">{{ __('translate.SMTP notification scopes') }}</label>
                    <div class="d-flex flex-wrap gap-3">
                        <label class="form-check">
                            <input class="form-check-input" type="checkbox" name="{{ $prefix }}[notify_registration_password]" value="1"
                                {{ old('smtp_pool_servers.'.$rowIndex.'.notify_registration_password', $server->notify_registration_password ?? false) ? 'checked' : '' }}>
                            <span class="form-check-label">{{ __('translate.SMTP notify registration password') }}</span>
                        </label>
                        <label class="form-check">
                            <input class="form-check-input" type="checkbox" name="{{ $prefix }}[notify_listings_booking]" value="1"
                                {{ old('smtp_pool_servers.'.$rowIndex.'.notify_listings_booking', $server->notify_listings_booking ?? false) ? 'checked' : '' }}>
                            <span class="form-check-label">{{ __('translate.SMTP notify listings booking') }}</span>
                        </label>
                        <label class="form-check">
                            <input class="form-check-input" type="checkbox" name="{{ $prefix }}[notify_messages]" value="1"
                                {{ old('smtp_pool_servers.'.$rowIndex.'.notify_messages', $server->notify_messages ?? false) ? 'checked' : '' }}>
                            <span class="form-check-label">{{ __('translate.SMTP notify messages') }}</span>
                        </label>
                    </div>
                </div>
                <div class="col-md-6">
                    <label class="crancy__item-label">{{ __('translate.Sender Name') }}</label>
                    <input class="crancy__item-input" type="text" name="{{ $prefix }}[sender_name]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.sender_name', $server->sender_name ?? '') }}" required>
                </div>
                <div class="col-md-6">
                    <label class="crancy__item-label">{{ __('translate.Email') }}</label>
                    <input class="crancy__item-input" type="email" name="{{ $prefix }}[email]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.email', $server->email ?? '') }}" required>
                </div>
                <div class="col-md-6">
                    <label class="crancy__item-label">{{ __('translate.Mail Host') }}</label>
                    <input class="crancy__item-input" type="text" name="{{ $prefix }}[mail_host]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.mail_host', $server->mail_host ?? '') }}" required>
                </div>
                <div class="col-md-3">
                    <label class="crancy__item-label">{{ __('translate.Mail Port') }}</label>
                    <input class="crancy__item-input" type="number" name="{{ $prefix }}[mail_port]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.mail_port', $server->mail_port ?? 587) }}" required>
                </div>
                <div class="col-md-3">
                    <label class="crancy__item-label">{{ __('translate.Mail Port') }}</label>
                    <select class="form-select crancy__item-input" name="{{ $prefix }}[mail_encryption]">
                        <option value="tls" {{ old('smtp_pool_servers.'.$rowIndex.'.mail_encryption', $server->mail_encryption ?? 'tls') === 'tls' ? 'selected' : '' }}>{{ __('translate.TLS') }}</option>
                        <option value="ssl" {{ old('smtp_pool_servers.'.$rowIndex.'.mail_encryption', $server->mail_encryption ?? '') === 'ssl' ? 'selected' : '' }}>{{ __('translate.SSL') }}</option>
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="crancy__item-label">{{ __('translate.SMTP User Name') }}</label>
                    <input class="crancy__item-input" type="text" name="{{ $prefix }}[smtp_username]" value="{{ old('smtp_pool_servers.'.$rowIndex.'.smtp_username', $server->smtp_username ?? '') }}" required>
                </div>
                <div class="col-md-6">
                    <label class="crancy__item-label">{{ __('translate.SMTP Password') }}</label>
                    <input class="crancy__item-input" type="password" name="{{ $prefix }}[smtp_password]" value="" placeholder="{{ $serverId ? __('translate.Leave blank to keep current password') : '' }}" {{ $serverId ? '' : 'required' }}>
                </div>
                <div class="col-12">
                    <label class="form-check">
                        <input class="form-check-input" type="checkbox" name="{{ $prefix }}[is_enabled]" value="1"
                            {{ old('smtp_pool_servers.'.$rowIndex.'.is_enabled', $server->is_enabled ?? true) ? 'checked' : '' }}>
                        <span class="form-check-label">{{ __('translate.Enabled') }}</span>
                    </label>
                    @if (is_object($server) && ($server->is_auto_disabled ?? false))
                        <span class="badge bg-danger ms-2">{{ __('translate.Auto disabled') }}</span>
                    @endif
                </div>
                <div class="col-12 text-end">
                    <button type="button" class="btn btn-sm btn-outline-danger smtp-pool-remove-row">{{ __('translate.Remove') }}</button>
                </div>
            </div>
        </div>
    </div>
</div>