PHP Dosya Yöneticisi

<title>Alışveriş Sepetim</title>
<meta name="keywords" content="<?php echo $ayar['sitekey']; ?>">
<meta name="description" content="<?php echo $ayar['sitedesc']; ?>">
<meta property="og:url" content="<?php echo $url; ?>"/>
<meta property="og:title" content="Üyelik Sözleşmesi ve Rıza Metni"/>
<meta property="og:description" content="<?php echo $ayar['sitedesc']; ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo $sitetemasi;?>/catalog/view/javascript/xtensions/stylesheet/less/xtensions.css" media="screen">
<?php if ($_SESSION['uyegirisdurumu'] != 'true') { ?>		 
    <meta http-equiv="refresh" content="0; url='<?php echo $url; ?>">
<?php } ?>
<?php if ($uyebilgileri['bayi'] == '1') { ?>	 
    <?php if ($toplamtutarim >= $oranbayi['sepetlimit']) { ?>
	
	<?php } else { ?>			 
        <?php header("Location: " . $url . "/sepet/"); ?>
    <?php } ?>	 
<?php } ?>
<style>
    #register-check-20:checked ~ .kutu,
    #register-check-21:checked ~ .kutu {
        color: white !important;
        background: #419dff !important;
    }
    
    #register-check-22:checked ~ .kutu,
    #register-check-23:checked ~ .kutu {
        color: white !important;
        background: #419dff !important;
    }
    
    #odeme_1:checked ~ .custom-radio,
    #odeme_2:checked ~ .custom-radio,
    #odeme_3:checked ~ .custom-radio {
        color: white !important;
        background: #419dff !important;
    }
    
    label {
        margin-block-end: 10px;
    }
    
    input {
        margin-block-end: 20px;
    }
    
    textarea {
        margin-block-end: 20px;
    }
    
    @media screen and (max-width: 600px) {
        .col-md-9 {
            width: 100% !important;
        }
        
        .col-md-3 {
            width: 100% !important;
        }
    }
    
    
</style>
<ul class="breadcrumb">
	<li><a href="<?php echo $url; ?>"><i class="fa fa-home"></i></a></li>
	<li><a href="#">Ödeme</a></li>
</ul>
<h1 class="title page-title"><span>Ödeme</span></h1>

