   <audio id="bildirim">
      <source src="ses.mp3" type="audio/mpeg">
      </audio>
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script>
          $("#not").hide();
          if (typeof (EventSource) !== "undefined") {
            var source = new EventSource("hesapkontrol.php");
            source.onmessage = function (event) {
                var x = document.getElementById("bildirim");
                x.play();
                $("#not").fadeIn(400);
            };
        } else {
            document.getElementById("result").innerHTML = "Tarayıcınız desteklemiyor";
        }
    </script>

    <audio id="bildirim">
      <source src="ses.mp3" type="audio/mpeg">
      </audio>
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script>
          $("#notgarson").hide();
          if (typeof (EventSource) !== "undefined") {
            var source = new EventSource("garsonkontrol.php");
            source.onmessage = function (event) {
                var x = document.getElementById("bildirim");
                x.play();
                $("#notgarson").fadeIn(400);
            };
        } else {
            document.getElementById("result").innerHTML = "Tarayıcınız desteklemiyor";
        }
    </script>


    <audio id="bildirim">
      <source src="ses.mp3" type="audio/mpeg">
      </audio>
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script>
          $("#notsiparis").hide();
          if (typeof (EventSource) !== "undefined") {
            var source = new EventSource("kontrol.php");
            source.onmessage = function (event) {
                var x = document.getElementById("bildirim");
                x.play();
                $("#notsiparis").fadeIn(400);
            };
        } else {
            document.getElementById("result").innerHTML = "Tarayıcınız desteklemiyor";
        }
    </script>
    <!-- Page Footer Start -->  
    <footer class="footer text-center text-sm-left">
       <i class="mdi mdi-heart text-danger"></i> <?php echo $ayarx['copyright'];?>  
   </footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->



<div class="modal fade bd-example-modal-lg" id="exampleModalLarge" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <?php

    ?>

    <?php
    $themex = $dbh->query("SELECT * FROM admin_theme WHERE id = 1 ", PDO::FETCH_ASSOC);
    if ($themex->rowCount()) {
        foreach ($themex as $themex) {
        }
    }
    ?>  
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title m-0" id="myLargeModalLabel">Admin Paneli Tema Ayarları</h6>
                <button type="button" class="close " data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><i class="la la-times"></i></span>
                </button>
            </div><!--end modal-header-->
            <div class="modal-body">
                <form action="tema.php" method="post">
                    <div class="row"> 
                        <div class="col-lg-4 text-center">
                            <img src="assets/images/a1.jpg" alt="" class="img-fluid">
                        </div><!--end col-->
                        <div class="col-lg-8 align-self-center">
                            <div class="error-content text-center">
                                <h3>Yazı ve Metin Tipleri</h3>
                                <h6 class=" mb-3">Bu ayar sadece yazı, liste ve benzeri alanları karanlık yada beyaz yapmanıza yardımcı olur.</h6>
                                <div class="form-group mb-0 row"> 
                                    <div class="col-md-12">
                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="customRadio7" name="article_type" class="custom-control-input" <?php if($themex['article_type']=="bootstrap.min.css"){echo "checked";} ?>  value="bootstrap.min.css">
                                                <label class="custom-control-label" for="customRadio7">Gündüz Modu</label>
                                            </div>
                                        </div>
                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="customRadio8" name="article_type" class="custom-control-input"  <?php if($themex['article_type']=="bootstrap-dark.min.css"){echo "checked";} ?> value="bootstrap-dark.min.css">
                                                <label class="custom-control-label" for="customRadio8">Gece Modu</label>
                                            </div>
                                        </div> 
                                    </div>
                                </div> <!--end row-->    
                            </div>
                        </div><!--end col-->



                    </div><!--end row-->
                    <br>
                    <div class="row">
                        <div class="col-lg-4 text-center">
                            <img src="assets/images/a2.jpg" alt="" class="img-fluid">
                        </div><!--end col-->
                        <div class="col-lg-8 align-self-center">
                            <div class="error-content text-center">
                                <h3>Gündüz - Gece Modu</h3>
                                <h6 class=" mb-3">Bu ayar temanın genel olarak gündüz yada gece modunu seçmenize fırsat sağlar. Gece modunu tam olarak kullanmanız için yazı ve metin tiplerini de moda uygun hale getirmelisiniz.</h6>
                                <div class="form-group mb-0 row"> 
                                    <div class="col-md-12">
                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="customRadio17" name="view_type" class="custom-control-input" <?php if($themex['view_type']=="app.min.css"){echo "checked";} ?> value="app.min.css">
                                                <label class="custom-control-label" for="customRadio17">Gündüz Modu</label>
                                            </div>
                                        </div>
                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="customRadio18" name="view_type" class="custom-control-input" <?php if($themex['view_type']=="app-dark.min.css"){echo "checked";} ?>  value="app-dark.min.css">
                                                <label class="custom-control-label" for="customRadio18">Gece Modu</label>
                                            </div>
                                        </div> 
                                    </div>
                                </div> <!--end row-->    
                            </div>
                        </div><!--end col-->



                    </div><!--end row-->

                    <br>
                    <div class="row"> 
                        <div class="col-lg-4 text-center">
                            <img src="assets/images/a3.jpg" alt="" class="img-fluid">
                        </div><!--end col-->
                        <div class="col-lg-8 align-self-center">
                            <div class="error-content text-center">
                                <h3>Sidebar Rengi</h3>
                                <h6 class=" mb-3">Bu ayar yan tarafdaki menülerin arka plan rengini değiştirmenize imkan sağlar.</h6>
                                <div class="form-group mb-0 row"> 
                                    <div class="col-md-12">

                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="customRadio29" name="sidebar_type" <?php if($themex['sidebar_type']=="dark-sidenav"){echo "checked";} ?>  class="custom-control-input" value="dark-sidenav">
                                                <label class="custom-control-label" for="customRadio29">Koyu Mavi</label>
                                            </div>
                                        </div>


                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="customRadio27" name="sidebar_type" <?php if($themex['sidebar_type']==""){echo "checked";} ?> class="custom-control-input" value="">
                                                <label class="custom-control-label" for="customRadio27">Beyaz Renk</label>
                                            </div>
                                        </div>

                                        <div class="form-check-inline my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" id="customRadio28" name="sidebar_type"  <?php if($themex['sidebar_type']=="dark-sidenav navy-sidenav"){echo "checked";} ?>  class="custom-control-input" value="dark-sidenav navy-sidenav">
                                                <label class="custom-control-label" for="customRadio28">Açık Mavi</label>
                                            </div>
                                        </div>

                                    </div>
                                </div> <!--end row-->    
                            </div>
                        </div><!--end col-->



                    </div><!--end row-->

                </div><!--end modal-body-->
                <div class="modal-footer">
                    <button class="btn btn-primary btn-sm" name="temagun" type="submit">Güncelle</button>
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Kapat</button>
                </div><!--end modal-footer-->
            </form>
        </div><!--end modal-content-->
    </div><!--end modal-dialog-->
