@php
    $emailIndex = $email->id ?? 'new_' . ($index ?? 0);
    $isNew = !isset($email->id);
@endphp

<div class="email-item card mb-3" data-email-index="{{ $emailIndex }}">
    <div class="card-body">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h6 class="mb-0"><i class="fas fa-envelope me-2"></i>Email #{{ $isNew ? ($index + 1) : $email->id }}</h6>
            <button type="button" class="btn btn-sm btn-danger remove-email-btn">
                <i class="fas fa-trash"></i>
            </button>
        </div>

        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Objet <span class="text-danger">*</span></label>
                <input type="text" name="send_emails[{{ $emailIndex }}][object]" class="form-control" value="{{ old("send_emails.{$emailIndex}.object", $email->object ?? '') }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">Type <span class="text-danger">*</span></label>
                <select name="send_emails[{{ $emailIndex }}][type]" class="form-select email-type-select" required data-email-index="{{ $emailIndex }}">
                    <option value="">— Sélectionnez un type —</option>
                    @foreach(\App\Enums\SendEmailType::cases() as $emailType)
                        <option value="{{ $emailType->value }}" @selected(old("send_emails.{$emailIndex}.type", $email->type?->value ?? '') === $emailType->value)>{{ $emailType->label() }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-6">
                <label class="form-label">De (From)</label>
                <input type="email" name="send_emails[{{ $emailIndex }}][from]" class="form-control" value="{{ old("send_emails.{$emailIndex}.from", $email->from ?? '') }}">
            </div>
            <div class="col-md-6 email-to-field" data-email-index="{{ $emailIndex }}" style="display: {{ old("send_emails.{$emailIndex}.type", $email->type?->value ?? '') === 'envoyer_a_un_tiers' ? 'block' : 'none' }};">
                <label class="form-label">À (To) <span class="text-danger">*</span></label>
                <input type="email" name="send_emails[{{ $emailIndex }}][to]" class="form-control email-to-input" value="{{ old("send_emails.{$emailIndex}.to", $email->to ?? '') }}" {{ old("send_emails.{$emailIndex}.type", $email->type?->value ?? '') === 'envoyer_a_un_tiers' ? 'required' : '' }}>
            </div>

            <div class="col-12">
                <label class="form-label">Copie cachée (BCC)</label>
                <textarea name="send_emails[{{ $emailIndex }}][bcc]" class="form-control" rows="2" placeholder="Saisissez les emails séparés par des virgules ou des retours à la ligne">{{ old("send_emails.{$emailIndex}.bcc", is_array($email->bcc ?? null) ? implode(', ', $email->bcc) : ($email->bcc ?? '')) }}</textarea>
                <small class="text-muted">Séparez les emails par des virgules ou des retours à la ligne</small>
            </div>

            <div class="col-md-6">
                <label class="form-label">Document dynamique</label>
                <select name="send_emails[{{ $emailIndex }}][document_templates_id]" class="form-select">
                    <option value="">Aucun</option>
                    @foreach($documentTemplates as $template)
                        <option value="{{ $template->id }}" @selected(old("send_emails.{$emailIndex}.document_templates_id", $email->document_templates_id ?? '') == $template->id)>{{ $template->name ?? 'Template #' . $template->id }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-12">
                <label class="form-label">Texte <span class="text-danger">*</span></label>
                <textarea name="send_emails[{{ $emailIndex }}][text]" class="form-control" rows="3" required>{{ old("send_emails.{$emailIndex}.text", $email->text ?? '') }}</textarea>
            </div>

            <div class="col-12">
                <label class="form-label">Signature</label>
                <textarea name="send_emails[{{ $emailIndex }}][signature]" class="form-control" rows="2">{{ old("send_emails.{$emailIndex}.signature", $email->signature ?? '') }}</textarea>
            </div>
        </div>

        @if(!$isNew)
            <input type="hidden" name="send_emails[{{ $emailIndex }}][id]" value="{{ $email->id }}">
        @endif
    </div>
</div>