<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>THEADX ADMIN</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/plugins/bootstrapicons/bootstrap-icons.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet">
</head>
<body> 
    <div class="headbar bg-white d-flex align-items-center border border-bottom"> 
        <div class="logo d-flex align-items-center">
            <a href="./"><img src="assets/images/logo-dark.png" width="130" alt=""></a>
            <a href="javascript:;" class="menuactivator ms-auto fs-2 me-3 text-dark"><i class="bi bi-list"></i></a>
            <a href="javascript:;" class="mobileactivator ms-auto fs-2 me-3 text-dark"><i class="bi bi-list"></i></a>
        </div>
        <div class="breadcrumbzone mb-0 d-none d-xl-flex"> 
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                  <li class="breadcrumb-item"><a href="#">Genel Bakış</a></li>
                  <li class="breadcrumb-item"><a href="#.">Reklamverenler  <strong class="d-block">TOGG</strong></a> </li>
                  <li class="breadcrumb-item active" aria-current="page">Yeni Kampanya</li>
                </ol>
            </nav> 
        </div>
        <div class="ms-auto usermainmenu">
            <ul class="quickmenu d-flex align-items-center gap-3">
                <li><a href="#." class="dropdownopener" title="Bildirimler"><i class="bi bi-bell"><span class="counter attention">3</span></i></a>
                    <div class="dropdownbox notificationbox">
                        <div class="top d-flex justify-content-between align-items-center"><span>Bildirimler</span> <span class="badge badge-rounded text-bg-danger rounded-pill fw-normal">Yeni <b>3</b> Bildirim</span></div>
                        <div class="mid">
                            <ul class="notificationlist">
                                <li><a href="#."> <i class="bi bi-bell-fill"></i> <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus suscipit doloremque eius rerum cupiditate ipsum! </span> <small>4 hafta önce</small></a></li>
                                <li><a href="#."> <i class="bi bi-bell-fill"></i> <span> Size Test Anket adında anket atandı </span> <small>4 hafta önce</small></a></li>
                                <li><a href="#."> <i class="bi bi-bell-fill"></i> <span> Size Test Anket adında anket atandı </span> <small>4 hafta önce</small></a></li>
                                <li><a href="#."> <i class="bi bi-bell-fill"></i> <span> Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus suscipit doloremque eius rerum cupiditate ipsum! </span> <small>4 hafta önce</small></a></li>
                                <li><a href="#."> <i class="bi bi-bell-fill"></i> <span> Size Test Anket adında anket atandı </span> <small>4 hafta önce</small></a></li>
                                <li><a href="#."> <i class="bi bi-bell-fill"></i> <span> Size Test Anket adında anket atandı </span> <small>4 hafta önce</small></a></li>
                            </ul>
                        </div>
                        <div class="bottom">
                            <a href="bildirimler.html" class="fs-8"><i class="bi bi-gear-fill"></i> Yönetim</a>
                        </div>
                    </div>
                </li>
                <li class="d-none d-sm-block"><a href="#." class="dropdownopener" title="Dil Seçenekleri"><img src="assets/images/turkey-sq.png" class="rounded-circle" width="20" height="20" alt=""> TR</a></a>
                    <div class="dropdownbox notificationbox language"> 
                        <div class="mid">
                            <ul class="langlist">
                                <li><a href="#."><img src="assets/images/turkey-sq.png" class="rounded-circle" width="20" height="20" alt=""> Türkçe</a></li>
                                <li><a href="#."><img src="assets/images/english-sq.png" class="rounded-circle" width="20" height="20" alt=""> English</a></li>
                            </ul>
                        </div> 
                    </div>
                </li> 
                <li>
                    <a href="javascript:;" class="d-flex align-items-center gap-1 userdetailbox dropdownopener"><div class="user-avatar"><span>SG</span></div><span class="d-none d-sm-block">Seren Gürbüz</span></a>
                    <div class="dropdownbox userbox">
                        <div class="topbox d-flex gap-2 p-2 align-items-center rounded-top">
                            <div class="user-avatar">SG</div>
                            <div class="title">Seren Gürbüz <br> <small>seren.gurbuz@theadx.com</small></div>
                        </div> 
                        <div class="mid">
                            <ul class="useractionlist text-right">
                                <li> <a href="ozgecmis.html"> <i class="text-primary bi bi-key"></i> Şifre Değiştir </a> </li>
                                <li> <a href="ayarlar.html"> <i class="text-primary bi bi-shield-lock"></i> 2FA Güvenlik </a> </li>
                                <li class="colormode pb-3"> <div class="form-check form-switch ps-0">
                                    <label class="form-check-label" for="flexSwitchCheckDefault"><i class="text-primary bi bi-moon"></i> Gece Modu</label>
                                    <input class="form-check-input float-end" type="checkbox" role="switch" id="flexSwitchCheckDefault">
                                  </div>
                                </li>
                                <li class="d-block d-sm-none text-bg-light"><a href="#."><img src="assets/images/turkey-sq.png" class="rounded-circle" width="20" height="20" alt=""> Türkçe</a></li>
                                <li class="d-block d-sm-none text-bg-light"><a href="#."><img src="assets/images/english-sq.png" class="rounded-circle" width="20" height="20" alt=""> English</a></li>
                                <li class="border-top"> <a href="#." onclick="event.preventDefault();markAsOffline('1708');document.getElementById('logout-form').submit();"> <i class="bi bi-box-arrow-right"></i> Çıkış Yap</a>
                                    <form method="POST" id="logout-form" action="https://app.humanrate.net/logout"> <input type="hidden" name="_token" value="ZInG95MFTRvfkybnYfZAZfGHnhQsDGhQzU7nblG7"> </form>
                                </li>
                            </ul>
                        </div> 
                    </div> 
                </li>
            </ul>
        </div> 
    </div>

    <div class="breadcrumbzone sm mb-0 d-block d-xl-none"> 
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="#">Genel Bakış</a></li>
                <li class="breadcrumb-item"><a href="#.">Reklamverenler  <strong class="d-block">TOGG</strong></a> </li>
                <li class="breadcrumb-item active" aria-current="page">Yeni Kampanya</li>
              </ol>
        </nav> 
    </div>

    <div class="sidebar">
        <div class="menu">
            <ul>
                <li><a href="reklamverenler.html" class="active"><i class="bi bi-lightbulb"></i> <span>Kampanyalar</span></a></li>
                <li class="disabled"><a href="#"><i class="bi bi-badge-ad"></i> <span>Reklamlar</span></a></li>
                <li class="disabled"><a href="javascript:void(0);"><i class="bi bi-archive"></i> <span>Envanter</span></a></li>
                <li class="disabled"><a href="javascript:void(0);"><i class="bi bi-file-text"></i> <span>Raporlar</span></a></li>
                <li class="disabled"><a href="javascript:void(0);"><i class="bi bi-sliders"></i> <span>Reklamveren Ayarları</span></a></li>
                <li class="disabled"><a href="javascript:void(0);"><i class="bi bi-clock-history"></i> <span>Geçmiş Kayıtlar</span></a></li>
            </ul>
        </div>
    </div>
    <div class="page-layout formbox"> 
        <div class="page">
            <div class="card h-100"> 
                <div class="card-body p-4 p-lg-4 pt-3 pt-lg-4">
                    <form action="">
                        <div class="nav nav-tabs gap-2 mb-4 indicatortab flex- nowrap flex-lg-wrap overflow-lg-hidden overflow-x-lg-auto text-nowrap pb-1 pb-lg-0" id="myTab" role="tablist">
                            <div id="tab-indicator" class="indicator"></div> 
                            <button class="nav-link active" id="campaigns-tab" data-bs-toggle="tab" data-bs-target="#campaigns-tab-pane" type="button" role="tab" aria-controls="campaigns-tab-pane" aria-selected="true"><i class="bi bi-caret-right-fill"></i> Genel</button> 
                            <button class="nav-link" id="order-tab" data-bs-toggle="tab" data-bs-target="#order-tab-pane" type="button" role="tab" aria-controls="order-tab-pane" aria-selected="false"><i class="bi bi-caret-right"></i> Hedefleme</button> 
                        </div>
                        <hr>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade  show active" id="campaigns-tab-pane" role="tabpanel" aria-labelledby="campaigns-tab" tabindex="0">
                            
                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Kampanya Adı<sup>*</sup> <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>En az üç karakter, en fazla 128 karakter kullanmalısınız ve izinliler dışında((.),(-),(_),(/),( ),(&),(%),(#)) özel karakterler kullanmamalısınız.</div>"></i></label>
                                    <div class="form-element">
                                        <input type="text" name="" id="" class="form-control">
                                        <a href="javascript:void(0)" class="fs-9 text-secondary-emphasis py-2"><i class="bi bi-clipboard"></i> Mevcut bir kampanyanın ayarlarını <strong>kopyala</strong></a>
                                        <div class="alert alert-sm alert-danger alert-dismissible alert-icon fs-8 mb-0">
                                            <i class="bi bi-exclamation-triangle-fill"></i>
                                            En az üç karakter, en fazla 128 karakter kullanmalısınız.
                                            <button class="btn-close fs-9" data-bs-dismiss="alert"></button>
                                        </div>
                                    </div> 
                                </div>
                                

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Kategori<sup>*</sup> <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Reklam kategorisi bu alandan seçilmektedir.</div>"></i></label> 
                                    <div class="form-element">
                                        <input type="text" class="form-control mb-2 is-valid" id="selectedCategory" value="Kategori seçin..." readonly="">
                                        <input type="hidden" id="add_industry" name="add_industry" value="73">
                                        <div class="text-danger fw-bold categoryid-error my-2"></div>
                                        <div class="categoryContainer d-none">
                                        <input type="text" class="form-control m-1 selectinput" value="" placeholder="Arama">
                                        <ul id="industryVertical"><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="73" class="text-success">Aile ve Ebeveynlik</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="77">Aile İnterneti</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="75">Bebekler ve Yürümeye Başlayan Çocuklar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="79">Ergen Ebeveynliği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="74">Evlat Edinme</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="80">Hamilelik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="78">K-6 Çocukları İçin Ebeveynlik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="76">Kreş/Anaokulu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="82">Yaşlı Bakımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="81">Özel İhtiyaçları Olan Çocuklar</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="362">Alışveriş</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="365">Karşılaştırma</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="364">Kupon Kullanımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="366">Motorlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="363">Yarışmalar ve Bedava Ürünler</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="222">Bilim</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="223">Astroloji</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="224">Biyoloji</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="231">Botanik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="230">Coğrafya</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="228">Fizik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="232">Hava Durumu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="226">Jeoloji</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="225">Kimya</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="227">Paranormal Fenomenler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="229">Uzay/Astronomi</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="367">Din ve Maneviyat</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="368">Alternatif Dinler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="369">Ateizm/Agnostisizm</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="370">Budizm</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="373">Hinduizm</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="372">Hristiyanlık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="371">Katoliklik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="377">Pagan/Wiccan</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="376">Son Gün Azizleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="375">Yahudilik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="374">İslam</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="180">Ev ve Bahçe</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="182">Ağırlama</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="184">Bahçecilik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="181">Ev Aletleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="186">Ev Sineması</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="185">Ev Tamiratı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="188">Peyzaj</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="189">Yenileme ve İnşaat</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="183">Çevre Güvenliği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="187">İç Dekorasyon</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="233">Evcil Hayvanlar</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="234">Akvaryumlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="238">Büyük Hayvanlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="236">Kediler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="235">Kuşlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="237">Köpekler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="239">Sürüngenler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="240">Veteriner Hekimliği</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="57">Eğitim</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="58">7-12 Eğitimi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="65">Dil Öğrenimi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="67">Ev Okulu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="69">K-6 Eğitimcileri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="66">Lisansüstü Eğitim</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="60">Sanat Tarihi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="63">Uzaktan Eğitim</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="59">Yetişkin Eğitimi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="68">Ödev/Çalışma İpuçları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="71">Özel Eğitim</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="70">Özel Okul</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="62">Üniversite Hayatı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="61">Üniversite Yönetimi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="64">İkinci Dil Olarak İngilizce</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="72">İşletme Eğitimi</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="358">Gayrimenkul</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="359">Daireler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="361">Ev Alım/Satım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="360">Mimarlar</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="196">Haberler</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="198">Ulusal Haberler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="197">Uluslararası Haberler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="199">Yerel Haberler</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="148">Hobiler ve İlgi Alanları</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="179">Ahşap İşleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="174">Bilim Kurgu ve Fantezi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="151">Boncuk İşi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="150">El Sanatları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="169">El İşi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="165">Ev Kayıtları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="171">Fotoğrafçılık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="164">Gitar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="155">Kart Oyunları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="158">Koleksiyon</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="152">Kuş Gözlemciliği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="153">Masa Oyunları/Bulmacalar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="154">Mum ve Sabun Yapımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="177">Pullar ve Madeni Paralar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="157">Purolar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="172">Radyo</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="170">Resim</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="173">Rol Yapma Oyunları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="149">Sanat/Teknoloji</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="156">Satranç</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="175">Scrapbooking</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="176">Senaryo Yazımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="161">Serbest Yazarlık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="168">Sihir ve İllüzyon</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="162">Soy Ağacı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="167">Takı Yapımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="178">Video ve Bilgisayar Oyunları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="166">Yatırımcılar ve Patentler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="163">Yayınlanma</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="159">Çizgi Romanlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="160">Çizim/Eskiz</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="190">Hukuk, Devlet ve Politika</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="193">ABD Hükümeti Kaynakları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="191">Göçmenlik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="192">Hukuki Konular</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="194">Politika</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="195">Yorum</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="45">Kariyer</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="55">ABD Ordusu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="53">Burslar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="52">Hemşirelik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="46">Kariyer Planlama</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="56">Kariyer Tavsiyesi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="48">Mali Yardım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="54">Uzaktan Çalışma</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="51">Özgeçmiş Yazma/Tavsiyesi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="47">Üniversite</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="50">İş Arama</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="49">İş Fuarları</span></span></li></ul></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="378">Kategorize Edilmemiş</span></span></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="200">Kişisel Finans</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="210">Emeklilik Planlaması</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="203">Finans Haberleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="204">Finansal Planlama</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="205">Hedge Fonu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="211">Hisse Senetleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="202">Kredi/Borç ve Krediler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="209">Opsiyonlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="206">Sigorta</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="212">Vergi Planlaması</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="207">Yatırım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="208">Yatırım Fonları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="201">Yatırıma Başlangıç</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="8">Otomotiv</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="24">Arazi Araçları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="16">Crossover</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="17">Dizel</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="18">Elektrikli Araç</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="19">Hatchback</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="20">Hibrit</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="29">Kamyonlar ve Aksesuarları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="30">Klasik Arabalar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="15">Kupa</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="21">Lüks</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="22">Minivan</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="23">Motosikletler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="9">Oto Parçaları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="10">Oto Tamir</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="11">Otomobil Alım-Satım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="12">Otomobil Kültürü</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="25">Performans Araçları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="26">Pikap</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="28">Sedan</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="31">Station Wagon</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="27">Yol Yardımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="13">Önceden Sahip Olunan Sertifikalar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="14">Üstü Açılabilir</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="83">Sağlık ve Fitness</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="86">AIDS/HIV</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="87">Alerjiler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="88">Alternatif Tıp</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="89">Artrit</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="90">Astım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="106">Baş Ağrıları/Migren</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="115">Beslenme</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="93">Beyin Tümörü</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="92">Bipolar Bozukluk</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="109">Bütünsel İyileşme</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="122">Cinsellik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="85">D.E.B. (Dikkat Eksikliği Bozukluğu)</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="101">Depresyon</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="102">Dermatoloji</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="103">Diyabet</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="100">Diş Bakımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="84">Egzersiz</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="111">Ensest/İstismar Desteği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="104">Epilepsi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="114">Erkek Sağlığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="119">Fizik Tedavi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="105">GÖRH/Asit Reflüsü</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="128">Kadın Sağlığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="107">Kalp Hastalığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="94">Kanser</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="127">Kilo Verme</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="95">Kolesterol</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="97">Kronik Ağrı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="96">Kronik Yorgunluk Sendromu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="113">Kısırlık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="125">Madde Bağımlılığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="116">Ortopedi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="91">Otizm/YGB</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="117">Panik/Anksiyete Bozuklukları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="118">Pediatri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="120">Psikoloji/Psikiyatri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="108">Sağlık İçin Bitkiler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="99">Sağırlık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="124">Sigara Bırakma</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="98">Soğuk Algınlığı ve Grip</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="126">Tiroid Hastalığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="123">Uyku Bozuklukları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="121">Yaşlı Sağlığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="110">İBS/Crohn Hastalığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="112">İdrar Kaçırma</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="330">Seyahat</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="338">ABD Bölgelerine Göre</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="332">Afrika</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="344">Avrupa</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="334">Avustralya ve Yeni Zelanda</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="347">Balayı/Kaçamaklar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="357">Birleşik Krallık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="336">Bütçe Seyahati</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="343">Doğu Avrupa</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="345">Fransa</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="342">Gemi Seyahatleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="353">Güney Amerika</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="333">Hava Yolculuğu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="350">Japonya</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="339">Kamp</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="340">Kanada</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="354">Kaplıcalar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="341">Karayipler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="331">Macera Seyahati</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="351">Meksika ve Orta Amerika</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="352">Milli Parklar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="335">Oda ve Kahvaltı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="348">Oteller</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="355">Tema Parkları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="346">Yunanistan</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="356">Çocuklarla Seyahat</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="349">İtalya</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="337">İş Seyahati</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="241">Spor</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="248">Amigo</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="251">Artistik Patinaj</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="257">At Yarışı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="258">Atlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="255">Av ve Balık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="259">Avcılık/Atıcılık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="243">Beyzbol</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="244">Bisiklet</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="246">Boks</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="262">Dağ Bisikleti</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="261">Dövüş Sanatları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="285">Dünya Futbolu</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="253">Futbol</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="256">Golf</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="266">Güç ve Motosikletler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="247">Kano/Kayak</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="276">Kayak</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="275">Kaykay</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="271">Koşu/Jogging</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="250">Kriket</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="280">Masa Tenisi/Ping-Pong</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="263">NASCAR Yarışı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="264">Olimpiyatlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="242">Otomobil Yarışı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="265">Paintball</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="260">Paten</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="267">Profesyonel Basketbol</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="268">Profesyonel Buz Hokeyi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="270">Ragbi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="269">Rodeo</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="252">Sinek Balıkçılığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="277">Snowboard</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="284">Su Kayağı/Wakeboard</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="278">Sörf/Vücut Sörfü</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="254">Tatlı Su Balıkçılığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="281">Tenis</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="273">Tuzlu Su Balıkçılığı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="274">Tüplü Dalış</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="249">Tırmanış</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="282">Voleybol</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="245">Vücut Geliştirme</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="272">Yelkencilik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="283">Yürüyüş</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="279">Yüzme</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="379">Standart Dışı İçerik</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="381">Aşırı Grafik/Açık Şiddet</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="380">Denetlenmemiş UGC</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="383">Müstehcen İçerik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="384">Nefret İçeriği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="382">Pornografi</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="386">Teşvik Edilen</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="385">Yapım Aşamasında</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="286">Stil ve Moda</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="292">Aksesuarlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="291">Giyim</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="287">Güzellik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="289">Moda</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="290">Takı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="288">Vücut Sanatı</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="293">Teknoloji ve Bilgisayar</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="294">3D Grafikler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="295">Animasyon</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="296">Antivirüs Yazılımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="319">Avuçiçi Bilgisayarlar/PDA'lar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="318">Ağ Güvenliği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="301">Bilgisayar Ağları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="300">Bilgisayar Sertifikası</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="302">Bilgisayar Çevre Birimleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="303">Bilgisayar İncelemeleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="297">C/C++</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="299">Cep Telefonları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="308">E-posta</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="310">Ev Videosu/DVD</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="322">Eğlence</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="309">Grafik Yazılımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="312">Java</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="313">JavaScript</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="298">Kameralar ve Kameralı Telefonlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="315">MP3/MIDI</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="314">Mac Desteği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="307">Masaüstü Video</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="306">Masaüstü Yayıncılık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="320">PC Desteği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="323">Shareware/Ücretsiz Yazılım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="321">Taşınabilir</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="324">Unix</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="304">Veri Merkezleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="305">Veritabanları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="325">Visual Basic</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="328">Web Araması</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="326">Web Küçük Resimleri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="327">Web Tasarımı/HTML</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="329">Windows</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="317">Yeni Başlayanlar İçin İnternet</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="316">İnternet Konferansı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="311">İnternet Teknolojisi</span></span></li></ul></li><li><span><i class="bi bi-chevron-right fs-9"></i><span data-id="213">Toplum</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="215">Boşanma Desteği</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="220">Düğünler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="221">Etnik Özel</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="217">Evlilik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="216">Eşcinsel Yaşam</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="219">Gençler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="218">Yaşlı Yaşamı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="214">Çöpçatanlık</span></span></li></ul></li><li class="open"><span><em class="bi bi-chevron-down fs-9"></em><span data-id="387">Yasadışı İçerik</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="390">Casus Yazılım/Kötü Amaçlı Yazılım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="391">Telif Hakkı İhlali</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="389">Warez</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="388">Yasadışı İçerik</span></span></li></ul></li><li class="open"><span><em class="bi bi-chevron-down fs-9"></em><span data-id="129">Yiyecek ve İçecek</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="130">Amerikan Mutfağı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="131">Barbekü ve Izgara</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="132">Cajun/Kreole</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="138">Dışarıda Yemek</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="140">Fransız Mutfağı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="139">Gıda Alerjileri</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="143">Japon Mutfağı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="135">Kahve/Çay</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="134">Kokteyller/Bira</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="144">Meksika Mutfağı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="141">Sağlıklı/Az Yağlı Yemek Pişirme</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="137">Tatlılar ve Pasta Yapımı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="145">Vegan</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="146">Vejetaryen</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="133">Çin Mutfağı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="136">Özel Mutfaklar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="142">İtalyan Mutfağı</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="147">Şarap</span></span></li></ul></li><li class="open"><span><em class="bi bi-chevron-down fs-9"></em><span data-id="32">İş</span></span><ul><li><span><em class="bi bi-dash fs-9"></em><span data-id="35">Biyoteknoloji/Biyomedikal</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="39">Devlet</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="42">Lojistik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="44">Metaller</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="38">Ormancılık</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="43">Pazarlama</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="33">Reklam</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="34">Tarım</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="40">Yeşil Çözümler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="41">İnsan Kaynakları</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="37">İnşaat</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="36">İş Yazılımı</span></span></li></ul></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="5">Filmler</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="3">Güzel Sanatlar</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="1">Kitap ve Edebiyat</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="4">Mizah</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="6">Müzik</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="7">Televizyon</span></span></li><li><span><em class="bi bi-dash fs-9"></em><span data-id="2">Ünlülerin Hayranları</span></span></li></ul>
                                        </div> 
                                        
                                    </div>
                                </div>

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Durum</label> 
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
                                        <label class="form-check-label" for="flexSwitchCheckChecked"> </label>
                                    </div> 
                                </div>

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Maliyeti Türü<sup>*</sup> <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Maliyet türünü seçebilirsiniz.</div>"></i></label> 
                                    <select class="form-select select2" name="add_manager" id="24116" disabled>
                                        <option value="0" >Lütfen seçiniz...</option>
                                        <option value="1700" selected>CPM</option>
                                        <option value="1701" >TMP</option>
                                    </select>
                                    <div id="add_manager-error"></div>
                                </div> 

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> CPM<sup>*</sup> <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>CPM Değerini belirterek yönlendirme maliyetinizi düzenleyin.</div>"></i></label>
                                    <input type="number" name="" id="" class="form-control"> 
                                </div>

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> KPI<sup>*</sup> <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>KPI türünü seçebilirsiniz.</div>"></i></label> 
                                
                                    <select class="form-select select2 w-100" name="add_manager" id="4123">
                                        <option value="0" >KPI seçiniz...</option>
                                        <option value="1700">CPC</option>
                                        <option value="1701">CTR</option>
                                        <option value="1702">VCR</option>
                                        <option value="1703">Viewability</option>
                                    </select> 
                                    <div id="add_manager-error"></div>
                                </div> 

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Reklam Modeli<sup>*</sup> <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Görünlüleme sağlayacağınz reklam türü.</div>"></i></label> 
                                        <div class="d-flex flex-wrap gap-2 align-items-center form-element">
                                        <input hidden type="radio" name="displaytype" id="r1" class="form-check-input typeradio" checked> 
                                        <label class="typeradio-label" for="r1">Display</label>
                                        <input hidden type="radio" name="displaytype" id="r2" class="form-check-input typeradio"> 
                                        <label class="typeradio-label" for="r2">Video</label>
                                        </div>
                                    <div id="add_manager-error"></div>
                                </div> 

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Planlanan Bütçe</label> 
                                    <div class="input-group form-element flex-nowrap">
                                        <input type="number" min="0" max="100" class="form-control" name="add_agency_fee" id="add_agency_fee" value="" required="">
                                        <span class="input-group-text fs-7">₺</span>
                                    </div>
                                </div>

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Frekans<sup>*</sup> <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Görünlüleme sağlayacağınz reklam türü.</div>"></i></label> 
                                        <div class="form-element">
                                        <input hidden type="radio" name="frequency" id="frequency_limit_enabled" class="form-check-input typeradio" checked> 
                                        <label class="typeradio-label mb-2 mb-sm-0" for="frequency_limit_enabled">Frekans Limiti Yok</label>
                                        <input hidden type="radio" name="frequency" id="frequency_limit_disabled" class="form-check-input typeradio"> 
                                        <label class="typeradio-label mb-2 mb-sm-0" for="frequency_limit_disabled">Frekans Sıklığı</label>
                                        <div class="d-flex gap-2 align-items-center mt-3 fs-8 disabled freqselect form-element flex-wrap flex-sm-nowrap">
                                            <input type="text" class="form-control freqbox d-none" value="12" onkeypress="return validateInputForDecimal(event);" oninput="formatInputForDecimal(this);" onchange="validateFormatForDecimal(this);" style="max-width: 60px;">
                                            <select name="" id="frequency_unit" class="form-select">
                                                <option value="during_campaign">Kampanya boyunca</option>
                                                <option value="hour">Saat</option>
                                                <option value="day">Gün</option>
                                                <option value="week">Hafta</option>
                                                <option value="month">Ay</option>
                                            </select>
                                            <span class="fs-9 freqbox d-none">içinde</span>
                                            <input type="number" name="" id="" class="form-control" style="max-width: 80px;">
                                            <span class="fs-9">kez (min:5)</span>
                                        </div>
                                        </div> 
                                    <div id="add_manager-error"></div>
                                </div> 

                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Başlangıç Tarihi <sup>*</sup></label> 
                                    <div id="start_date_range" class="form-control form-element  mt-2 d-flex align-items-center">
                                        <i class="bi bi-calendar"></i>&nbsp;
                                        <span>Tarih seçin</span> <i class="fa fa-caret-down"></i>
                                        <input type="hidden" id="start_date" value="0">
                                    </div>
                                </div>
                                <div class="form-group d-flex flex-wrap mb-3">
                                    <label class="text-nowrap title mt-2 mb-2"> Bitiş Tarihi</label> 
                                    <div id="end_date_range" class="form-control form-element  mt-2 d-flex align-items-center">
                                        <i class="bi bi-calendar"></i>&nbsp;
                                        <span>Tarih seçin</span> <i class="fa fa-caret-down"></i>
                                        <input type="hidden" id="start_date" value="0">
                                    </div>
                                </div>
                                <div class="form-group d-flex flex-wrap gap-2 mt-3 justify-content-end">
                                    <button type="reset" class="btn btn-sm btn-danger"><i class="bi bi-x"></i> İptal</button>
                                    <button type="reset" class="btn btn-sm btn-success"> İleri <i class="bi bi-chevron-right"></i></button>
                                </div> 
                            </div>
                            <div class="tab-pane fade" id="order-tab-pane" role="tabpanel" aria-labelledby="order-tab" tabindex="0">
                                <div class="nav nav-tabs gap-2 flex-nowrap flex-lg-wrap overflow-hidden overflow-x-auto text-nowrap pb-1 pb-lg-0" id="myTab" role="tablist"> 
                                    <button class="nav-link active" id="ssplist-tab" data-bs-toggle="tab" data-bs-target="#ssplist-tab-pane" type="button" role="tab" aria-controls="ssplist-tab-pane" aria-selected="true">SSP Listesi</button>
                                    <button class="nav-link" id="cografi-tab" data-bs-toggle="tab" data-bs-target="#cografi-tab-pane" type="button" role="tab" aria-controls="cografi-tab-pane" aria-selected="false">Coğrafi</button>
                                    <button class="nav-link" id="reklampozisyonu-tab" data-bs-toggle="tab" data-bs-target="#reklampozisyonu-tab-pane" type="button" role="tab" aria-controls="reklampozisyonu-tab-pane" aria-selected="false">Reklam Pozisyonu</button>
                                    <button class="nav-link" id="listeler-tab" data-bs-toggle="tab" data-bs-target="#listeler-tab-pane" type="button" role="tab" aria-controls="listeler-tab-pane" aria-selected="false">Listeler</button>
                                    <button class="nav-link" id="kelimeler-tab" data-bs-toggle="tab" data-bs-target="#kelimeler-tab-pane" type="button" role="tab" aria-controls="kelimeler-tab-pane" aria-selected="false">Kelimeler</button>
                                    <button class="nav-link" id="lokasyon-tab" data-bs-toggle="tab" data-bs-target="#lokasyon-tab-pane" type="button" role="tab" aria-controls="lokasyon-tab-pane" aria-selected="false">Lokasyon</button>
                                    <button class="nav-link" id="ilgialani-tab" data-bs-toggle="tab" data-bs-target="#ilgialani-tab-pane" type="button" role="tab" aria-controls="ilgialani-tab-pane" aria-selected="false">İlgi Alanı</button>
                                </div>
                                <hr>
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade pt-3 show active" id="ssplist-tab-pane" role="tabpanel" aria-labelledby="ssplist-tab" tabindex="0">
                                        <small>* Yayın yapmak istediğiniz adexchange"i seçiniz.</small>
                                        <div class="py-2"><label><input type="checkbox" id="ssp_list_all_pages" name="" class="form-input-check" data-target="#ssp_list_select" checked> Tümünü Hedefle</label></div>
                                        <div class="theadx-select disabled" id="ssp_list_select">
                                            <div class="row m-0">
                                                <div class="col-lg-12 border p-2 bg-light text-dark rounded-top border-bottom-0">
                                                    <h6 class="thdxSelectTitle">SSP Listesi</h6>
                                                </div>
                                                <div class="col-lg-6 border p-1 mb-3 mb-lg-0">
                                                    <div class="input-group mb-1">
                                                        <input type="text" class="form-control search" placeholder="Arama">
                                                        <button class="btn btn-dim btn-danger clearSearch"><i class="bi bi-x"></i></button>
                                                    </div>
                                                    <ul class="thslistbox">
                                                        <li class="thsopacity-40" data-index="0"><span class="item">Theadx SSP</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="1"><span class="item">AdForm</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="2"><span class="item">AdMedia</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="3"><span class="item">Admized</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="4"><span class="item">Adview</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="5"><span class="item">Betweenx</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="6"><span class="item">Betweenx RU</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="7"><span class="item">Bidswitch</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="8"><span class="item">BrightRoll SSP (Video)</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="9"><span class="item">DoubleClick</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="10"><span class="item">Emxdigital</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="11"><span class="item">Google Ad Exchange</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="12"><span class="item">INVIDI</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="13"><span class="item">Ligatus</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="14"><span class="item">Madvertise</span><i class="bi bi-plus-circle-fill include"></i></li>
                                                        <li data-index="15"><span class="item">Mopub</span><i class="bi bi-plus-circle-fill include"></i></li> 
                                                    </ul>
                                                </div>
                                                <div class="col-lg-6 border p-1">
                                                    <div class="d-flex align-items-center mb-1 border p-2 bg-light fs-8 fw-bold rounded-2">
                                                        <span class="text-dark">Seçili SSP Listesi </span>
                                                        <a href="javascript:void(0)" class="ms-auto text-dark deleteSelections"><i class="bi bi-trash3-fill"></i> Seçimleri Sil <span class="selectedTargets">(1)</span></a>
                                                    </div>
                                                    <ul class="thslistbox">
                                                        <li data-index="0"><span class="item">Theadx SSP</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li>
                                                        <li data-index="0"><span class="item">Theadx SSP</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li>
                                                        <li data-index="0"><span class="item">Theadx SSP</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li>
                                                        <li data-index="0"><span class="item">Theadx SSP</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li>
                                                        <li data-index="0"><span class="item">Theadx SSP</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade pt-3" id="cografi-tab-pane" role="tabpanel" aria-labelledby="cografi-tab" tabindex="0">
                                        <div class="border p-2 bg-light text-dark d-flex align-items-center mb-3 rounded-3">
                                           <h6>Coğrafi Hedefleme</h>
                                        </div>
                                        <div class="row"> 
                                            <div class="col-lg-6">
                                                <div class="input-group mb-1">
                                                    <input type="text" class="form-control search" placeholder="Arama">
                                                    <button class="btn btn-icon btn-dim btn-danger clearSearch">
                                                        <em class="bi bi-x"></em>
                                                    </button>
                                                </div>
                                                <div class="border rounded-2">
                                                    <div class="d-flex align-items-center thdx-leftbox-header p-1 bg-light fs-14px">
    
                                                        <a href="javascript:void(0)" class="text-secondary layerChange" data-layer="0">
                                                            <em class="bi bi-arrow-left me-1"></em>
                                                            <span>Ülkeler</span>
                                                        </a>
                                                        <a href="javascript:void(0)" class="text-secondary layerChange" data-layer="1">
                                                            <em class="bi bi-chevron-right text-secondary ms-1 me-1"></em>
                                                            <span>Afganistan</span>
                                                        </a>
                                                        <a href="javascript:void(0)" class="text-secondary layerChange d-none" data-layer="2">
                                                            <em class="bi bi-chevron-right text-secondary ms-1 me-1"></em>
                                                            <span></span>
                                                        </a>
                                                    </div>
                                                    <ul class="thslistbox listbox leftbox">
                                                        <li class=" bg-soft-success" data-selected="0" data-value="AF" data-layer="0" data-has-layer="1"><span class="item">Afganistan</span><i class="bi bi-plus-circle include"></i></li>
                                                        <li class=" bg-soft-danger" data-selected="0" data-value="GG" data-layer="0" data-has-layer="1"><span class="item">Alderney</span><i class="bi bi-dash-circle exclude"></i></li>
                                                        <li data-selected="0" data-value="DE" data-layer="0" data-has-layer="1"><span class="item">Almanya</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AS" data-layer="0" data-has-layer="1"><span class="item">American Samoa</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="US" data-layer="0" data-has-layer="1"><span class="item">Amerika Birleşik Devletleri</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AD" data-layer="0" data-has-layer="1"><span class="item">Andorra</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AO" data-layer="0" data-has-layer="1"><span class="item">Angola</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AI" data-layer="0" data-has-layer="1"><span class="item">Anguilla</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AQ" data-layer="0" data-has-layer="1"><span class="item">Antarctica</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AG" data-layer="0" data-has-layer="1"><span class="item">Antigua ve Barbuda</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AR" data-layer="0" data-has-layer="1"><span class="item">Arjantin</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AL" data-layer="0" data-has-layer="1"><span class="item">Arnavutluk</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                        <li data-selected="0" data-value="AW" data-layer="0" data-has-layer="1"><span class="item">Aruba</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li> 
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="d-flex align-items-center mb-1 border p-2 bg-light fs-8 fw-bold rounded-2">
                                                    <span class="text-secondary">Seçili Coğrafi Alanlar</span>
                                                    <a href="javascript:void(0)" class="ms-auto text-secondary deleteSelections">Seçimleri Sil <span class="selectedGeoTargets">(4)</span></a>
                                                </div>
                                                <div class=" border p-1 rounded-2">
                                                    <div class="thslistbox listbox rightbox px-1 pt-1">
                                                        <div class="neutral rightboxItem" data-layer="0" data-value="AF">
                                                            <div class="d-flex align-items-center"><span>Afganistan</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a></div>
                                                            <div class="include align-items-center rightboxItem" data-layer="1" data-value="Badakhshan">
                                                                <span>Badakhshan</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a>
                                                            </div>
                                                            <div class="include align-items-center rightboxItem" data-layer="1" data-value="Baghlan">
                                                                <span>Baghlan</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="neutral rightboxItem" data-layer="0" data-value="AF">
                                                            <div class="d-flex align-items-center"><span>Afganistan</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a></div>
                                                            <div class="exclude align-items-center rightboxItem" data-layer="1" data-value="Badakhshan">
                                                                <span>Badakhshan</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a>
                                                            </div>
                                                            <div class="exclude align-items-center rightboxItem" data-layer="1" data-value="Baghlan">
                                                                <span>Baghlan</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="include rightboxItem" data-layer="0" data-value="GG">
                                                            <div class="d-flex align-items-center"><span>Alderney</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a></div>
                                                        </div>
                                                        <div class="include rightboxItem" data-layer="0" data-value="AS">
                                                            <div class="d-flex align-items-center"><span>American Samoa</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a></div>
                                                            <div class="exclude rightboxItem" data-layer="1" data-value="Western District">
                                                                <div class="d-flex align-items-center"><span>Western District</span><a href="javascript:void(0)" class="ms-auto deleteItem"><i class="bi bi-x-circle-fill"></i></a></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade pt-3" id="reklampozisyonu-tab-pane" role="tabpanel" aria-labelledby="reklampozisyonu-tab" tabindex="0">
                                        <div class="form-group d-flex flex-wrap mb-3">
                                            <label class="text-nowrap title"> Tahmin edilen<br>reklam görünürlüğü</label> 
                                            <select name="ad_viewability" class="form-select select2 w-100" style="width: 400px;">
                                                <option value="90_or_greater">%90 veya üzeri</option>
                                                <option value="80_or_greater">%80 veya üzeri</option>
                                                <option value="70_or_greater">%70 veya üzeri</option>
                                                <option value="60_or_greater">%60 veya üzeri</option>
                                                <option value="50_or_greater">%50 veya üzeri</option>
                                                <option value="40_or_greater">%40 veya üzeri</option>
                                                <option value="30_or_greater">%30 veya üzeri</option>
                                                <option value="20_or_greater">%20 veya üzeri</option>
                                                <option value="10_or_greater">%10 veya üzeri</option>
                                                <option value="all_impressions">Tüm gösterimler</option>
                                            </select> 
                                        </div>

                                        <div class="form-group d-flex flex-wrap mb-3">
                                            <label class="text-nowrap title">Ekran Konumu <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Reklamın ekran konumunu belirleyin.'</div>"></i></label>
                                            <div class="form-element d-flex gap-4 posbox">
                                                <input type="checkbox" class="selectpositioninput" checked hidden name="position-check" id="pos1">
                                                <label class="pos-label" for="pos1"><span>Rastgele</span><img src="assets/images/random-position-rek.svg" width="120" alt=""></label>
                                                <input type="checkbox" class="selectpositioninput" checked hidden name="position-check" id="pos2">
                                                <label class="pos-label" for="pos2"><span>Üst</span><img src="assets/images/top-position-rek.svg" width="120" alt=""></label>
                                                <input type="checkbox" class="selectpositioninput" checked hidden name="position-check" id="pos3">
                                                <label class="pos-label" for="pos3"><span>Alt</span><img src="assets/images/bottom-position-rek.svg" width="120" alt=""></label>
                                            </div>
                                        </div>
                                        
                                        <h5 class="card-title mobfiller pb-3">İçerik Pozisyonu
                                        </h5>
                                        <div class="form-group d-flex flex-wrap mb-3">
                                            <label class="text-nowrap title mt-2 mb-2"> Display <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Görünlüleme sağlayacağınz reklam türü.</div>"></i></label> 
                                                <div class="d-flex flex-wrap gap-2 align-items-center form-element">
                                                    <input hidden type="checkbox" name="displaytype1" id="ad41" class="form-check-input typeradio" > 
                                                    <label class="typeradio-label" for="ad41">Interstitial</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad42" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad42">In-Article</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad43" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad43">Innfeed</label>
                                                </div>
                                            <div id="add_manager-error"></div>
                                        </div> 
                                        <div class="form-group d-flex flex-wrap mb-3">
                                            <label class="text-nowrap title mt-2 mb-2"> Video <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Görünlüleme sağlayacağınz reklam türü.</div>"></i></label> 
                                                <div class="d-flex flex-wrap gap-2 align-items-center form-element">
                                                    <input hidden type="checkbox" name="displaytype1" id="ad51" class="form-check-input typeradio" > 
                                                    <label class="typeradio-label" for="ad51">In-stream</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad52" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad52">Interstitial</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad53" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad53">In-Article</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad53" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad53">Infeed</label>
                                                </div>
                                            <div id="add_manager-error"></div>
                                        </div> 
                                        <div class="form-group d-flex flex-wrap mb-3">
                                            <label class="text-nowrap title mt-2 mb-2"> Native <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Görünlüleme sağlayacağınz reklam türü.</div>"></i></label> 
                                                <div class="d-flex flex-wrap gap-2 align-items-center form-element">
                                                    <input hidden type="checkbox" name="displaytype1" id="ad61" class="form-check-input typeradio" > 
                                                    <label class="typeradio-label" for="ad61">Interstitial</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad62" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad62">In-Aricle</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad63" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad63">Infeed</label>
                                                </div>
                                            <div id="add_manager-error"></div>
                                        </div> 
        
                                        <h5 class="card-title mobfiller pb-3">Hedeflenebilir Platform <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Reklamlarınızı yayınlamak için bir platform seçebilirsiniz.</div>"></i></h5>
                                        <div class="form-group d-flex flex-wrap mb-3">
                                            <label class="text-nowrap title mt-2 mb-2"> Display <i class="bi bi-info-circle-fill text-primary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<div class='text-start'>Görünlüleme sağlayacağınz reklam türü.</div>"></i></label> 
                                                <div class="d-flex flex-wrap gap-2 align-items-center form-element">
                                                    <input hidden type="checkbox" name="displaytype1" id="ad71" class="form-check-input typeradio" > 
                                                    <label class="typeradio-label" for="ad71">Web</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad72" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad72">Mobil Tarayıcı</label>
                                                    <input hidden type="checkbox" name="displaytype2" id="ad73" class="form-check-input typeradio"> 
                                                    <label class="typeradio-label" for="ad73">App</label>
                                                </div>
                                            <div id="add_manager-error"></div>
                                        </div> 
                                    </div> 
                                    <div class="tab-pane fade pt-3" id="listeler-tab-pane" role="tabpanel" aria-labelledby="listeler-tab" tabindex="0">
                                        <div class="theadx-select" id="ssp_list_select">
                                            <div class="border p-2 bg-light text-dark d-flex align-items-center mb-3 rounded-3">
                                                <h6 class="thdxSelectTitle">Envanter Listesi</h6>
                                                <select name="" class="form-select w-auto ms-auto" id="">
                                                    <option value="" selected>Kendi Listelerim</option>
                                                    <option value="">Hazır Listeler</option>
                                                </select>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="input-group mb-1">
                                                        <input type="text" class="form-control search" placeholder="Arama">
                                                        <button class="btn btn-dim btn-danger clearSearch"><i class="bi bi-x"></i></button>
                                                    </div>
                                                    <div class="border rounded-2">
                                                        <ul class="thslistbox"> 
                                                            <li data-index="1"><span class="item">(1402) Uygulama Listesi #1</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li>
                                                            <li data-index="2"><span class="item">(1404) Uygulama Listesi #1</span><i class="bi bi-plus-circle-fill include"></i><i class="bi bi-dash-circle-fill exclude"></i></li> 
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="d-flex align-items-center mb-1 border p-2 bg-light fs-8 fw-bold rounded-2">
                                                        <span class="text-dark">Seçili <span class="thdxSelectTitle">SSP Listesi</span></span>
                                                        <a href="javascript:void(0)" class="ms-auto text-dark deleteSelections"><i class="bi bi-trash3-fill"></i> Seçimleri Sil <span class="selectedTargets">(1)</span></a>
                                                    </div>
                                                    <div class="border rounded-2">
                                                        <ul class="thslistbox">
                                                            <li data-index="0"><span class="item">(1402) Uygulama Listesi #1</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li> 
                                                            <li data-index="0"><span class="item">(1013) Video Envanter Listesi</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="tab-pane fade pt-3" id="kelimeler-tab-pane" role="tabpanel" aria-labelledby="kelimeler-tab" tabindex="0">
                                        <div class="row">
                                            <div class="col-lg-6 mb-3 mb-lg-0">
                                                <div class="border border-bottom-0 p-2 bg-light text-dark rounded-top fw-bold fs-8">
                                                  <span class="text-dark">Kelimeler</span>
                                                </div>
                                                <div class="border bg-white p-2 p-lg-4 rounded-bottom">
                                                    <label class="form-label" for="add_word_to_word_list">
                                                        <span class="fw-medium">Hedeflemek istediğiniz anahtar kelimeyi yazin</span>
                                                    </label>
                                                    <div class="input-group mb-1">
                                                        <input type="text" class="form-control" id="add_word_to_word_list">
                                                        <button class="btn btn-icon btn-dim btn-success addWordButton">
                                                          <i class="bi bi-plus-circle"></i>
                                                        </button>
                                                    </div>
                                                    <hr>
                                                    <div class="d-flex flex-wrap justify-content-between pb-3">
                                                        <div class="part">
                                                            <label class="form-label fw-medium" for="add_words_from_file_Label">
                                                                Dosyadan Yükle
                                                            </label> 
                                                            <input class="form-control" type="file" id="formFile" id="add_words_from_file" accept=".xls,.xlsx,.csv,.txt"> 
                                                        </div>
                                                        <div class="part pt-4">
                                                        <a class="btn btn-success text-center mt-1" href="/exmpfiles/KeywordsExample.rar">
                                                            <em class="bi bi-download me-1"></em>
                                                            Örnek Dosyayı indir
                                                        </a>
                                                        </div>
                                                    </div> 
                                                    <div class="alert alert-sm alert-info alert-dismissible alert-icon fs-8 mb-0">
                                                        <em class="bi bi-info-circle"></em>
                                                        Özel karakterlere sahip dosyalar UTF-8 formatında yüklenmelidir.
                                                        <button class="btn-close fs-9" data-bs-dismiss="alert"></button>
                                                    </div> 
                                                </div>
                                            </div>
                                             
                                            <div class="col-lg-6">
                                                <div class="d-flex align-items-center mb-1 border p-2 bg-light fs-8 fw-bold rounded-2">
                                                    <span class="text-dark">Seçili Kelimeler</span>
                                                    <a href="javascript:void(0)" class="ms-auto text-dark deleteSelections"><i class="bi bi-trash3-fill"></i> Seçimleri Sil <span class="selectedTargets">(1)</span></a>
                                                </div>
                                                <div class="border rounded-2">
                                                    <ul class="thslistbox">
                                                        <li data-index="0"><span class="item">(1402) Uygulama Listesi #1</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li> 
                                                        <li data-index="0"><span class="item">(1013) Video Envanter Listesi</span><i class="bi bi-dash-circle-fill ms-auto exclude"></i></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="tab-pane fade pt-3" id="lokasyon-tab-pane" role="tabpanel" aria-labelledby="lokasyon-tab" tabindex="0">
                                        <div class="row">
                                            <div class="col-xxl-6 mb-3 mb-lg-0">
                                                <div class="border rounded-2 p-2 mapcoord">
                                                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                                                        <li class="nav-item" role="presentation">
                                                          <button class="nav-link active" id="addgeo-tab" data-bs-toggle="tab" data-bs-target="#addgeo-tab-pane" type="button" role="tab" aria-controls="addgeo-tab-pane" aria-selected="true"><i class="bi bi-geo-alt"></i> Koordinat Gir</button>
                                                        </li>
                                                        <li class="nav-item" role="presentation">
                                                          <button class="nav-link" id="importgeo-tab" data-bs-toggle="tab" data-bs-target="#importgeo-tab-pane" type="button" role="tab" aria-controls="importgeo-tab-pane" aria-selected="false"><i class="bi bi-cloud-upload"></i> Koordinatları İçeri Aktar</button>
                                                        </li> 
                                                        <li class="nav-item include me-1" role="presentation">
                                                            <input hidden type="radio" name="displaytype1" id="add1" class="form-check-input typeradio" checked> 
                                                            <label class="typeradio-label" for="add1">Dahil Et</label>
                                                        </li>
                                                        <li class="nav-item exclude" role="presentation">
                                                            <input hidden type="radio" name="displaytype1" id="add2" class="form-check-input typeradio"> 
                                                            <label class="typeradio-label" for="add2">Hariç Tut</label>
                                                        </li>
                                                      </ul>
                                                      <div class="tab-content" id="myTabContent">
                                                        <div class="tab-pane fade show active" id="addgeo-tab-pane" role="tabpanel" aria-labelledby="addgeo-tab" tabindex="0">
                                                            <div class="row g-1 pt-4 align-items-end justify-content-between">
                                                                <div class="col-sm form-group">
                                                                    <label>Enlem</label>
                                                                    <input type="number" name="" id="" class="form-control">
                                                                </div>
                                                                <div class="col-sm form-group">
                                                                    <label>Boylam</label>
                                                                    <input type="number" name="" id="" class="form-control">
                                                                </div>
                                                                <div class="col-sm form-group">
                                                                    <label>Mesafe</label>
                                                                    <input type="number" name="" id="" class="form-control">
                                                                </div>
                                                                <div class="col-sm form-group">
                                                                    <label> Birim</label>
                                                                    <select class="form-select">
                                                                        <option value="1" selected="">Km</option>
                                                                        <option value="1000">Mt.</option>
                                                                        <option value="0.621371192"> Mil </option>
                                                                        <option value="3280.84">Feet</option>
                                                                        <option value="0.539956803"> D.Mil </option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-sm form-group text-lg-end">
                                                                    <button type="submit" class="btn btn-success fs-8"><i class="bi bi-plus-circle align-middle"></i> Lokasyon Ekle</button>
                                                                </div> 
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane fade" id="importgeo-tab-pane" role="tabpanel" aria-labelledby="importgeo-tab" tabindex="0">
                                                            <div class="d-flex justify-content-between pt-4 align-items-end gap-2 flex-wrap flex-sm-nowrap">
                                                                <div class="part w-100">
                                                                    <label class="form-label fw-medium" for="add_words_from_file_Label">
                                                                        Dosyadan Yükle
                                                                    </label> 
                                                                    <input class="form-control" type="file" id="formFile" id="add_words_from_file" accept=".xls,.xlsx,.csv,.txt"> 
                                                                </div>
                                                                <div class="part">
                                                                <a class="btn btn-success text-center mt-1 text-nowrap fs-8" href="/exmpfiles/KeywordsExample.rar">
                                                                    <em class="bi bi-download me-1"></em>
                                                                    Örnek Dosyayı indir
                                                                </a>
                                                                </div>
                                                            </div> 
                                                        </div> 
                                                      </div>
                                                      <hr>
                                                      <div class="col-12">
                                                          <div class="wordbox">
                                                              <table class="table location-table">
                                                                <thead class="table-light">
                                                                  <tr>
                                                                    <th>#</th>
                                                                    <th>Enlem</th>
                                                                    <th>Boylam</th>
                                                                    <th>Mesafe</th>
                                                                    <th>Birim</th>
                                                                    <th class="text-end">
                                                                      <a href="javascript:void(0)" class="text-dark">Tümünü Sil (<span class="sumLocations">0</span>)</a>
                                                                    </th>
                                                                  </tr>
                                                                  </thead>
                                                                  <tbody>
                                                                          <tr>
                                                                              <td><a href="javascript:void(0)" onclick="locationTargetGoTo('38.441','31.069');" class="text-decoration-underline me-auto">D</a></td>
                                                                              <td>
                                                                                  <a href="javascript:void(0)" 
                                                                                  class="text-decoration-underline me-auto" 
                                                                                  id="a_lat_D" 
                                                                                  data-bs-toggle="popover" 
                                                                                  data-bs-placement="top" 
                                                                                  data-bs-html="true"  
                                                                                  data-bs-content="<div class='d-flex align-items-center gap-1'><input class='form-control form-control-sm loc-input' value='38.441' style='width:80px' /><i class='bi bi-check-circle-fill pointer text-success fs-5 accept'></i><i class='bi bi-x-circle-fill pointer text-danger fs-5 cancel'></i></div>"
                                                                                  data-bs-container="body">
                                                                                  38.441
                                                                                  </a>
                                                                              </td>
                                                                              <td>
                                                                                  <a href="javascript:void(0)" 
                                                                                  class="text-decoration-underline me-auto" 
                                                                                  id="a_lat_D" 
                                                                                  data-bs-toggle="popover" 
                                                                                  data-bs-placement="top" 
                                                                                  data-bs-html="true"  
                                                                                  data-bs-content="<div class='d-flex align-items-center gap-1'><input class='form-control form-control-sm loc-input' value='38.441' style='width:80px' /><i class='bi bi-check-circle-fill pointer text-success fs-5 accept'></i><i class='bi bi-x-circle-fill pointer text-danger fs-5 cancel'></i></div>"
                                                                                  data-bs-container="body">
                                                                                  38.441
                                                                                  </a>
                                                                              </td>
                                                                              <td>
                                                                                  <a href="javascript:void(0)" 
                                                                                  class="text-decoration-underline me-auto" 
                                                                                  id="a_lat_D" 
                                                                                  data-bs-toggle="popover" 
                                                                                  data-bs-placement="top" 
                                                                                  data-bs-html="true"  
                                                                                  data-bs-content="<div class='d-flex align-items-center gap-1'><input class='form-control form-control-sm loc-input' value='38' style='width:80px' /><i class='bi bi-check-circle-fill pointer text-success fs-5 accept'></i><i class='bi bi-x-circle-fill pointer text-danger fs-5 cancel'></i></div>"
                                                                                  data-bs-container="body">
                                                                                  38
                                                                                  </a>
                                                                              </td> 
                                                                              <td>
                                                                                  <a href="javascript:void(0)" 
                                                                                  class="text-decoration-underline me-auto" 
                                                                                  id="a_lat_D" 
                                                                                  data-bs-toggle="popover" 
                                                                                  data-bs-placement="top" 
                                                                                  data-bs-html="true"  
                                                                                  data-bs-content="<div class='d-flex align-items-center gap-1'>
                                                                                      <select class='form-select'>
                                                                                      <option value='1' selected=''>Km</option>
                                                                                      <option value='1000'>Mt.</option>
                                                                                      <option value='0.621371192'>Mil</option>
                                                                                      <option value='3280.84'>Feet</option>
                                                                                      <option value='0.539956803'>D.Mil</option>
                                                                                  </select>
                                                                                  <i class='bi bi-check-circle-fill pointer text-success fs-5 accept'></i><i class='bi bi-x-circle-fill pointer text-danger fs-5 cancel'></i></div>"
                                                                                  data-bs-container="body">
                                                                                  38.441
                                                                                  </a>
                                                                              </td>
                                                                              <td>
                                                                                  <button type="button" class="btn btn-sm btn-soft-danger"><i class="bi bi-trash"></i> Sil</button>
                                                                              </td>
                                                                          </tr>
                                                                  </tbody>
                                                              </table>
                                                            </div>
                                                      </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mapbox"></div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="tab-pane fade pt-3" id="ilgialani-tab-pane" role="tabpanel" aria-labelledby="ilgialani-tab" tabindex="0">
                                        <div class="interestzone d-flex flex-wrap flex-lg-nowrap gap-2 align-items-start"> 
                                            <select id="segmentSelect" class="form-select form-select-sm select2" multiple>
                                                <option value="1">Tümü</option>
                                                <option value="2">Alışveriş</option>
                                                <option value="3">Anneler, Bebekler ve Çocuklar</option>
                                                <option value="4">Demografik</option>
                                                <option value="5">Eğitim ve Kariyer</option>
                                                <option value="6">Elektronik ve Bilgisayarlar</option>
                                                <option value="7">Emlak</option>
                                                <option value="8">Etkinlikler</option>
                                                <option value="9">Ev & Bahçe</option>
                                            </select> 
                                            <select id="datasourceSelect" class="form-select form-select-sm select2" multiple>
                                                <option value="1" selected>Theadx</option>
                                                <option value="2">Digiseg</option>
                                                <option value="3">Belogic</option> 
                                            </select> 
                                            <input type="number" name="" id="" class="form-control" placeholder="ID">
                                            <input type="text" name="" id="" class="form-control" placeholder="Segment Adı">
                                            <button type="button" class="btn btn-sm btn-primary text-nowrap"><i class="bi bi-search"></i> Ara</button>
                                            <button type="button" class="btn btn-sm btn-soft-dark text-nowrap"><i class="bi bi-table"></i> Tümü</button>
                                        </div>
                                        <div class="tables">
                                            <table class="table data-table late-right">
                                                <thead>
                                                    <tr>
                                                        <td>ID</td>
                                                        <td>Segment Kategorisi</td>
                                                        <td>Segment Adı</td>
                                                        <td>Data Kaynağı</td>
                                                        <td>Kişi Sayısı</td>
                                                        <td>Fiyat</td>
                                                        <td>İşlem</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>16925</td>
                                                        <td>İş Hizmetleri</td>
                                                        <td>İş>Büyük İşletme</td>
                                                        <td>Digiseg</td>
                                                        <td>31.091</td>
                                                        <td>6.97₺</td>
                                                        <td><i class="bi bi-dash-circle-fill pointer text-danger fs-5"></i></td>
                                                    </tr>
                                                    <tr>
                                                        <td>16925</td>
                                                        <td>Demografik</td>
                                                        <td>Hane Teknoloji Seviyesi > Yüksek</td>
                                                        <td>Digiseg</td>
                                                        <td>42.091</td>
                                                        <td>6.97₺</td>
                                                        <td><i class="bi bi-plus-circle-fill pointer text-success fs-5"></i></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <hr>
                                        <h6>İlgi Alanı Hedefleme</h6>
                                        <div class="tables">
                                            <table class="table data-table late-right">
                                                <thead>
                                                    <tr>
                                                        <td>İlgi Alanı Adı</td>
                                                        <td>Periyot</td>
                                                        <td>Kişi Sayısı</td>
                                                        <td>Fiyat</td>
                                                        <td>İşlem</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                      
                                                        <td>İş>Büyük İşletme</td>
                                                        <td>30</td>
                                                        <td>31.091</td>
                                                        <td>6.97₺</td>
                                                        <td><i class="bi bi-calendar pointer text-dark fs-5"></i> <i class="bi bi-dash-circle-fill pointer text-danger fs-5"></i></td>
                                                    </tr>
                                                    <tr>
                                                      
                                                        <td>Hane Teknoloji Seviyesi > Yüksek</td>
                                                        <td>30</td>
                                                        <td>42.091</td>
                                                        <td>6.97₺</td>
                                                        <td><i class="bi bi-calendar pointer text-dark fs-5"></i> <i class="bi bi-plus-circle-fill pointer text-success fs-5"></i></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div> 
                                </div>
                                <div class="form-group d-flex flex-wrap gap-2 mt-3 justify-content-end">
                                    <button type="reset" class="btn btn-sm btn-soft-dark"><i class="bi bi-chevron-left"></i> Geri</button>
                                    <button type="reset" class="btn btn-sm btn-primary d-none">  İleri <i class="bi bi-chevron-right"></i></button>
                                    <button type="reset" class="btn btn-sm btn-success d-n ne"> <i class="bi bi-floppy"></i> Oluştur</button>
                                </div> 
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 text-start">
                    <a href="#.">Theadx @ 2024</a>
                </div>
            </div>
        </div>
    </footer>
 
    <link rel="stylesheet" href="https://agency.apps.artankito.com/css/daterangepicker.css">
    <link rel="stylesheet" href="assets/plugins/datatable/datatables.min.css">
    <link rel="stylesheet" href="assets/plugins/select2/dist/css/select2.min.css">
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/plugins/datatable/datatables.min.js"></script>
    <script src="https://agency.apps.artankito.com/js/am-chart/index.js"></script>
    <script src="https://agency.apps.artankito.com/js/am-chart/xy.js"></script>
    <script src="https://agency.apps.artankito.com/js/am-chart/Animated.js"></script>
    <script src="https://agency.apps.artankito.com/js/moment.js"></script>
    <script src="https://agency.apps.artankito.com/js/moment-w-locales.js"></script>
    <script src="https://agency.apps.artankito.com/js/daterangepicker.min.js"></script>
    <script src="assets/plugins/select2/dist/js/select2.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script>


        $(document).ready( function () {

                document.querySelectorAll('button[data-bs-toggle="tab"]').forEach((el) => {
                el.addEventListener('shown.bs.tab', () => {
                    DataTable.tables({ visible: true, api: true }).columns.adjust();
                });
            });

            new DataTable('.data-table', {
                ordering: false, 
                lengthChange: false,
                bFilter:false,
                responsive:true,
                info:false
            });
        } );


        const date_range = {};
        $(function () {
            moment.locale('tr');

            var start = moment().subtract(29, 'days');
            var end = moment();

            function cb(start, end) {
                var startUnix = start.format('X');
                var endUnix = end.format('X');

                date_range["start_date"] = startUnix;
                date_range["end_date"] = endUnix;

                $('.thdx-daterangepicker span').html(start.format('D/MM/YYYY HH:mm') + ' - ' + end.format('D/MM/YYYY HH:mm'));
                $("input[name='start_date']").val(startUnix);
                $("input[name='end_date']").val(endUnix);
                $('.thdx-daterangepicker span').html(start.format('MMM D') + ' – ' + end.format('MMM D, YYYY'));
                $(this).find('.bi-caret-down-fill').removeClass('bi-caret-down-fill').addClass('bi-calendar');

            }

            $('.thdx-daterangepicker').daterangepicker({
                startDate: start,
                endDate: end,
                maxDate: moment(),
                "locale": {
                    "customRangeLabel": 'Özel',
                    "format": 'MMM D – MMM D, YYYY'
                },
                "alwaysShowCalendars": true,
                "timePicker": true,
                "timePicker24Hour": true,
                "showWeekNumbers": true,
                ranges: {
                    'Bugün': [moment(), moment()],
                    'Dün': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Son 7 Gün': [moment().subtract(6, 'days'), moment()],
                    'Son 14 Gün': [moment().subtract(13, 'days'), moment()],
                    'Son 30 Gün': [moment().subtract(29, 'days'), moment()],
                    'Bu Ay': [moment().startOf('month'), moment()],
                    'Bu Çeyrek': [moment().startOf('quarter'), moment()],
                    'Bu Yıl': [moment().startOf('year'), moment()]
                }
            }, cb);

            $('.thdx-daterangepicker').on('apply.daterangepicker', function (ev, picker) {
                console.log("chart güncelleme");
                picker.hide();
            });

            cb(start, end);
        });

        
  // Ana kategori listesini oluştur
  const categoryList = document.getElementById('industryVertical');
  var allCategories = [];
  $.ajax({
      type: 'GET',
      url: '/ajax/defs/categories/iab',
      success: function (response) {
          allCategories = response; // Tüm kategorileri değişkene ata
          createCategoryList(allCategories, document.getElementById('industryVertical'));
      }
  });

  $('#selectedCategory').on('click', () => {
      $('.categoryContainer').toggleClass('d-none');
  });

  $('.categoryContainer input')[0].addEventListener('input', function () {
      const query = this.value;
      const filteredCategories = filterCategories(allCategories, query);
      createCategoryList(filteredCategories, document.getElementById('industryVertical'), true);
  });
  // #endregion : Category
  moment.locale('tr');
            function cb_start(start) {
                $("input[id='start_date']").val(start.format('X'));
                $('#start_date_range span').html(start.format('D MMM YYYY, HH:mm'));
                $(this).find('.fa-caret-down').removeClass('fa-caret-down').addClass('fa-calendar');
                $('.start_date-error').html('');
                $('#start_date_range').addClass('is-valid');
            };
            function cb_end(end) {
                $("input[id='end_date']").val(end.format('X'));
                $('#end_date_range span').html(end.format('D MMM YYYY, HH:mm'));
                $(this).find('.fa-caret-down').removeClass('fa-caret-down').addClass('fa-calendar');
                $('#end_date_range').addClass('is-valid');
            };
            $('#start_date_range').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                autoUpdateInput: false,
                minDate: moment(),
                "locale": {
                    "format": 'D MMM YYYY'
                },
                "alwaysShowCalendars": true,
                "timePicker": true,
                "timePicker24Hour": true,
                "showWeekNumbers": true,
                "drops": "up"
            }, cb_start);
            $('#end_date_range').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                autoUpdateInput: false,
                minDate: moment(),
                "locale": {
                    "format": 'D MMM YYYY'
                },
                "alwaysShowCalendars": true,
                "timePicker": true,
                "timePicker24Hour": true,
                "showWeekNumbers": true,
                "drops": "up"
            }, cb_end);

            $('[name="frequency"]').on('change', function () {
                if ($('#frequency_limit_enabled').is(':checked')) {
                    $('.freqselect').addClass('disabled');
                } else {
                    $('.freqselect').removeClass('disabled');
                }
            });
            $('#frequency_unit').on('change', function () {
                var _value = $(this).val();
                if (_value == "during_campaign") {
                    $('.freqbox').addClass('d-none');
                } else {
                    $('.freqbox').removeClass('d-none');
                }
            });


            $('#ssp_list_all_pages').on('change', function () {
                if ($(this).is(':checked')) {
                    $($(this).data('target')).addClass('disabled');
                } else {
                    $($(this).data('target')).removeClass('disabled');
                }
            });
    </script>
</body>
</html>