</div><!--end modal-->


<!-- jQuery  -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/metismenu.min.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/feather.min.js"></script>
<script src="assets/js/simplebar.min.js"></script>
<script src="assets/js/moment.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>

<script src="../plugins/apex-charts/apexcharts.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-us-aea-en.js"></script>
<script src="assets/pages/jquery.analytics_dashboard.init.js?v=2"></script>

<!-- App js -->
<script src="assets/js/app.js"></script>

<!-- sonradan dahil olanlar -->
<script>
    if(document.getElementById('metin')) {
        CKEDITOR.replace('metin', {
            filebrowserBrowseUrl: 'filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
            filebrowserUploadUrl: 'filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
            filebrowserImageBrowseUrl: 'filemanager/dialog.php?type=1&editor=ckeditor&fldr='
        });
    }
</script>

<script>
    if(document.getElementById('metining')) {
        CKEDITOR.replace('metining', {
            filebrowserBrowseUrl: 'filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
            filebrowserUploadUrl: 'filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
            filebrowserImageBrowseUrl: 'filemanager/dialog.php?type=1&editor=ckeditor&fldr='
        });
    }
</script>

<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<script src="../plugins/select2/select2.min.js"></script>
<script src="../plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<script src="../plugins/timepicker/bootstrap-material-datetimepicker.js"></script>
<script src="../plugins/bootstrap-maxlength/bootstrap-maxlength.min.js"></script>
<script src="../plugins/bootstrap-touchspin/js/jquery.bootstrap-touchspin.min.js"></script>
<script src="assets/pages/jquery.forms-advanced.js"></script>

<!-- Required datatable js -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables/dataTables.bootstrap4.min.js"></script>
<!-- Buttons examples -->
<script src="../plugins/datatables/dataTables.buttons.min.js"></script>
<script src="../plugins/datatables/buttons.bootstrap4.min.js"></script>
<script src="../plugins/datatables/jszip.min.js"></script>
<script src="../plugins/datatables/pdfmake.min.js"></script>
<script src="../plugins/datatables/vfs_fonts.js"></script>
<script src="../plugins/datatables/buttons.html5.min.js"></script>
<script src="../plugins/datatables/buttons.print.min.js"></script>
<script src="../plugins/datatables/buttons.colVis.min.js"></script>
<!-- Responsive examples -->
<script src="../plugins/datatables/dataTables.responsive.min.js"></script>
<script src="../plugins/datatables/responsive.bootstrap4.min.js"></script>
<script src="assets/pages/jquery.datatable.init.js"></script>
<script src="assets/js/jquery.core.js"></script>

<script src="../plugins/dropify/js/dropify.min.js"></script>
<script src="assets/pages/jquery.form-upload.init.js"></script>

<script src="../assets/uyari_box.js"></script>

<script src="../assets/sweetalert/sweetalert.min.js"  type="text/javascript"></script>

</body>

</html>