
<?php if (! $__env->hasRenderedOnce('137932c2-c274-40c2-a80d-dd83cebd0ae9')): $__env->markAsRenderedOnce('137932c2-c274-40c2-a80d-dd83cebd0ae9'); ?>
<style>
/* ── Sezon & Tarih Oluşturucu: açılır-kapanır pfx kartı (summary = pfx-top) ── */
.qvsg-wrap > .qvsg-sum { list-style:none; cursor:pointer; justify-content:space-between; flex-wrap:wrap; }
.qvsg-wrap > .qvsg-sum::-webkit-details-marker { display:none; }
/* Kapalıyken kartın alt köşeleri de yuvarlak kalsın */
.qvsg-wrap:not([open]) > .qvsg-sum.pfx-top { border-radius:15px; border-bottom:0; }
.qvsg-sum-cta { display:inline-flex; align-items:center; gap:8px; font-size:.76rem; font-weight:700; color:#2563eb;
    background:#eff6ff; border:1px solid #bfdbfe; border-radius:999px; padding:6px 14px; transition:.15s; }
.qvsg-sum:hover .qvsg-sum-cta { background:#dbeafe; }
.qvsg-chev { font-size:.62rem; transition:transform .2s; }
.qvsg-wrap[open] .qvsg-chev { transform:rotate(180deg); }
.qvsg-wrap[open] .qvsg-sum-cta { color:#64748b; background:#f8fafc; border-color:#e2e8f0; }
.qvsg-cta-open { display:none; }
.qvsg-wrap[open] .qvsg-cta-closed { display:none; }
.qvsg-wrap[open] .qvsg-cta-open { display:inline; }
.qvsg-inner { padding-top:14px; animation:qvsgOpen .22s ease; }
@keyframes qvsgOpen { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }


/* ── Yaklaşan tarihler: minimal satır listesi (qvd) ── */
.qvd-item + .qvd-item { border-top: 1px solid #f1f5f9; }
.qvd-item:last-child { border-radius: 0 0 15px 15px; }

.qvd-row {
    display: flex; align-items: center; gap: .6rem;
    padding: 4px .7rem;
    cursor: pointer; /* satıra tıklamak fiyat panelini açar */
    transition: background .12s;
}
.qvd-row:hover { background: #f7faff; }

/* Takvim yaprağı: aktiflik durumunu renkle anlatır */
.qvd-cal {
    flex: none; width: 34px; height: 34px; border-radius: 10px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #2563eb, #4f46e5); color: #fff; line-height: 1;
    box-shadow: 0 4px 9px -4px rgba(37, 99, 235, .5);
}
.qvd-cal b { font-size: .84rem; font-weight: 800; }
.qvd-cal small { font-size: .5rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; opacity: .85; margin-top: 1px; }
.qvd-cal.off { background: #eef2f7; color: #94a3b8; box-shadow: none; }

.qvd-main { flex: 1; min-width: 0; }
.qvd-l1 { display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.qvd-l1 > b { font-size: .84rem; font-weight: 750; color: #0f172a; letter-spacing: -.01em; }
.qvd-dow { font-size: .7rem; font-weight: 600; color: #94a3b8; }
.qvd-time { font-size: .7rem; font-weight: 650; color: #64748b; font-variant-numeric: tabular-nums; }
.qvd-time i { font-size: .62rem; color: #b6c2d2; margin-right: 3px; }
.qvd-cap {
    margin-left: auto; font-size: .7rem; font-weight: 750; color: #64748b;
    font-variant-numeric: tabular-nums; white-space: nowrap;
}

.qvd-l2 { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-top: 2px; }
.qvd-chip {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: .6rem; font-weight: 750; line-height: 1;
    border-radius: 999px; padding: 3px 7px;
    background: #f1f5f9; color: #64748b; white-space: nowrap;
}
.qvd-chip i { font-size: .54rem; }
.qvd-chip.green  { background: #dcfce7; color: #15803d; }
.qvd-chip.amber  { background: #fef3c7; color: #92400e; }
.qvd-chip.red    { background: #fee2e2; color: #b91c1c; }
.qvd-chip.orange { background: #ffedd5; color: #c2410c; }
.qvd-chip.blue   { background: #dbeafe; color: #1d4ed8; }
.qvd-chip.indigo { background: #e0e7ff; color: #4338ca; }
.qvd-chip.slate  { background: #e2e8f0; color: #475569; }

/* Eylemler: müşteri satırlarındaki gibi hover'da belirir */
.qvd-acts { display: flex; gap: 2px; flex: none; opacity: 0; transition: opacity .13s; }
.qvd-row:hover .qvd-acts, .qvd-row:focus-within .qvd-acts { opacity: 1; }
@media (hover: none) { .qvd-acts { opacity: 1; } }
.qvd-b {
    width: 26px; height: 26px; border: 0; border-radius: 8px; background: transparent;
    color: #c3cddc; cursor: pointer; display: grid; place-items: center; font-size: .7rem;
    transition: color .13s, background .13s;
}
.qvd-b:hover { color: #2563eb; background: #eff6ff; }
.qvd-b.warn:hover { color: #d97706; background: #fef3c7; }
.qvd-b.danger:hover { color: #dc2626; background: #fee2e2; }

/* Tarihe özel fiyat tablosu satırın altında, takvim hizasında açılır */
.qvd-prices { padding: 0 .7rem .5rem calc(.7rem + 34px + .6rem); }
@media (max-width: 640px) {
    .qvd-prices { padding-left: .7rem; }
    .qvd-cap { margin-left: 0; }
}

/* ── Sezon filtresi çipleri ── */
.qvd-filter {
    display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
    padding: .4rem .7rem 0;
}
.qvd-fchip {
    display: inline-flex; align-items: center; gap: 5px;
    border: 1px solid #e2e8f0; background: #fff; color: #64748b;
    border-radius: 999px; padding: 3px 9px; cursor: pointer;
    font: inherit; font-size: .64rem; font-weight: 750; line-height: 1;
    transition: border-color .14s, color .14s, background .14s;
}
.qvd-fchip b { font-size: .58rem; font-weight: 800; color: #b6c2d2; font-variant-numeric: tabular-nums; }
.qvd-fchip:hover { border-color: #bfdbfe; color: #1d4ed8; }
.qvd-fchip.on { background: #0f172a; border-color: #0f172a; color: #fff; }
.qvd-fchip.on b { color: #93c5fd; }

/* ── Minimal kaydet düğmesi: sade ama görünür — dolgun mavi, kompakt pill ── */
.qvd-savebar { display: flex; justify-content: flex-end; margin-top: 6px; }
.qvd-save {
    display: inline-flex; align-items: center; gap: 6px;
    border: 0; background: #2563eb; color: #fff;
    border-radius: 999px; padding: 6px 16px; cursor: pointer;
    font: inherit; font-size: .74rem; font-weight: 800; line-height: 1;
    box-shadow: 0 4px 10px -5px rgba(37, 99, 235, .6);
    transition: background .14s, transform .13s, box-shadow .14s;
}
.qvd-save i { font-size: .64rem; }
.qvd-save:hover { background: #1d4ed8; transform: translateY(-1px); box-shadow: 0 6px 14px -5px rgba(37, 99, 235, .7); }
.qvd-save:active { transform: none; }
</style>

<style>
    /* ── Liste başlığındaki arama + sayaç (kültür/yurtdışı) ── */
    .qvd-search {
        display: flex; align-items: center; gap: 6px;
        border: 1px solid #e2e8f0; background: #fff; border-radius: 8px; padding: 2px 8px;
        min-width: 0; max-width: 190px; transition: border-color .14s, box-shadow .14s;
    }
    .qvd-search:focus-within { border-color: #bfdbfe; box-shadow: 0 0 0 3px rgba(37, 99, 235, .08); }
    .qvd-search i { color: #cbd5e1; font-size: .62rem; }
    .qvd-search input {
        border: 0; outline: none; background: transparent; min-width: 0; width: 100%;
        font: inherit; font-size: .68rem; font-weight: 600; color: #0f172a; padding: 3px 0;
    }
    .qvd-search input::placeholder { color: #b6c2d2; font-weight: 500; }

    /* Kod / süre gibi ikincil künye bilgileri */
    .qvd-code {
        font-size: .6rem; font-weight: 800; letter-spacing: .03em; color: #b6c2d2;
        font-variant-numeric: tabular-nums;
    }
    .qvd-price { font-size: .74rem; font-weight: 800; color: #15803d; font-variant-numeric: tabular-nums; white-space: nowrap; }
    .qvd-price small { font-size: .58rem; font-weight: 700; color: #94a3b8; margin-left: 3px; }
    .qvd-price.none { color: #cbd5e1; font-weight: 500; }

    /* İnce kapasite çubuğu — sayı ile birlikte tek satırda durur */
    .qvd-bar { display: inline-block; width: 38px; height: 3px; border-radius: 2px; background: #eef2f7; overflow: hidden; vertical-align: middle; margin-right: 5px; }
    .qvd-bar i { display: block; height: 100%; background: #2563eb; border-radius: 2px; }
    .qvd-bar i.warn { background: #f59e0b; }
    .qvd-bar i.danger { background: #ef4444; }

    /* Satır altında açılan panel (fiyat tablosu ya da düzenleme formu) */
    .qvd-panel { padding: 0 .7rem .6rem calc(.7rem + 34px + .6rem); }
    .qvd-panel.pqv-collapse.open { display: block; animation: qvsgOpen .18s ease; }
    @media (max-width: 640px) { .qvd-panel { padding-left: .7rem; } }

    .qvd-none {
        display: flex; flex-direction: column; align-items: center; gap: .25rem;
        padding: 2rem 1rem; text-align: center;
    }
    .qvd-none > i { font-size: 1.5rem; color: #dbe6f5; margin-bottom: .2rem; }
    .qvd-none b { font-size: .82rem; font-weight: 750; color: #475569; }
    .qvd-none span { font-size: .7rem; font-weight: 600; color: #a9b7ca; }
</style>

<script>
/**
 * Tarih listesi ortak davranışı: satıra tıkla → paneli aç/kapat, çip filtreleri.
 * Drawer içerik her açılışta yeniden üretildiği için document'a bir kez bağlanır.
 */
(function () {
    if (window.__qvdListBound) return;
    window.__qvdListBound = true;

    // Satıra tıklamak altındaki paneli açar/kapatır.
    // Butonlar/inputlar hariç: onların kendi davranışı var (data-pqv-toggle aynı paneli yönetir).
    document.addEventListener('click', function (e) {
        var row = e.target.closest('.qvd-row');
        if (!row) return;
        if (e.target.closest('button, a, input, select, textarea, [data-pqv-toggle]')) return;
        var item = row.closest('.qvd-item');
        var panel = item && (item.querySelector('[data-qvd-panel]') || item.querySelector('.qvd-prices'));
        if (panel) panel.classList.toggle('open');
    });

    // Çip filtresi: data-qvd-key ile eşleşen data-* değerine göre satırları süz.
    // '' = tümü, '__none__' = ilgili değeri boş olan satırlar.
    document.addEventListener('click', function (e) {
        var chip = e.target.closest('.qvd-fchip');
        if (!chip) return;
        var bar = chip.closest('[data-qvd-filter]');
        if (!bar) return;
        var card = bar.closest('.pfx');
        var attr = 'data-' + (bar.dataset.qvdFilter || 'season');
        var key = chip.dataset.season || '';
        bar.querySelectorAll('.qvd-fchip').forEach(function (c) { c.classList.toggle('on', c === chip); });
        card.querySelectorAll('.qvd-item').forEach(function (it) {
            var s = it.getAttribute(attr) || '';
            it.dataset.qvdChipHide = (key === '' || (key === '__none__' ? s === '' : s === key)) ? '' : '1';
        });
        qvdApply(card);
    });

    // Metin araması
    document.addEventListener('input', function (e) {
        var inp = e.target.closest('[data-qvd-search]');
        if (!inp) return;
        var card = inp.closest('.pfx');
        var q = (inp.value || '').toLocaleLowerCase('tr-TR').trim();
        card.querySelectorAll('.qvd-item').forEach(function (it) {
            it.dataset.qvdSearchHide = (!q || (it.dataset.qvdText || '').indexOf(q) !== -1) ? '' : '1';
        });
        qvdApply(card);
    });

    /** Çip + arama sonuçlarını birleştirip satırları göster/gizle. */
    function qvdApply(card) {
        var shown = 0;
        card.querySelectorAll('.qvd-item').forEach(function (it) {
            var hide = it.dataset.qvdChipHide === '1' || it.dataset.qvdSearchHide === '1';
            it.style.display = hide ? 'none' : '';
            if (!hide) shown++;
        });
        var none = card.querySelector('[data-qvd-empty]');
        if (none) none.style.display = shown ? 'none' : '';
    }
})();
</script>
<?php endif; ?>
<?php /**PATH C:\xampp\htdocs\acente\resources\views/agency/products/_qv-dates-list-ui.blade.php ENDPATH**/ ?>