<div id="step_address_panel" class="bottom">
    <div id="addressPage" class="container">
        <form action="alisverisi-tamamla/" method="POST"/>
            <div class="row equal">
                <div class="col-md-9 animated fadeIn" style="width: 70%; margin-block-end: 40px;">
                    <div style="display: block;">
                        <div class="row">
                            <div class="col-sm-12" style="display: none;">			
    					        <div class="md-form md-outline">
    						        <label for="form15" class="active">Adınız Soyadınız</label>
                                    <input value="<?php echo $uyebilgileri['isim']; ?>" name="adsoyad" type="text" id="form15" class="form-control"  required>
                                </div>
    			            </div>
    		
    						<div class="col-sm-12" style="display: none;">			
    						    <div class="md-form md-outline">
    							    <label for="form15" class="active">Telefon Numaranız</label>
                                    <input value="<?php echo $uyebilgileri['telefon']; ?>" name="telefon" type="tel"   class="form-control" required>
                                </div>
    			            </div>
    						
    						<div class="col-sm-12" style="display: none;">			
    						    <div class="md-form md-outline">
    							    <label for="form15" class="active">Eposta Adresiniz</label>
                                    <input value="<?php echo $uyebilgileri['email']; ?>" name="email" type="email"   class="form-control" required>
                                </div>
    			            </div>
                            <div class="payment-address-panel col-md-12">
                                <div class="panel-address">
                                    <div class="panel-address-heading address-type">
                                        <i class="fa fa-money" aria-hidden="true"></i>&nbsp;<span class="padd">Ödeme &amp; Kargo Adresi</span>
                                    </div>
                                    <div class="panel-address-body payment-address">
                                        <div class="text-justified">
                                            <div class="address-list">
                                                <?php
                    							    if ($_SESSION['uyegirisdurumu'] == 'true') {
                                                        $adresbak = $ozy->prepare("SELECT COUNT(*) FROM adreslerim where uyeid='{$uyeid}'");
                                                        $adresbak->execute();
                                                        $adressay = $adresbak->fetchColumn();
                                                        if ($adressay >= '1') {
                                                ?>
                                                    <?php
                                                        $adresim = $ozy->query("select * from adreslerim where uyeid='{$uyeid}' order by id DESC")->fetchAll(PDO::FETCH_ASSOC);
                                                        $isd = 1;
                                                        foreach ($adresim as $adresoku) {
                                                    ?>
                                                        <label class="address-label selected" sort="<?= $isd ?>" data-il="<?php echo $adresoku['il']; ?>" data-ilce="<?php echo $adresoku['ilce']; ?>" data-adres="<?php echo $adresoku['adres']; ?>">
                                                            <input class="input-radio" type="radio" name="address_id" value="28" <?= ($isd == 1) ? "checked" : "" ?> />
                                                            <span class="address-string"><?php echo $adresoku['adi']; ?>, <?php echo $adresoku['adres']; ?>, <?php echo $adresoku['ilce']; ?>, <?php echo $adresoku['il']; ?></span>
                                                        </label>
                                                    <?php $isd++; } ?>
                                                <?php } } ?>
                                            </div>
                                            <script>
                                                $(document).ready(function() {
                                                    $(".address-label").click(function() {
                                                        var selectedAddress = $(this);
                                                        var selectedAdres = selectedAddress.children(".address-string").text().trim();
                                                        var selectedIlce = selectedAddress.attr("data-ilce");
                                                        var selectedIl = selectedAddress.attr("data-il");
                                                
                                                        $("#uyeadresal").val(selectedAdres);
                                                        $("#adresilce").val(selectedIlce);
                                                        $("#adresil").val(selectedIl);
                                                    });
                                                });
                                            </script>
                                            <div class="col-sm-12" style="display: none;">			
                    						    <div class="md-form md-outline">
                        							<label for="form15" class="active">Sipariş Adresiniz</label>
                                                    <textarea name="adres" style="min-height:200px;" class="form-control" id="uyeadresal" cols="30" rows="4" placeholder="" required></textarea>
                                                </div>
                				            </div>
                							<div class="col-sm-12" style="display: none;">			
                    						    <div class="md-form md-outline" style="width: 48%;float: left;">
                        							<label for="form15" class="active">Sipariş İli</label>
                                                    <select name="il" id="adresil" class="form-control" required>
                            							<?php foreach ($sehir as $key => $val) { ?>
                                                            <option value="<?= $val ?>"><?= $val ?></option>
                                                        <?php } ?>
                        							</select>
                                                </div>
                    							<div class="md-form md-outline" style="width: 48%;float: left;margin-left: 4%;">
                                                    <label for="form15" class="active">Sipariş İlçesi</label>
                        							<input name="ilce" type="text" id="adresilce"  class="form-control" required>
                                                </div>
                				            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="row" style="margin-block-start: 20px;">
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-6" style="width: 100%;">
                                        <label for="form15" class="active">Fatura Bilgisi</label>
                                    </div>
                                    <div class="col-6" style="width: 48%; float: left;">
                                        <div class="md-form md-outline">
                                            <input checked value="0" name="uyetip" type="radio" id="register-check-20" required> 
                                            <label class="kutu" for="register-check-20" style="width: 100%;">
                                                Bireysel
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-6" style="width: 48%; float: right;">
                                        <div class="md-form md-outline">
                                            <input  value="1" name="uyetip" type="radio" id="register-check-21" required> 
                                            <label class="kutu" for="register-check-21" style="width: 100%;">
                                                Kurumsal
                                            </label>
                                        </div>
                                    </div>
                                </div>
    			            </div>
    			            
    		                <style>@media screen and (max-device-width: 480px) and (orientation: portrait){.mobilodemekismi {}}	.mobilodemekismi {margin-top:0px;}</style>
    		
    					    <div class="col-lg-12 mobilodemekismi">	
    							<div class="col-sm-12" id="bireysel">			
        						    <div class="md-form md-outline">
        							    <label for="form15" class="active" style="margin-block-end: 10px;">TC. Numaranız</label>
                                        <input value="<?php echo $uyebilgileri['tc']; ?>" name="tc" type="text"  class="form-control" size="11" maxlength="11">
                                    </div>
    				            </div>
    							
    							<div class="col-sm-12" id="kurumsal" style="display:none;">			
        						    <div class="md-form md-outline">
        							    <label for="form15" class="active">Firma Adı</label>
                                        <input value="<?php echo $uyebilgileri['vergi1']; ?>" name="vergi1" type="text"  class="form-control">
                                    </div>
    				            </div>
    							
    							<div class="col-sm-12" id="kurumsal2" style="display:none;">			
        						    <div class="md-form md-outline">
        							    <label for="form15" class="active">Vergi Dairesi Adı</label>
                                        <input value="<?php echo $uyebilgileri['vergi2']; ?>" name="vergi2" type="text"  class="form-control">
                                    </div>
    				            </div>
    						</div>
    		
    						<div class="col-sm-12" id="kurumsal3" style="display:none;">			
    						    <div class="md-form md-outline">
        							<label for="form15" class="active">Vergi No</label>
                                    <input value="<?php echo $uyebilgileri['vergi3']; ?>" name="vergi3" type="text"  class="form-control">
                                </div>
    			            </div>
    			            
    			            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-6" style="width: 100%;">
                                        <label for="form15" class="active">Fatura Adres Bilgisi</label>
                                    </div>
                                    <div class="col-6" style="width: 48%; float: left;">
                                        <div class="md-form md-outline">
                                            <input checked value="0" name="faturatip" type="radio" id="register-check-22" required> 
                                            <label class="kutu" for="register-check-22" style="width: 100%;">
                                                Fatura Adresim Sipariş Adresimle Aynı
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-6" style="width: 48%; float: right;">
                                        <div class="md-form md-outline">
                                            <input  value="1" name="faturatip" type="radio" id="register-check-23" required> 
                                            <label class="kutu" for="register-check-23" style="width: 100%;">
                                                Yeni Fatura Adresi Oluştur
                                            </label>
                                        </div>
                                    </div>
                                </div>
    			            </div>
    				
    						<div class="col-sm-12 mobilodemekismi" id="faturaadres" style="display:none;">		
    						    <div class="md-form md-outline">
        							<label for="form15" class="active">Fatura Adresiniz</label>
                                    <textarea name="faturaadres" style="min-height:200px;" class="form-control" cols="30" rows="4" placeholder=""></textarea>
                                </div>
    			            </div>
    		
    						<div class="col-sm-12" id="faturail" style="display:none;">		
    						    <div class="md-form md-outline" style="width: 48%;float: left;">
        							<label for="form15" class="active">Fatura İli</label>
                                    <select name="faturail" id="sehir" class="form-control">
            							<?php foreach ($sehir as $key => $val) { ?>
                                            <option value="<?= $val ?>"><?= $val ?></option>
                                        <?php } ?>
        							</select>
                                </div>
    							<div class="md-form md-outline" style="width: 48%;float: left;margin-left: 4%;display:none;" id="faturailce">	
                                    <label for="form15" class="active">Fatura İlçesi</label>
        							<input name="faturailce" type="text"   class="form-control">
                                </div>
    			            </div>
    						
    						<div class="col-sm-12 mobilodemekismi">		
    						    <div class="md-form md-outline">
    							    <label for="form15" class="active">Notunuz </label>
                                    <textarea name="mesaj" style="min-height:200px;" class="form-control" cols="30" rows="4" placeholder="Bırakmak istediğiniz not ."></textarea>
                                </div>
    			            </div>
    			            
    						<div class="col-sm-12">
                                <input class="yenisoz" type="checkbox" name="onay" value="1" class="new-check" id="register-policy" style="-moz-appearance: auto; appearance: auto; cursor: unset; float: unset; width: unset;" required>
    						    <button id="myBtn" style="font-weight: 500 !important;color: black;background: none;border: none;" >Mesafeli Satış Sözleşmesi ve Ön Bilgilendirme Formunu</button> okudum ve kabul ediyorum.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 lborder" style="float: right;">
                    <div class="clearfix"></div>
                    <div id="totals" class="animated1 zoomIn1">
                        <div class="panel panel-green1 totalspanel">
                            <div class="panel-heading"><i class="fa fa-money" aria-hidden="true"></i>&nbsp;Ödeme Yöntemleri</div>
                            <table cellspacing="0" cellpadding="0" style="width: 100%;">
                                <tbody>
    						        <?php if ($system['havaleok'] == '1') { ?>
                                        <tr>
                                            <td>
                                                <input onclick="kapidaodemeekle(2)" type="radio" name="odemetipi" value="Havale/EFT" required class="new-radio" id="odeme_1" style="display: none;">
            							        <label class="custom-control custom-radio custom-control-inline" for="odeme_1" style="align-items: center; display: flex; margin-bottom: unset; padding-top: unset;">
                					                <div class="custom-control-label" style="width: 100%;">
                					                    <b class="yontemyazi" style="position: unset !important;">Havale/EFT</b>
                					                </div>
            					                </label>
            							    </td>  
                                        </tr>
    							    <?php } ?>
    							    <?php if ($system['kapidaok'] == '1') { ?>
        							    <tr>
                                            <td>
                                                <input onclick="kapidaodemeekle(1)" type="radio" name="odemetipi" value="Kapıda Ödeme" required class="new-radio" id="odeme_2" style="display: none;">
                        					    <label class="custom-control custom-radio custom-control-inline" for="odeme_2" style="align-items: center; display: flex; margin-bottom: unset; padding-top: unset;">
                        					        <div class="custom-control-label" style="width: 100%;">
                        					            <b class="yontemyazi" style="position: unset !important;">Kapıda Ödeme + <?php echo fiyatgoster($system['kapitutar']); ?></b>
                        					        </div>
                        					    </label>
        								    </td>
                                        </tr>
    							    <?php } ?>
    								<?php if ($system['kartok'] == '1') { ?>
        							    <tr>
                                            <td>
                                                <input onclick="kapidaodemeekle(0)" type="radio" name="odemetipi" value="Kredi Kartı" required class="new-radio" id="odeme_3" style="display: none;" checked>
                        					    <label class="custom-control custom-radio custom-control-inline" for="odeme_3" style="align-items: center; display: flex; margin-bottom: unset; padding-top: unset;">
                        					        <div class="custom-control-label" style="width: 100%;">
                        					            <b class="yontemyazi" style="position: unset !important;">Kredi Kartı</b>
                        					        </div>
                        					    </label>
        								    </td>
                                        </tr>
    							    <?php } ?>
                                </tbody>
                            </table>
                            <div id="xtotals-content">
                                <table class="table">
                                    <tbody>
                                        <tr>
                                            <td>Ara Tutar :</td>
                                            <td class="text-right"><?php echo $aratutari; ?></td>
                                        </tr>
        							    <tr>
                                            <td>KDV :</td>
                                            <td class="text-right"><?php echo sfiyatgoster($kdvtutari); ?></td>
                                        </tr>
        							    <tr>
                                            <td>Kargo Bedeli :</td>
                                            <td class="text-right"><?php echo $kargometni; ?></td>
                                        </tr>
        							    <tr id="kapidaodemediv" style="display:none;">
                                            <td>Kapıda Ödeme:</td>
                                            <td class="text-right"><b><?php echo sfiyatgoster($system['kapitutar']); ?></b></td>
                                        </tr>
        							    <?php if ($kuponindirim != '0') { ?>
        							        <tr>
                                                <td>İndirim Bedeli :</td>
                                                <td class="text-right" style="color: red !important;">- <?php echo sfiyatgoster($kuponindirim); ?></td>
                                            </tr>
        							    <?php } ?>
        							    <?php if ($cekindirim != '0') { ?>
        							        <tr>
                                                <td>Çek İndirimi :</td>
                                                <td class="text-right" style="color: red !important;">- <?php echo sfiyatgoster($cekindirim); ?></td>
                                            </tr>
        							    <?php } ?>
        							    <?php if ($havaleindirimbedeli != '0') { ?>
        							        <tr id="havaleodemediv" style="display:none;">
                                                <td>Havale/EFT İndirimi :</td>
                                                <td class="text-right" style="color: red !important;">- <?php echo sfiyatgoster($havaleindirimbedeli); ?></td>
                                            </tr>
        							    <?php } ?>
    		                            <?php if ($caritutar != '0') { ?>
                                		    <tr>
                                                <td>Sonra Ödenecek Tutar : </td>
                                                <td class="text-right" style="color: red !important;">- <?php echo $caritutari; ?></td>
                                            </tr>
                                		<?php } ?>
                                        <tr>
                                            <td>Ödenecek Tutar :</td>
                                            <td class="text-right" style="font-weight: bold; color: #0d0d0d;" id="toplam-price-val" data-price="<?php echo $toplamtutarim; ?>" class="cart-summary-total-price"><?php echo $toplamtutari; ?></td>
                                        </tr>
                                		<?php if ($para == 'USD' or $para == 'EUR') { ?>
                                		    <tr style="background: #eeebeb;">
                                                <td style="padding: 5px;" id="toplam-price-val2"><?php echo $toplamtutari; ?> =</td>
                                                <td class="text-right" style="font-weight: bold; color: #f75b5b;padding: 5px;" class="cart-summary-total-price" id="toplam-price-val3">
                                    		        <?php echo $sontoplamtutarim; ?> TL
                                    			</td>
                                            </tr>
                                		<?php } ?>
                                    </tbody>
                                </table>
                                <button type="submit" style="width: 100%; text-align: center; height: 50px; background: #373737; color: white; font-weight: 600; font-size: 15px; border-radius: 0px 0px 10px 10px;">Alışverişi Tamamla</button>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </form>
        <script type="text/javascript" src="catalog/view/javascript/xtensions/stylesheet/bs/js/xcustom.js"></script>
        <script type="text/javascript">
            address_block = false;

