<?php include 'inc/header.php';?>
<?php include 'inc/sidebar.php';?>
<?php include 'inc/navbar.php';?>
<link href="assets/switch.css" rel="stylesheet"/>
<!-- Page Content-->
<?php

if ($_POST) { 

	$masa_adi = $_POST['masa_adi']; 

	if ($masa_adi <> "" ) {
		$satir = [
			'masa_adi' => $masa_adi,
		];

		$sql = "INSERT INTO masa_no SET masa_adi=:masa_adi;";
		$durum = $dbh->prepare($sql)->execute($satir);

		if ($durum) {
			$sonId = $dbh->lastInsertId();
			echo '<div class="col-md-6 col-lg-6"> 
			<div class="card-body collapse show" id="collapse8">
			<div class="error-notice"> 
			<div class="oaerror success">
			<strong>Eklendi..</strong> - Belirtilen Veri Başarı ile Eklendi
			</div>
			</div>
			</div> 
			</div>';

		}

	}
}

?>
<div class="page-content">
	<div class="container-fluid">
		<!-- Page-Title -->
		<div class="row">
			<div class="col-sm-12">
				<div class="page-title-box">
					<div class="row">
						<div class="col">
							<h4 class="page-title">Masa Listesi</h4>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="anasayfa">Anasayfa</a></li> 
								<li class="breadcrumb-item active">Masa Listesi</li>
							</ol>
						</div><!--end col--> 
						<div class="col-auto align-self-center"> 
							<button type="button" class="btn btn-outline-primary waves-effect waves-light" data-toggle="modal" data-target="#exampleModalDanger11"> <i data-feather="plus-square"></i></i> Masa Ekle</button>   
						</div><!--end col-->  
					</div><!--end row-->                                                              
				</div><!--end page-title-box-->
			</div><!--end col-->
		</div><!--end row-->
		<!-- end page title end breadcrumb -->
		<style type="text/css">
			i {  
				font-size: 16px;
			}
		</style>
		<div class="row"> 
			<div class="col-lg-12">
				<div class="card">
					<div class="card-header">
						<h4 class="card-title">Masa Listesi</h4>
						<p class="text-muted mb-0">Değerli kullanıcı, bu alan sayesinde masa siparişleri için her masaya özel QR kod üretebilirsiniz. QR kodu görüntülemek için mavi ikona basarak önünüze çıkan QR koda sağ tıklayıp resmi farklı kaydet diyerek indirebilirsiniz.
						</p>
					</div><!--end card-header-->
					<div class="card-body">
						<div class="table-responsive">
							<table class="table table-bordered mb-0 table-centered">
								<thead>
									<tr>
										<th>#</th>  
										<th>Masa Adı</th> 
										<th>İşlemler</th>  
									</tr>
								</thead>
								<tbody>
									<?php
									$ebultensorgu = $dbh->prepare("SELECT * FROM masa_no ");
									$ebultensorgu->execute();

									while ($ebultensonuc = $ebultensorgu->fetch()) {

										$id = $ebultensonuc['id'];
										$masa_adi = $ebultensonuc['masa_adi'];  
										?>
										<tr>
											<td style="width: 10px; height: 10px;">#<?=$ebultensonuc['id'];?></td>  
											<td><?=$ebultensonuc['masa_adi'];?>	 </td> 
											<td>
												<a href="masa-duzenle.php?id=<?=$ebultensonuc['id'];?>"> <button type="button" class="btn btn-outline-primary btn-icon-circle-sm" data-toggle="tooltip" data-placement="top"><i class="ti-settings"></i></button></a>
												<button type="button" class="btn btn-outline-danger btn-icon-circle-sm" data-toggle="modal" data-target="#exampleModalDanger<?=$ebultensonuc['id'];?>" ><i class="ti-trash"></i></button> 
											</td>
										</tr>


                                           
                                            <!-- silme başlangıçı -->

                                            <div class="modal fade" id="exampleModalDanger<?=$ebultensonuc['id'];?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalDanger<?=$ebultensonuc['id'];?>" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header bg-danger">
                                                    <h6 class="modal-title m-0 text-white" id="exampleModalDanger<?=$ebultensonuc['id'];?>"><?=$ebultensonuc['masa_adi'];?></h6>
                                                    <button type="button" class="close " data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true"><i class="la la-times text-white"></i></span>
                                                    </button>
                                                </div><!--end modal-header-->
                                                <div class="modal-body">
                                                    <div class="row"> 
                                                        <div class="col-lg-12">
                                                            <h5>Bu veriyi silmek istiyormusunuz ?</h5>
                                                            <span class="badge bg-soft-secondary">Eklenme Tarihi:</span>
                                                            <small class="text-muted ml-2"> <?=$mysqldate?></small>
                                                            <ul class="mt-3 mb-0">
                                                                <li>Bu veri silinirse geri döndürülemez.</li> 
                                                            </ul>
                                                        </div><!--end col-->
                                                    </div><!--end row-->                                                     
                                                </div><!--end modal-body-->
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Kapat</button>
                                                  <a href="islem.php?id=<?=$ebultensonuc['id']; ?>&islem=masa-sil"><button type="button" class="btn btn-danger btn-sm">Evet, Sil</button></a>
                                                </div><!--end modal-footer-->
                                            </div><!--end modal-content-->
                                        </div><!--end modal-dialog-->
                                    </div><!--end modal-->
									<?php } ?>


								</tbody>
							</table><!--end /table-->
							<h5 id="ebultensonuc"></h5>
						</div><!--end /tableresponsive-->
					</div><!--end card-body-->
				</div><!--end card-->
			</div> <!-- end col -->
		</div> <!-- end row -->


		<div class="modal fade" id="exampleModalDanger11" tabindex="-1" role="dialog" aria-labelledby="exampleModalDanger11" aria-hidden="true">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header bg-danger">
						<h6 class="modal-title m-0 text-white" id="exampleModalDanger11">Yeni Masa Ekle</h6>
						<button type="button" class="close " data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true"><i class="la la-times text-white"></i></span>
						</button>
					</div><!--end modal-header-->
					<div class="modal-body">
						<form method="post">
							<div class="row">
								<?
								$sssms= "SHOW TABLE STATUS LIKE 'masa_no'";
								$sth = $dbh->prepare( $sssms);
								$sth->execute();

								/* Sonuç kümesindeki tüm satırları alalım */

								$result = $sth->fetch();
								$phpself=explode("/",dirname($_SERVER['PHP_SELF']));
								unset($phpself[count($phpself)-1]);
								$phpself= implode("/",$phpself);

								$qrtext="https://". $_SERVER['HTTP_HOST'] . $phpself."/index.php?masa=".md5($result["Auto_increment"]);

								ob_start();
								include __DIR__."/../includes/siniflar/phpqrcode/qrlib.php";

								QRCode::png($qrtext, null, QR_ECLEVEL_L, 20);
                                          // phpqrcode_logolu::olustur($qrtext, "../img/$ayar['foto']);
								$imageString = base64_encode( ob_get_contents() );
								ob_end_clean();
								?>
								<div style="float:right">
									<img width="300"  src="data:image/png;base64,<?=$imageString?>" />
								</div>

								<div class="col-xl-12"> 
									<div class="form-group">
										<label for="exampleInputEmail1">Masa Adı * </label>
										<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Masa Adı" name="masa_adi" required=""> 
									</div>
								</div>


							</div>                                                 
						</div><!--end modal-body-->
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Kapat</button>
							<button type="submit" class="btn btn-danger btn-sm">Oluştur</button>
						</div><!--end modal-footer-->
					</form>
				</div><!--end modal-content-->
			</div><!--end modal-dialog-->
		</div><!--end modal-->
	</div><!-- container -->


	<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
	<script>
		function duzenle(deger) {
			$(deger).css("background", "#ffff00");
        //seçilen hücrenin rengini değiştiriyoruz
    }

    function veriKaydet(deger, alan, id) {
    	$(deger).css("background", "#FFF url(yukleniyor.gif) no-repeat right");
        //

        $.ajax({
            url: "sosyalKaydet.php", //verileri göndereceğimiz url
            type: "POST", //post ile gönderilecek
            data: 'alan=' + alan + '&deger=' + deger.innerHTML.split('+').join('{0}')+ '&id=' + id, 
            // verileri alan deger ve id olarak yolluyoruz
            //+ (artı) post edilirken boşluk ile değişiyor 
            //bunu engellemek için + değeri {0} ile değiştirdim 
            //kayıt yaparkende index.php de geri değişimini yapıyoruz 
            success: function (data) {
            	if (data == true) {
            		$(deger).css("background", "#fff");
                    // eğer veriler veri tabanına yazılmış ise hücrenin
                    //arka plan rengini beyaza geri döndürüyoruz
                }

                else {
                	$(deger).css("background", "#f00");
                	$("#sonuc").text("Hata veri düzenlenmedi");

                    //Eğer hata varsa hücre rengini kırmızı ve
                    // tablo altında hata mesajı yazdırıyoruz
                }
            }
        });
    }
</script>

<script src="assets/jquery.min.js"></script>
<script src="assets/custom.js"></script>
<?php include 'inc/footer.php';?>