@section('js')
<script src="{{PUBLIC_FRONT}}js/kaynak.js"></script>
@endsection

@if(!empty($kaynakDosyalari))
<div class="container-xxl mt-5">
    <div class="card mb-4">
        <div class="card-header">
            <h5 class="mb-0">İndirilebilir Kaynak Dosyaları</h5>
        </div>
        <div class="table-responsive">
            <table class="table">
                <thead>
                <tr>
                    <th>Kaynak</th>
                    <th>Kitap</th>
                    <th>Yazar</th>
                    <th>Dosya</th>
                </tr>
                </thead>
                <tbody>
                @foreach($kaynakDosyalari as $dosya)
                <tr>
                    <td>{{$dosya['Kaynak']}}</td>
                    <td>{{$dosya['Kitap']}}</td>
                    <td>{{$dosya['Yazar']}}</td>
                    <td>
                        <a class="btn btn-sm btn-primary" href="/kaynak-dosyasi-indir?dosya={{$dosya['Dosya']}}">
                            <i class="ti ti-download me-1"></i>İndir
                        </a>
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif

<div class="container-xxl flex-grow-1 container-p-y mt-5">
    <h4 class="py-3 mb-4"><span class="text-muted fw-light">Kaynaklar/</span> Kaynak Oluştur</h4>

    <!-- Basic Layout -->
    <div class="row">
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Teach Me Astrology</h5>
                    <small class="text-muted float-end">Astro Bilge</small>
                </div>
                <div class="card-body">
                    <form action="" method="POST" enctype="multipart/form-data">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="multicol-country">Astroloji Ekolü</label>
                                <div class="position-relative">
                                    <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                            aria-hidden="true" name="astrolojiekol">
                                        <option value="secilmedi" selected>Ekol Seç</option>
                                        <option value="bati-astrolojisi">Batı Astrolojisi</option>
                                        <option value="modern-astroloji">Modern Astroloji</option>
                                        <option value="klasik-astroloji">Klasik Astroloji</option>
                                        <option value="karma-astrolojisi">Karma Astrolojisi</option>
                                        <option value="psikolojik-astroloji">Psikolojik Astroloji</option>
                                        <option value="dunya-astrolojisi">Dünya Astrolojisi</option>
                                        <option value="enerji-astrolojisi">Enerji Astrolojisi</option>
                                        <option value="uranyen-astrolojisi">Uranyen Astrolojisi</option>
                                        <option value="vedik-astrolojisi">Vedik Astrolojisi</option>
                                        <option value="osmanli-astrolojisi">Osmanlı Astrolojisi</option>
                                        <option value="budist-astrolojisi">Budist Astrolojisi</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="multicol-country">Uzmanlık</label>
                                <div class="position-relative">
                                    <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                            aria-hidden="true" name="uzmanlik">
                                        <option value="secilmedi" selected>Uzmanlık Seç</option>
                                        <option value="finansal-astrolojisi">Finansal Astrolojisi</option>
                                        <option value="medikal-astroloji">Medikal Astroloji</option>
                                        <option value="soru-astrolojisi">Soru Astrolojisi</option>
                                        <option value="iliskiler-astrolojisi">İlişkiler Astrolojisi</option>
                                        <option value="mesleki-astroloji">Mesleki Astroloji</option>
                                        <option value="doga-astroloji">Doğa Astroloji</option>
                                    </select>
                                </div>
                            </div>
                            <hr>
                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="multicol-country">Haritalar</label>
                                <div class="position-relative">
                                    <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                            aria-hidden="true" name="harita">
                                        <option value="secilmedi" selected>Harita Seç</option>
                                        <option value="natal">Natal Harita</option>
                                        <option value="transit">Transit Harita</option>
                                        <option value="progress">Progress Harita</option>
                                        <option value="solar-ark">Solar Ark Harita</option>
                                        <option value="solar-return">Solar Return Harita</option>
                                        <option value="sinastri">Sinastri Harita</option>
                                        <option value="kompozit">Kompozit Harita</option>
                                        <option value="drakonik">Drakonik Harita</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="multicol-country">Ev Sistemi</label>
                                <div class="position-relative">
                                    <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                            aria-hidden="true" name="evsistemi">
                                        <option value="secilmedi" selected>Ev Sistemi Seç</option>
                                        <option value="placidus">Placidus</option>
                                        <option value="regiomontanus">Regiomontanus</option>
                                        <option value="koch">Koch</option>
                                        <option value="alcabitus">Alcabitus</option>
                                        <option value="wholo-sign">Wholo Sign</option>
                                    </select>
                                </div>
                            </div>
                            <hr>
                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="multicol-country">Burçlar</label>
                                <div class="position-relative">
                                    <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                            aria-hidden="true" name="burclar">
                                        <option value="secilmedi" selected>Burç Seç</option>
                                        <option value="koc">Koç</option>
                                        <option value="boga">Boğa</option>
                                        <option value="ikizler">İkizler</option>
                                        <option value="yengec">Yengeç</option>
                                        <option value="aslan">Aslan</option>
                                        <option value="basak">Başak</option>
                                        <option value="terazi">Terazi</option>
                                        <option value="akrep">Akrep</option>
                                        <option value="yay">Yay</option>
                                        <option value="oglak">Oğlak</option>
                                        <option value="kova">Kova</option>
                                        <option value="balik">Balık</option>
                                    </select>
                                </div>

                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="">
                                    <div class="form-check form-check-danger mt-4">
                                        <input class="form-check-input" type="checkbox" id="yukselen"
                                               name="yukselen">
                                        <label class="form-check-label"
                                               for="customCheckSuccess">Yükselen</label>
                                    </div>
                                </div>

                            </div>
                            <hr>
                            <div class="col-12 row">

                                <div class="d-flex justify-content-between">
                                    <h5>Harita Cinsi - Kritik Dereceler - Ay Fazları</h5>
                                    <a onClick="gosterGizle1();"
                                       class="border-0  btn btn-warning btn-xs text-white"><span><i id="gosterok1"
                                                                                                    class="ti ti-arrow-down"></i></span></a>
                                </div>
                                <div class="col-12 row d-none" id="gosterGizle1">
                                    <div class="col-md-2 mb-3 mt-1">
                                        <div class="row">
                                            <div class="col-md-12 " id="kritikderece">
                                                <h6 class="mt-1">Harita Cinsi:</h6>
                                            </div>
                                            <div class="col-12">
                                                <div class="d-flex justify-content-start">
                                                    <div class="">
                                                        <div class="form-check form-check-danger mt-2">
                                                            <input class="form-check-input" type="checkbox" id="erkek"
                                                                   name="erkek">
                                                            <label class="form-check-label"
                                                                   for="customCheckSuccess">Erkek</label>
                                                        </div>
                                                    </div>
                                                    <div class="ms-3">
                                                        <div class="form-check form-check-warning-bg-subtle mt-2">
                                                            <input class="form-check-input" type="checkbox" id="kadin"
                                                                   name="kadin">
                                                            <label class="form-check-label"
                                                                   for="customCheckSuccess">Kadın</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="d-flex justify-content-start">
                                                    <div class="">
                                                        <div class="form-check form-check-danger mt-2">
                                                            <input class="form-check-input" type="checkbox" id="gece"
                                                                   name="gece">
                                                            <label class="form-check-label"
                                                                   for="customCheckSuccess">Gece</label>
                                                        </div>
                                                    </div>
                                                    <div class="ms-3">
                                                        <div class="form-check form-check-warning-bg-subtle mt-2">
                                                            <input class="form-check-input" type="checkbox"
                                                                   id="gunduz" name="gunduz">
                                                            <label class="form-check-label"
                                                                   for="customCheckSuccess">Gündüz</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mb-3 mt-1">
                                        <div class="row">

                                            <div class="col-md-6 mb-3 mt-4">
                                                <label class="form-label" for="multicol-country">Ay Fazları</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select select2-hidden-accessible"
                                                            tabindex="-1"
                                                            aria-hidden="true" name="ayfazlari">
                                                        <option value="secilmedi" selected>Faz Seç</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6 mb-3 mt-4">
                                                <label class="form-label" for="multicol-country">Doğumdaki Ay
                                                    Durumu</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select select2-hidden-accessible"
                                                            tabindex="-1"
                                                            aria-hidden="true" name="dogumdakiaydurumu">
                                                        <option value="secilmedi" selected>Durum Seç</option>
                                                        <option value="dogumdanoncekikavusum">Doğumdan Önceki Kavuşum
                                                        </option>
                                                        <option value="dogumdansonrakikavusum">Doğumdan Sonraki Kavuşum
                                                        </option>
                                                        <option value="dogumdanonceilkaci">Doğumdan Önce İlk Açı
                                                        </option>
                                                        <option value="sogumdansonrailkaci">Doğumdan Sonra İlk Açı
                                                        </option>
                                                        <option value="dogumdanoncekidolunay">Doğumdan Önceki Dolunay
                                                        </option>
                                                        <option value="dogumdanoncekiyeniay">Doğumdan Önceki Yeniay
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-3 ">
                                        <div class="row">
                                            <div class="col-md-12 " id="kritikderece">
                                                <h6 class="mt-1">Kritik Dereceler:</h6>
                                            </div>
                                            <div class="col-md-5 mb-3">
                                                <label class="form-label" for="multicol-country">Burçlar</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select select2-hidden-accessible"
                                                            tabindex="-1"
                                                            aria-hidden="true" name="kritikburc">
                                                        <option value="secilmedi" selected>Burç Seç</option>
                                                        <option value="koc">Koç</option>
                                                        <option value="boga">Boğa</option>
                                                        <option value="ikizler">İkizler</option>
                                                        <option value="yengec">Yengeç</option>
                                                        <option value="aslan">Aslan</option>
                                                        <option value="basak">Başak</option>
                                                        <option value="terazi">Terazi</option>
                                                        <option value="akrep">Akrep</option>
                                                        <option value="yay">Yay</option>
                                                        <option value="oglak">Oğlak</option>
                                                        <option value="kova">Kova</option>
                                                        <option value="balik">Balık</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-5 mb-3 " id="kritikderece">
                                                <label class="form-label" for="multicol-country">Kritik Derece</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select select2-hidden-accessible"
                                                            tabindex="-1"
                                                            aria-hidden="true" name="kritikderece">
                                                        <option value="secilmedi" selected>Derece Seç</option>
                                                        @for($i = 0;$i <= 30;$i++)
                                                        <option value="{{$i}}">{{$i}}</option>
                                                        @endfor

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="mt-3">


                            <div class="col-12 row">

                                <div class="d-flex justify-content-between">
                                    <h5>Evler</h5>
                                    <a onClick="gosterGizle2();"
                                       class="border-0  btn btn-warning btn-xs text-white"><span><i id="gosterok2"
                                                                                                    class="ti ti-arrow-down"></i></span></a>
                                </div>
                                <div class="col-12 row d-none" id="gosterGizle2">
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label" for="multicol-country">Evler</label>
                                        <div class="position-relative">
                                            <select class="select2 form-select" name="evler">
                                                <option value="secilmedi" selected>Ev Seç</option>
                                                <option value="1-ev">1. Ev</option>
                                                <option value="2-ev">2. Ev</option>
                                                <option value="3-ev">3. Ev</option>
                                                <option value="4-ev">4. Ev</option>
                                                <option value="5-ev">5. Ev</option>
                                                <option value="6-ev">6. Ev</option>
                                                <option value="7-ev">7. Ev</option>
                                                <option value="8-ev">8. Ev</option>
                                                <option value="9-ev">9. Ev</option>
                                                <option value="10-ev">10. Ev</option>
                                                <option value="11-ev">11. Ev</option>
                                                <option value="12-ev">12. Ev</option>
                                            </select>
                                        </div>

                                        <div class="form-check form-check-success mt-2">
                                            <input class="form-check-input" type="checkbox" id="evyoneticileri">
                                            <label class="form-check-label" for="customCheckSuccess">Ev
                                                Yöneticilikleri</label>
                                        </div>
                                        <div class="form-check form-check-success mt-2">
                                            <input class="form-check-input" type="checkbox" name="evgirisderecesi"
                                                   id="evgirisderecesi">
                                            <label class="form-check-label" for="customCheckSuccess">Ev Giriş
                                                Derecesi</label>
                                        </div>
                                        <div class="form-check form-check-success mt-2">
                                            <input class="form-check-input" type="checkbox" id="evikesenburc">
                                            <label class="form-check-label" for="customCheckSuccess">Evi Kesen
                                                Burç</label>
                                        </div>
                                        <div class="form-check form-check-success mt-2">
                                            <input class="form-check-input" type="checkbox" name="sanslievler"
                                                   id="sanslievler">
                                            <label class="form-check-label" for="customCheckSuccess">Şanslı
                                                Evler</label>
                                        </div>
                                        <div class="form-check form-check-success mt-2">
                                            <input class="form-check-input" type="checkbox" name="kotuculevler"
                                                   id="kotuculevler">
                                            <label class="form-check-label" for="customCheckSuccess">Kötücül
                                                Evler</label>
                                        </div>
                                        <div class="form-check form-check-success mt-2">
                                            <input class="form-check-input" type="checkbox" name="koseevler"
                                                   id="koseevler">
                                            <label class="form-check-label" for="customCheckSuccess">Köşe Evler</label>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-3 d-none" id="evyoneticileridiv">
                                        <label class="form-label" for="multicol-country">Yöneticiler</label>
                                        <div class="position-relative">
                                            <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                                    aria-hidden="true" name="evyoneticileri">
                                                <option value="">Ev Seç</option>
                                                <option value="1ev">1. Evde</option>
                                                <option value="2ev">2. Evde</option>
                                                <option value="3ev">3. Evde</option>
                                                <option value="4ev">4. Evde</option>
                                                <option value="5ev">5. Evde</option>
                                                <option value="6ev">6. Evde</option>
                                                <option value="7ev">7. Evde</option>
                                                <option value="8ev">8. Evde</option>
                                                <option value="9ev">9. Evde</option>
                                                <option value="10ev">10. Evde</option>
                                                <option value="11ev">11. Evde</option>
                                                <option value="12ev">12. Evde</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-5 mb-3 d-none" id="evikesenburcdiv">
                                        <label class="form-label" for="multicol-country">Burçlar</label>
                                        <div class="position-relative">
                                            <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                                    aria-hidden="true" name="evikesenburc">
                                                <option value="">Burç Seç</option>
                                                <option value="koc">Koç</option>
                                                <option value="boga">Boğa</option>
                                                <option value="ikizler">İkizler</option>
                                                <option value="yengec">Yengeç</option>
                                                <option value="aslan">Aslan</option>
                                                <option value="basak">Başak</option>
                                                <option value="terazi">Terazi</option>
                                                <option value="akrep">Akrep</option>
                                                <option value="yay">Yay</option>
                                                <option value="oglak">Oğlak</option>
                                                <option value="kova">Kova</option>
                                                <option value="balik">Balık</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <hr class="mt-3">

                            <div class="col-12 row">

                                <div class="d-flex justify-content-between">
                                    <h5>Burç Grupları</h5>
                                    <a onClick="gosterGizle3();"
                                       class="border-0  btn btn-warning btn-xs text-white"><span><i id="gosterok3"
                                                                                                    class="ti ti-arrow-down"></i></span></a>
                                </div>
                                <div class="col-12 row d-none" id="gosterGizle3">
                                    <h6 class="text-center">Burç Grupları</h6>
                                    <div class="row">
                                        <div class="col-md-4 d-flex justify-content-start">
                                            <div class=ms-3">
                                                <div class="form-check form-check-danger mt-2">
                                                    <input class="form-check-input" type="checkbox" name="ates"
                                                           id="ates">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Ateş</label>
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="form-check form-check-warning-bg-subtle mt-2">
                                                    <input class="form-check-input" type="checkbox" name="toprak"
                                                           id="toprak">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Toprak</label>
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="form-check form-check-light-primary mt-2">
                                                    <input class="form-check-input" type="checkbox" name="hava"
                                                           id="hava">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Hava</label>
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="form-check form-check-primary mt-2">
                                                    <input class="form-check-input" type="checkbox" name="su" id="su">
                                                    <label class="form-check-label" for="customCheckSuccess">Su</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 d-flex justify-content-start">
                                            <div class="ms-3">
                                                <div class="form-check form-check-danger mt-2">
                                                    <input class="form-check-input" type="checkbox" name="oncu"
                                                           id="oncu">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Öncü</label>
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="form-check form-check-warning-bg-subtle mt-2">
                                                    <input class="form-check-input" type="checkbox" name="sabit"
                                                           id="sabit">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Sabit</label>
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="form-check form-check-light-primary mt-2">
                                                    <input class="form-check-input" type="checkbox" name="degisken"
                                                           id="degisken">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Değişken</label>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-md-2 d-flex justify-content-start">
                                            <div class="ms-3">
                                                <div class="form-check form-check-danger mt-2">
                                                    <input class="form-check-input" type="checkbox" name="eril"
                                                           id="eril">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Eril</label>
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="form-check form-check-warning-bg-subtle mt-2">
                                                    <input class="form-check-input" type="checkbox" name="disil"
                                                           id="disil">
                                                    <label class="form-check-label"
                                                           for="customCheckSuccess">Dişil</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 d-flex justify-content-start">
                                            <div class="ms-3">
                                                <div class="form-check form-check-light-primary mt-2">
                                                    <input class="form-check-input" type="checkbox" name="kisirburc"
                                                           id="kisirburclar">
                                                    <label class="form-check-label" for="customCheckSuccess">Kısır
                                                        Burçlar</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="mt-3">

                            <div class="col-12 row">

                                <div class="d-flex justify-content-between">
                                    <h5>Gezegen Kombinasyonları</h5>
                                    <a onClick="gosterGizle4();"
                                       class="border-0  btn btn-warning btn-xs text-white"><span><i id="gosterok4"
                                                                                                    class="ti ti-arrow-down"></i></span></a>
                                </div>
                                <div class="col-12 row d-none" id="courseContentItems">
                                    <div class="courseContentAddItems row" id="ContentItemsID">
                                        <input type="hidden" name="gezegenAcilariID[]" value="0">
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label" for="multicol-country">Natal Gezegenler</label>
                                            <div class="position-relative">
                                                <select class="select2 form-select natalgezegenselect" tabindex="-1"
                                                        aria-hidden="true" name="natalgezegen[]"
                                                        id="natalgezegenselect">
                                                    <option value="off" selected>Gezegen Seç</option>
                                                    <option value="gunes">Güneş</option>
                                                    <option value="ay">Ay</option>
                                                    <option value="merkur">Merkür</option>
                                                    <option value="mars">Mars</option>
                                                    <option value="venus">Venüs</option>
                                                    <option value="jupiter">Jüpiter</option>
                                                    <option value="saturn">Satürn</option>
                                                    <option value="uranus">Uranüs</option>
                                                    <option value="neptun">Neptün</option>
                                                    <option value="pluto">Plüto</option>
                                                </select>
                                            </div>
                                            <div class="col-12 row mt-3">
                                                <div class="col-5">
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input aciyapan" type="checkbox"
                                                               name="aciyapangezegenler[]"
                                                               id="aciyapangezegenler">
                                                        <label class="form-check-label" for="customCheckSuccess">Açı
                                                            Yapan
                                                            Gezegenler</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input transitcheck" type="checkbox"
                                                               name="transit[]"
                                                               id="transit">
                                                        <label class="form-check-label"
                                                               for="customCheckSuccess">Transit Gezegen</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input noktalar" type="checkbox"
                                                               name="noktalar[]"
                                                               id="">
                                                        <label class="form-check-label"
                                                               for="customCheckSuccess">Noktalar</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input yoneticilikler" type="checkbox"
                                                               name="yoneticilikler[]"
                                                               id="">
                                                        <label class="form-check-label"
                                                               for="customCheckSuccess">Yöneticilikler</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input astroidler" type="checkbox"
                                                               name="astroidler[]"
                                                               id="">
                                                        <label class="form-check-label"
                                                               for="customCheckSuccess">Astroidler</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input sabityildizlar" type="checkbox"
                                                               name="sabityildizlar[]"
                                                               id="">
                                                        <label class="form-check-label" for="customCheckSuccess">Sabit
                                                            Yıldızlar</label>
                                                    </div>
                                                </div>


                                                <div class="col-6">
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input " type="checkbox"
                                                               name="iyicilgezegenler[]"
                                                               id="iyicilgezegenler" value="false">
                                                        <label class="form-check-label" for="iyicilgezegenler">İyicil
                                                            Gezegenler</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input" type="checkbox"
                                                               name="kotuculgezegenler[]"
                                                               id="kotuculgezegenler" value="false">
                                                        <label class="form-check-label"
                                                               for="kotuculgezegenler">Kötücül Gezegenler</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input " type="checkbox"
                                                               name="pozitifacialangezegenler[]"
                                                               id="pozitifacialangezegenler" value="false">
                                                        <label class="form-check-label"
                                                               for="pozitifacialangezegenler">Pozitif Açı Alan
                                                            Gezegenler</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input " type="checkbox"
                                                               name="negatifacialangezegenler[]"
                                                               id="negatifacialangezegenler" value="false">
                                                        <label class="form-check-label"
                                                               for="negatifacialangezegenler">Negatif Açı Alan
                                                            Gezegenler</label>
                                                    </div>
                                                    <div class="form-check form-check-success ms-3 mt-2">
                                                        <input class="form-check-input " type="checkbox"
                                                               name="almuten[]"
                                                               id="almuten" value="false">
                                                        <label class="form-check-label"
                                                               for="almuten">Almuten</label>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                        <div class="row col-md-3 align-top">
                                            <div class="col-md-12 acilar" style="margin-bottom: -65px!important;">
                                                <label class="form-label" for="multicol-country">Açılar</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select " tabindex="-1"
                                                            aria-hidden="true" name="aci[]">
                                                        <option value="off" selected>Açı Seç</option>
                                                        <option value="0">Kavuşum</option>
                                                        <option value="30">Yarı Altmışlık</option>
                                                        <option value="45">Yarım Kare</option>
                                                        <option value="60">Altmışlık</option>
                                                        <option value="72">Beşlik</option>
                                                        <option value="90">Kare</option>
                                                        <option value="120">Üçgen</option>
                                                        <option value="135">Sesquiquadrate</option>
                                                        <option value="144">Çift Beşlik</option>
                                                        <option value="150">Görmeyen Açı</option>
                                                        <option value="180">Karşıt</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12" style="margin-top: -65px!important;">
                                                <label class="form-label" for="multicol-country">Açı Orbu</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select " tabindex="-1"
                                                            aria-hidden="true" name="aciorbu[]">
                                                        <option value="off" selected>Orb Seç</option>
                                                        <option value="orb1">Orb -1 / +1</option>
                                                        <option value="orb3">Orb -3 / +3</option>
                                                        <option value="orb5">Orb -5 / +5</option>
                                                        <option value="orb7">Orb -7 / +7</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 row">
                                            <div class="col-md-12 mb-3 aciyapangezegenlerdiv d-none"
                                                 id="aciyapangezegenlerdiv">
                                                <label class="form-label" for="multicol-country">Açıdaki Gezegen</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select" tabindex="-1"
                                                            aria-hidden="true" name="aciyapangezegen[]"
                                                            id="aciyapangezegenlerselect">
                                                        <option value="off" selected>Açı Yapan Gezegen Seç</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-3 transitgezegen d-none" id="transitgezegen">
                                                <label class="form-label" for="multicol-country">Transit
                                                    Gezegenler</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select" tabindex="-1" aria-hidden="true"
                                                            name="transitgezegen[]">
                                                        <option value="off" selected>Gezegen Seç</option>
                                                        <option value="trgunes">Transit Güneş</option>
                                                        <option value="tray">Transit Ay</option>
                                                        <option value="trmerkur">Transit Merkür</option>
                                                        <option value="trmars">Transit Mars</option>
                                                        <option value="trvenus">Transit Venüs</option>
                                                        <option value="trjupiter">Transit Jüpiter</option>
                                                        <option value="trsaturn">Transit Satürn</option>
                                                        <option value="trneptun">Transit Neptün</option>
                                                        <option value="trpluto">Transit Plüto</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-3 noktalardiv d-none">
                                                <label class="form-label" for="multicol-country">Noktalar</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select" tabindex="-1"
                                                            aria-hidden="true" name="nokta[]">
                                                        <option value="off" selected>Nokta Seç</option>
                                                        <option value="asc-yukselen">ASC - Yükselen</option>
                                                        <option value="dsc-alcalan">DSC - Alçalan</option>
                                                        <option value="ıc-ayak-ucu">IC - Ayak Ucu</option>
                                                        <option value="mc-tepenoktasi">MC - Tepe Noktası</option>
                                                        <option value="lilith">Lilith</option>
                                                        <option value="kuzey-ay-dugumu">Kuzey Ay Düğümü</option>
                                                        <option value="guney-ay-dugumu">Güney Ay Düğümü</option>
                                                        <option value="sans-noktasi">Şans Noktası</option>
                                                        <option value="vertex">Vertex</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-3 yoneticiliklerdiv d-none" id="yoneticievler">
                                                <label class="form-label" for="multicol-country">Yöneticiler</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select" tabindex="-1"
                                                            aria-hidden="true" name="yonetici[]">
                                                        <option value="off" selected>Yönetici Seç</option>
                                                        <option value="asc-yukselen-yoneticisi">ASC-Yükselen Yöneticisi
                                                        </option>
                                                        <option value="dsc-alcalan-yoneticisi">DSC-Alçalan Yöneticisi
                                                        </option>
                                                        <option value="ıc-ayakucu-yoneticisi">Ic-Ayakucu Yöneticisi
                                                        </option>
                                                        <option value="mc-tepe-noktasi-yoneticisi">Mc-Tepe Noktası
                                                            Yöneticisi
                                                        </option>
                                                        <option value="1-ev-yoneticisi">1. Evin Yöneticisi</option>
                                                        <option value="2-ev-yoneticisi">2. Evin Yöneticisi</option>
                                                        <option value="3-ev-yoneticisi">3. Evin Yöneticisi</option>
                                                        <option value="4-ev-yoneticisi">4. Evin Yöneticisi</option>
                                                        <option value="5-ev-yoneticisi">5. Evin Yöneticisi</option>
                                                        <option value="6-ev-yoneticisi">6. Evin Yöneticisi</option>
                                                        <option value="7-ev-yoneticisi">7. Evin Yöneticisi</option>
                                                        <option value="8-ev-yoneticisi">8. Evin Yöneticisi</option>
                                                        <option value="9-ev-yoneticisi">9. Evin Yöneticisi</option>
                                                        <option value="10-ev-yoneticisi">10. Evin Yöneticisi</option>
                                                        <option value="11-ev-yoneticisi">11. Evin Yöneticisi</option>
                                                        <option value="12-ev-yoneticisi">12. Evin Yöneticisi</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-3 astroidlerdiv d-none">
                                                <label class="form-label" for="multicol-country">Astroidler</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select" tabindex="-1"
                                                            aria-hidden="true" name="astroid[]">
                                                        <option value="off" selected>Astroid Seç</option>
                                                        <option value="juno">Juno</option>
                                                        <option value="ceres">Ceres</option>
                                                        <option value="jupido">Jupido</option>
                                                        <option value="chiron">Chiron</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-3 sabityildizlardiv d-none">
                                                <label class="form-label" for="multicol-country">Sabit Yıldızlar</label>
                                                <div class="position-relative">
                                                    <select class="select2 form-select" tabindex="-1"
                                                            aria-hidden="true" name="sabityildiz[]">
                                                        <option value="off" selected>Sabit Yıldız Seç</option>
                                                        <option value="beteljuse">Beteljuse</option>
                                                        <option value="aldebaran">Aldebaran</option>
                                                        <option value="regulus">Regulus</option>
                                                        <option value="fomalhaut">Fomalhaut</option>
                                                        <option value="antares">Antares</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-12 mb-3 d-flex justify-content-center d-none" id="createcontent">
                                    <button type="button" onClick="createContent()"
                                            class="btn btn-primary btn-sm waves-effect waves-light mt-0"><span
                                                class="pe-2"><i
                                                    class="ti ti-plus"></i></span>Kombinasyon Ekle
                                    </button>
                                </div>

                            </div>
                            <hr class="mt-3">
                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="multicol-country">Kaynak</label>
                                <div class="position-relative">
                                    <input type="text" class="form-control" placeholder="Kaynak belirtiniz."
                                           name="kaynak">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="multicol-country">Kitap</label>
                                <div class="position-relative">
                                    <input type="text" class="form-control" placeholder="Kitap belirtiniz."
                                           name="kitap">
                                </div>
                            </div>
                            <div class="col-md-5 mb-3">
                                <label class="form-label" for="multicol-country">Yazar</label>
                                <div class="position-relative">
                                    <input type="text" class="form-control" placeholder="Yazar belirtiniz."
                                           name="yazar">
                                </div>
                            </div>
                            <div class="col-md-2 mb-3">
                                <label class="form-label" for="multicol-country">Dil</label>
                                <div class="position-relative">
                                    <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                            aria-hidden="true" name="dil">
                                        <option value="">Dil Seç</option>
                                        <option value="tr">Türkçe</option>
                                        <option value="en">İngilizce</option>
                                        <option value="de">Almanca</option>
                                        <option value="lt">Latince</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2 mb-3">
                                <label class="form-label" for="multicol-country">Sözlük</label>
                                <div class="position-relative">
                                    <input type="text" class="form-control" placeholder="Sözcük belirtiniz."
                                           name="sozluk">
                                </div>
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label" for="multicol-country">Dosya Yükle</label>
                                <div class="position-relative">
                                    <input type="file" class="form-control" placeholder="Sözcük belirtiniz."
                                           name="dosya">
                                </div>
                            </div>


                            <div class="d-flex content-start mb-4">
                                <div class="">
                                    <div class="form-check form-check-success ms-3 mt-2">
                                        <input class="form-check-input olay" type="checkbox" value="olay"
                                               id="olay" name="olay">
                                        <label class="form-check-label"
                                               for="customCheckSuccess">Olay</label>
                                    </div>
                                </div>
                                <div class="">
                                    <div class="form-check form-check-success ms-3 mt-2">
                                        <input class="form-check-input kisi" type="checkbox" value="kisi"
                                               id="kisi" name="kisi">
                                        <label class="form-check-label"
                                               for="customCheckSuccess">Kişi</label>
                                    </div>
                                </div>
                            </div>


                            <div class="col-md-2 mb-3 d-none" id="tarih">
                                <label class="form-label" for="multicol-country">Açının çalıştığı bilinen tarih</label>
                                <div class="position-relative">
                                    <input type="date" class="form-control" placeholder="Sözcük belirtiniz."
                                           name="bilinentarih[]">
                                </div>
                            </div>
                            <div class="col-md-2 mb-3 d-none" id="saat">
                                <label class="form-label" for="multicol-country">Doğum Saati</label>
                                <div class="position-relative">
                                    <input type="time" class="form-control" placeholder="Sözcük belirtiniz."
                                           name="bilinensaat[]">
                                </div>
                                <div class="form-check form-check-primary mt-2">
                                    <input class="form-check-input" type="checkbox" value="bilmiyorum" id=""
                                           name="bilmiyorum[]">
                                    <label class="form-check-label" for="customCheckSuccess">Saati Bilmiyorum</label>
                                </div>
                            </div>
                            <div class="col-md-3 mb-4 d-none" id="sehir">
                                <label for="select2Basic" class="form-label">Doğum Şehir</label>
                                <input type="text" class="form-control " placeholder="Şehir adı yazınız."
                                       onkeyup="sehirara()" id="validationServer01" name="bilinensehir[]">

                                <div class="card text-white">
                                    <div class="list-group text-start" id="show-list">
                                        <ul class="list-group" id="sehirarea">

                                        </ul>

                                    </div>

                                </div>
                            </div>
                            <div class="col-md-2 mb-3 d-none" id="fullname">
                                <label class="form-label" for="multicol-country">Adı Soyadı</label>
                                <div class="position-relative">
                                    <input type="text" class="form-control" placeholder="Adı Soyadı."
                                           name="fullname">
                                </div>
                            </div>
                            <div class="col-md-2 mb-3 d-none" id="cinsiyet">
                                <label class="form-label" for="multicol-country">Cinsiyet</label>
                                <div class="position-relative">
                                    <select class="select2 form-select select2-hidden-accessible" tabindex="-1"
                                            aria-hidden="true" name="cinsiyet">
                                        <option value="secilmedi" selected>Cinsiyet Seç</option>
                                        <option value="bilinmiyor">Bilinmiyor</option>
                                        <option value="kadin">Kadın</option>
                                        <option value="erkek">Erkek</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-1 mt-4 d-none" id="tarihekle">
                                <button type="button" onClick="tarihekle()"
                                        class="btn btn-primary btn-sm waves-effect waves-light mt-0"><span class="pe-2"><i
                                                class="ti ti-plus"></i></span>Tarih Ekle
                                </button>
                            </div>
                            <div class="row col-md-12 tarihekleItems" id="tarihekleItems">


                            </div>


                            <div class="mb-3">
                                <label class="form-label" for="basic-default-message">Yorumlar</label>
                                <textarea id="basic-default-message" class="form-control" rows="6"
                                          placeholder="Hi, Do you have a moment to talk Joe?" name="yorum"></textarea>
                            </div>


                            <button type="submit" class="btn btn-success waves-effect waves-light">Ekle</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>


</div>