{{--
    KURALLAR (otomatik filtreler) + ENGELLENEN GÖNDERİCİLER

    Gelen postaya senkron sırasında uygulanır: koşullar sağlanırsa ileti
    klasöre taşınır, okundu işaretlenir, yıldızlanır ya da çöpe atılır.

    Pencere iki görünümlüdür — hesap penceresiyle aynı düzen: liste ve form.
    Koşul satırları ile hedef klasör seçenekleri sunucudan gelir
    (MailRuleController::index), böylece yeni bir alan eklendiğinde arayüz
    kendiliğinden öğrenir.

    İkinci sekme, "spam olarak işaretle" eyleminin biriktirdiği engelleri
    gösterir. Engeller kural olarak saklanmıyor (kurallar listesi tek satırlık
    kayıtlarla dolmasın diye) ama kullanıcıdan da gizlenmiyor: buradan hangi
    adresin ne zaman ve kaç kez engellendiği görülür, gerekirse kaldırılır.
--}}
<div class="modal fade" id="mailRulesModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content" style="border:none;border-radius:16px;overflow:hidden">

            <div class="modal-header" style="border-bottom:1px solid var(--border-1,#e2e8f0);padding:16px 22px">
                <h5 class="modal-title" style="font-size:15px;font-weight:800;letter-spacing:-.02em">
                    <i class="fas fa-filter me-2" style="color:var(--primary-color)"></i>
                    <span id="mailRulesTitle">Kurallar</span>
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
            </div>

            <div class="modal-body mail-modal-form" style="padding:18px 22px">

                {{-- ── Sekmeler ───────────────────────────────────────── --}}
                <div class="mail-tabs" id="mailRulesTabs">
                    <button type="button" class="mail-tab is-on" data-rules-tab="rules">
                        <i class="fas fa-filter"></i><span>Kurallar</span>
                        <em class="mail-tab-count" data-tab-count="rules"></em>
                    </button>
                    <button type="button" class="mail-tab" data-rules-tab="blocked">
                        <i class="fas fa-user-slash"></i><span>Engellenen Göndericiler</span>
                        <em class="mail-tab-count" data-tab-count="blocked"></em>
                    </button>
                </div>

                {{-- ── Liste görünümü ─────────────────────────────────── --}}
                <div id="mailRulesList">
                    <p class="mail-rule-intro">
                        Kurallar yalnızca <b>gelen kutusuna</b> düşen yeni iletilere uygulanır.
                        Yeni yazdığınız bir kuralı geçmişe de işletmek için kartındaki
                        <i class="fas fa-play"></i> düğmesini kullanın.
                    </p>

                    <div id="mailRulesCards"></div>

                    <button type="button" class="mail-btn mail-btn-primary w-100 justify-content-center"
                            id="mailAddRuleBtn" style="height:42px;margin-top:6px">
                        <i class="fas fa-plus"></i><span>Yeni Kural</span>
                    </button>
                </div>

                {{-- ── Engellenen göndericiler ────────────────────────── --}}
                <div id="mailBlockedView" style="display:none">
                    <p class="mail-rule-intro">
                        Bir iletiyi <b>spam</b> olarak işaretlediğinizde göndericisi bu listeye eklenir;
                        o adresten gelen yeni postalar doğrudan <b>Gereksiz E-posta</b> klasörüne düşer.
                        Alan adı engellerinde alt alan adları da kapsanır — <code>ornek.com</code>
                        engelliyse <code>mail.ornek.com</code> de engellidir.
                    </p>

                    <div id="mailBlockedRows"></div>

                    {{-- Elle engelleme: kullanıcı ileti beklemeden adres ekleyebilsin --}}
                    <div class="mail-block-add">
                        <div class="mail-block-add-head">Elle engelle</div>
                        <div class="mail-block-add-grid">
                            <select id="mailBlockKind" aria-label="Engel türü">
                                <option value="email">Adres</option>
                                <option value="domain">Alan adı</option>
                            </select>
                            <input type="text" id="mailBlockPattern" autocomplete="off" spellcheck="false"
                                   placeholder="bilgi@ornek.com">
                            <select id="mailBlockAccount" aria-label="Kapsam">
                                <option value="">Tüm hesaplar</option>
                            </select>
                            <button type="button" class="mail-btn mail-btn-primary" id="mailBlockAdd">
                                <i class="fas fa-ban"></i><span>Engelle</span>
                            </button>
                        </div>
                        <label class="mail-block-apply">
                            <input type="checkbox" id="mailBlockApplyExisting">
                            Gelen kutusunda bekleyen eski iletileri de gereksize taşı
                        </label>
                    </div>
                </div>

                {{-- ── Form görünümü ──────────────────────────────────── --}}
                <form id="mailRuleForm" style="display:none" autocomplete="off">
                    <input type="hidden" name="id">

                    <div class="mail-section-title">Tanım</div>
                    <div class="row g-3">
                        <div class="col-md-7">
                            <label>Kural Adı <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="name"
                                   placeholder="Tedarikçi bildirimleri" required>
                        </div>
                        <div class="col-md-5">
                            <label>Hesap</label>
                            <select class="form-select" name="account_id" id="mailRuleAccount">
                                <option value="">Tüm hesaplar</option>
                            </select>
                        </div>
                    </div>

                    <div class="mail-section-title">Koşullar</div>
                    <div class="mail-rule-match">
                        <span>Eşleşme:</span>
                        <label><input type="radio" name="match_type" value="all" checked> Tüm koşullar</label>
                        <label><input type="radio" name="match_type" value="any"> Herhangi biri</label>
                    </div>

                    <div id="mailRuleConditions"></div>

                    <button type="button" class="mail-btn mail-rule-add" id="mailRuleAddCondition">
                        <i class="fas fa-plus"></i><span>Koşul ekle</span>
                    </button>

                    <div class="mail-section-title">Eylemler</div>
                    <div class="row g-3">
                        <div class="col-md-7">
                            <label>Klasöre taşı</label>
                            <select class="form-select" name="move_to" id="mailRuleTarget">
                                <option value="">Taşıma</option>
                            </select>
                        </div>
                    </div>

                    <div class="mail-rule-actions">
                        <label><input type="checkbox" name="mark_read"> Okundu olarak işaretle</label>
                        <label><input type="checkbox" name="flag"> Yıldızla</label>
                        <label><input type="checkbox" name="delete"> Çöp kutusuna at</label>
                        <label><input type="checkbox" name="stop_processing"> Bu kuraldan sonra dur</label>
                    </div>

                    {{-- Notların sırası onay kutularının sırasını izler --}}
                    <div class="form-text" style="font-size:11.5px;margin-top:10px">
                        “Çöp kutusuna at” iletiyi kalıcı olarak silmez; sunucudaki Silinmiş Öğeler
                        klasörüne taşır — yanlış yazılmış bir kural postayı yok etmesin.
                    </div>

                    <div class="form-text" style="font-size:11.5px;margin-top:6px">
                        Kurallar yukarıdan aşağıya sırayla işler ve bir ileti birden çok kurala
                        uyabilir. “Bu kuraldan sonra dur” işaretliyse, kural eşleştiğinde alttaki
                        kurallar denenmez — birbirini ezen filtreleri önler.
                    </div>
                </form>
            </div>

            <div class="modal-footer" style="border-top:1px solid var(--border-1,#e2e8f0);padding:14px 22px;gap:8px">
                <button type="button" class="mail-btn" id="mailRuleBack" style="display:none">
                    <i class="fas fa-arrow-left"></i><span>Geri</span>
                </button>
                <div class="mail-bar-spacer"></div>
                <button type="button" class="mail-btn mail-btn-primary" id="mailRuleSave" style="display:none">
                    <i class="fas fa-check"></i><span>Kaydet</span>
                </button>
                <button type="button" class="mail-btn" data-bs-dismiss="modal" id="mailRulesClose">
                    <span>Kapat</span>
                </button>
            </div>
        </div>
    </div>
</div>