$(document).ready(function () {
                $("body").removeClass("modal-open");
            });

$(function () {
                $('[data-toggle="tooltip"]').tooltip();
                $('[data-toggle="popover"]').popover();
            });
            $(".date").datetimepicker({
                language: "tr",
                pickTime: false,
            });
            $(".time").datetimepicker({
                language: "tr",
                pickDate: false,
            });
            $(".datetime").datetimepicker({
                language: "tr",
                pickDate: true,
                pickTime: true,
            });
        </script>
    </div>
</div>

<style>

.sozlesme {
color: black;
font-weight: 400;
display: block;
margin: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
margin-left: 2%;
margin-top: -23px;
font-size: 17px;
margin-bottom: 20px;
}
.yenisoz {

}

.cart-container {
 padding:0
}
.cart-container,
.cart-container-title {
 width:100%;
 height:auto
}
.cart-container-title h1 {
 font-size:22px;
 color:#555
}
.cart-container-left {
 position:relative;
 float:left;
 width:100%;
 height:auto;
 z-index: 9999999999999;
}
.cart-container-right {
 width:calc(100% - 15px);
 height:auto;
 border-radius:10px;
 margin-left:15px;
}
.cart-product-container {
 position:relative;
 float:left;
 width:100%;
 height:auto;
 border:2px solid #f5f5f5;
 background-color:#fff;
 border-radius:5px;
 padding:15px;
 margin-bottom:15px
}
.cart-product-container-left {
 position:relative;
 float:left;
 width:100px;
 height:auto
}
.cart-product-container-left img {
 width:100%;
 height:120px;
 -o-object-fit:cover;
 object-fit:cover;
 border-radius:5px
}
.cart-product-container-middle {
 position:relative;
 float:left;
 width:calc(100% - 140px);
 height:auto;
 padding-left:20px
}
.cart-product-container-right {
 position:relative;
 float:left;
 width:40px;
 height:auto;
 margin-top: 2% !important;
}
.cart-product-title>a {
 text-decoration:none
}
.cart-product-title h2 {
 font-size:15px;
 margin-bottom:3px;
 color:#555;
 font-weight:500;
}
.cart-product-variant-title h3 {
 color:#555;
 font-weight:400;
 font-size:12px;
 margin-bottom:0
}
.cart-product-quantity-changer {
 width:100%;
 height:100px;
 border:1px solid #e0e0e0;
 border-radius:10px
}
.cart-product-quantity-changer-decreaser,
.cart-product-quantity-changer-increaser,
.cart-product-quantity-changer-quantity {
 height:40px;
 text-align:center;
 font-size:10px;
 color:#777;
 width:100%;
 cursor:pointer
}
.cart-product-quantity-changer-quantity {
 height:20px
}
.cart-product-quantity-changer-decreaser:hover,
.cart-product-quantity-changer-increaser:hover {
 color:#000
}
.cart-product-quantity-changer-decreaser,
.cart-product-quantity-changer-increaser {
 line-height:40px
}
.cart-product-quantity-changer-quantity input[type=text] {
 width:100%;
 height:20px;
 text-align:center;
 border:none;
 font-size:13px;
 font-weight:500;
 color:#555
}
.cart-product-remove {
 width:40px;
 height:40px;
 line-height:40px;
 text-align:center;
 border:1px dashed #e0e0e0;
 border-radius:8px;
 margin-top:5px;
 font-size:14px;
 color:#777;
 cursor:pointer;
 line-height: 0px;
 display: block !important;
}
.cart-product-remove:hover {
 border:1px dashed var(--themeColor);
 color:var(--themeColor)
}
.cart-product-prices span {

}
.cart-product-quantity {
 font-size:12px;
 color:#555;
 font-weight:400
}
.product-card-min {
 position:relative;
 float:left;
 display:block;
 width:150px;
 height:auto;
 background:#fff;
 border-radius:10px;
 margin-right:0;
 transition:transform .3s
}
.product-card-min:hover {
 transform:scale(1)
}
.product-card-min a {
 text-decoration:none
}
.product-card-min>img {
 vertical-align:baseline!important;
 width:100%;
 height:245px;
 border-radius:5px;
 -o-object-fit:cover;
 object-fit:cover;
 -o-object-position:50% 50%;
 object-position:50% 50%
}
.product-card-min-image {
 width:100%
}
.product-card-min-image img {
 width:100%;
 height:200px;
 -o-object-fit:cover;
 object-fit:cover;
 border-radius:5px
}
.product-card-min-image img:first-child {
 display:block
}
.product-card-min-image img:last-child {
 display:none
}
.product-card-min:hover>.product-card-min-image img:last-child {
 display:block
}
.product-card-min:hover>.product-card-min-image img:first-child {
 display:none
}
.product-card-min-title {
 width:100%;
 height:25px;
 line-height:25px;
 margin-top:5px;
 padding:0 10px;
 color:#777;
 font-size:13px;
 word-wrap:break-word;
 overflow-wrap:break-word;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.product-card-min-price {
 width:100%;
 height:25px;
 position:relative;
 padding:0 10px
}
.product-card-min-price1 {
 font-weight:500;
 color:var(--themeColor)
}
.product-card-min-price1,
.product-card-min-price2 {
 float:left;
 height:25px;
 line-height:25px;
 font-size:14px
}
.product-card-min-price2 {
 text-decoration:line-through;
 color:#999;
 margin-right:5px
}
.message-container {
 position:fixed;
 top:10px;
 right:10px;
 width:250px;
 height:auto;
 z-index:15
}
.message-box {
 height:auto;
 background:#fff;
 font-size:12px;
 box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
 margin-bottom:10px
}
.cart-confirm,
.message-box {
 width:100%;
 padding:10px 15px;
 border-radius:5px;
 color:#fff;
 font-weight:500;
 width: 100% !important;
margin-bottom: 10%;
margin-top:20px;
}
.cart-confirm {
background: <?php echo $tema['t8']; ?>;
text-align: center;
font-size: 16px;
cursor: pointer;
}
.cart-confirm-disabled {
 background:#bdbdbd;
 cursor:not-allowed
}
.cart-gift-certificate-container {
 width:100%;
 height:auto;
 padding:15px;
 background:#f5f5f5;
 box-shadow:0 1px 3px rgb(0 0 0/20%);
 border-radius:3px
}
.cart-gift-certificate-container h2 {
 font-size:14px;
 color:#555;
 font-weight:400;
 padding-bottom:10px
}
.cart-summary {
width: 100%;
height: auto;
padding: 15px 20px;
background: #fff;
box-shadow: 0 1px 3px rgba(37, 35, 35, 0.14);
border-radius: 3px
}
.cart-summary h2 {
 font-size:18px;
 color:#555;
 margin-bottom:10px
}
.cart-summary table {
 width:100%;
 height:auto
}
.cart-summary table tr {
height: 45px;
line-height: 1px;
font-size: 15px;
color: #555;
margin-top: 14px;
border-bottom: 1px solid #eeecec;
}
.cart-summary-total-price {
font-size: 18px;
font-weight: bold;
color: <?php echo $tema['t8']; ?>;
}
.cart-recommended-products-container,
.cart-recommended-products-title {
 width:100%;
 height:auto
}
.cart-recommended-products-title h2 {
 font-size:20px;
 color:#555
}
.cart-recommended-products {
 width:100%;
 height:auto;
 overflow-x:auto;
 overflow-y:hidden;
 white-space:nowrap;
 -webkit-overflow-scrolling:touch;
 padding-bottom:10px
}
.link-block {
  width: 120px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
}
.badge1 {
width: 18% !important;
color: #e41313;
font-weight: 600;
font-size: 10px;
margin-bottom: 10px;
background: whitesmoke;
padding: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

.badge2 {
width: 20% !important;
color: #a88f0a;
font-weight: 600;
font-size: 10px;
margin-bottom: 10px;
background: whitesmoke;
padding: 8px;
  padding-right: 8px;
  padding-left: 8px;
padding-right: 8px;
padding-left: 8px;
margin-left: 2%;
}
.okey {

}	
.yontemyazi {
  font-size: 16px;
  margin-top: 12px;
  position: absolute;
  font-weight: 500;
  letter-spacing: 0.25px;
}	
.text-end {
font-size: 16px;
font-weight: 500;
}	
	
@media screen and (max-device-width: 480px) and (orientation: portrait){
.cart-confirm,
.message-box {
 width:100%;
 padding:10px 15px;
 border-radius:5px;
 color:#fff;
 font-weight:500;
 width: 96% !important;
margin-bottom: 10%;
margin-top:20px;
}	
#myBtn{	
font-size: 10px !important;	
}	
.kutu {
  background: #e7e7e7;
    background-attachment: scroll;
  padding: 15px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
  font-size: 14px !important;
  font-weight: bold;
  border-radius: 4px;
  line-height: 26px;
}	
	
	
	
.okey {

padding-right: 6% !important;
}	
	
	
.sozlesme {
color: black;
font-weight: 400;
display: block;
float: right;
margin: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
margin-left: 5%;
margin-top: -6%;
font-size: 12px;
margin-bottom: 20px
}	
	
	
.badge1 {
width: 85% !important;
color: #e41313;
font-weight: 600;
font-size: 10px;
margin-bottom: 10px;
background: whitesmoke;
padding: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

.badge2 {
width: 85% !important;
color: #a88f0a;
font-weight: 600;
font-size: 10px;
margin-bottom: 10px;
background: whitesmoke;
padding: 8px;
  padding-right: 8px;
  padding-left: 8px;
padding-right: 8px;
padding-left: 8px;
margin-left: 2%;
}

}

.kutu {
background: #e7e7e7;
padding: 15px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
}
.black{
font-weight: bold;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.7rem;
}

.custom-control-inline {
  display:block;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #3167eb;
  background-color: #3167eb;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(49, 103, 235, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #a5bdf6;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #d4dffb;
  border-color: #d4dffb;
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #545454;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e4e4e4;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-radio {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 50px;
  vertical-align: middle;
  cursor: pointer;
  background: #f1f0f0;
  margin-bottom: 10px;
  padding-top: 12px;
  border-radius: 6px;
}

.custom-control-label::before {
  position: absolute;
  top: 0.15rem;
  left: -1.7rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #969696 solid 1px;
  display:none;
}
.custom-control-label::after {
  position: absolute;
  top: 0.15rem;
  left: -1.7rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.2rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #3167eb;
  background-color: #3167eb;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(49, 103, 235, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(49, 103, 235, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(49, 103, 235, 0.5);
}

.custom-switch {
  padding-left: 2.6rem;
}
.custom-switch .custom-control-label::before {
  left: -2.6rem;
  width: 2.1rem;
  pointer-events: all;
  border-radius: 0.6rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.15rem + 2px);
  left: calc(-2.6rem + 2px);
  width: calc(1.2rem - 4px);
  height: calc(1.2rem - 4px);
  background-color: #969696;
  border-radius: 0.6rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.9rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(49, 103, 235, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.9rem + 2px);
  padding: 0.45rem 1.85rem 0.45rem 0.85rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.85rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.37rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: #a5bdf6;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(49, 103, 235, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.85rem;
  background-image: none;
}
.custom-select:disabled {
  color: #545454;
  background-color: #e4e4e4;
}
.custom-select::-ms-expand {
  display: none;
}

.custom-select-sm {
  height: calc(1.2em + 0.7rem + 2px);
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  padding-left: 0.5rem;
  font-size: 0.82rem;
}

.custom-select-lg {
  height: calc(1.5em + 1.2rem + 2px);
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  font-size: 1.2rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.9rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.9rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #a5bdf6;
  box-shadow: 0 0 0 0.2rem rgba(49, 103, 235, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e4e4e4;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.9rem + 2px);
  padding: 0.45rem 0.85rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.37rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.9rem);
  padding: 0.45rem 0.85rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e4e4e4;
  border-left: inherit;
  border-radius: 0 0.37rem 0.37rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(49, 103, 235, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(49, 103, 235, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(49, 103, 235, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #3167eb;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.mobilodemekismi{
padding: 0px !important;
}
.col-sm-12{
margin: 0px !important;
padding: 0px !important;
}

.new-radio, .new-checkbox {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  margin: 2px 0 0 -20px;
  position: relative;
  width: 25px;
  height: 25px;
  display: block;
  opacity: 1 !important;
  margin-right: 1%;
margin-left: 1%;
background: #e7e7e7;
border: none !important;
margin-right: 5px !important;
}
.new-radio input[type="radio"], .new-checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 1 !important;
  filter: alpha(opacity=0);
  position: absolute;
  vertical-align: top;
  width: 100%;
}

</style>

var para = "<?php echo $para; ?>";
var usd_prc = <?php echo $usd_prc; ?>;
var eur_prc = <?php echo $eur_prc; ?>;

function formatNumber(number) {
    return number.toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}

$(document).ready(function() {
    // İlk label'a tıklama işlemi
    $(".address-label:first").click();

// Tıklama olayı dinleyicisi
    $(".address-label").click(function() {
        var selectedAddress = $(this);
        var selectedAdres = selectedAddress.children(".address-string").text().trim();
        var selectedIlce = selectedAddress.attr("data-ilce");
        var selectedIl = selectedAddress.attr("data-il");
        
        $("#uyeadresal").val(selectedAdres);
        $("#adresilce").val(selectedIlce);
        $("#adresil").val(selectedIl);
    });
});

function kapidaodemeekle(id) {
    var yenifiyat, yenifiyat1;

if (id === 1) {
        yenifiyat = kapifiyat + odemefiyati;
        $("#toplam-price-val").html(convertCurrency(yenifiyat));
        $("#toplam-price-val2").html(convertCurrency(yenifiyat));
        $("#toplam-price-val3").html(convertCurrencyc(yenifiyat)); // Convert to USD
        $("#kapidaodemediv").show();
        $("#havaleodemediv").hide();
    } else if (id === 2) {
        yenifiyat1 = odemefiyati - havalefiyat;
        $("#toplam-price-val").html(convertCurrency(yenifiyat1));
        $("#toplam-price-val2").html(convertCurrency(yenifiyat1));
        $("#toplam-price-val3").html(convertCurrencyc(yenifiyat1));  // Convert to EUR
        $("#havaleodemediv").show();
        $("#kapidaodemediv").hide();
    } else {
        $("#toplam-price-val").html(convertCurrency(odemefiyati));
        $("#toplam-price-val2").html(convertCurrency(odemefiyati));
        $("#toplam-price-val3").html(convertCurrencyc(odemefiyati)); // TL remains the same
        $("#havaleodemediv").hide();
        $("#kapidaodemediv").hide();
    }
}

</script>
<div id="myModal" class="modal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">Mesafeli Satış Sözleşmesi ve Ön Bilgilendirme Formu</h4>
            </div>
            <div class="modal-body">
                <p><?php echo $system['sozlesme']; ?> </p>
				<button type="button" class="sozlesmebuton closex" data-dismiss="modal" aria-hidden="true">Mesafeli Satış Sözleşmesi ve Ön Bilgilendirme Formundaki maddeleri dikkatlica okudum ve kabul ediyorum.</button> 
            </div>
        </div>
    </div>
</div>

<style>

.sozlesmebuton {
width: 100%;
font-size: 12px;
background: #464141;
opacity: 1;
padding: 10px;
color: #fff;
font-weight: 400;
border-radius: 10px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
  padding: 30px;
}

/* The Close Button */
.closex {

}

.closex:hover,
.closex:focus {

}

.custom-radio input {
  display: block !important;
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
.modal-content {

width: 100% !important; /* Full width */

}

select.form-control{  background: rgba(255, 255, 255, 1);  border-width: 1px;  border-style: solid;  border-color: rgba(226, 226, 226, 1);  border-radius: 3px;  max-width: 100% !important;}
input.form-control {
  background: rgba(255, 255, 255, 1) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(226, 226, 226, 1) !important;
  border-radius: 3px !important;
  max-width: 100% !important;
  height: 38px;
  width: 100% !important;
}
</style>
<script>
// Get the modal
var modal = document.getElementById("myModal");

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("closex")[0];

// When the user clicks on the button, open the modal
btn.onclick = function() {
  modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
} 
</script>

İptal

📁 PHP Dosya Yöneticisi

📝 odeme.php

📝 odeme.php

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)