<?php include 'header.php'; ?>
<script type="text/javascript">
	
$(document).ready(function() {
    $("body").addClass("bg-white");
    $('#normalheader').hide();
    $('#altmenu').hide();


<?php if(!empty($myUser['user_cinsiyet']) OR !empty($myUser['user_sehir']) OR !empty($myUser['user_yas'])){ ?>

window.location.href = "index.php";

<?php } ?>

});


$(function() {

    $("#resim").change(function(ex) { //her hangi bir şey seçilirse

        $('#tamamla').prop('disabled', true);
        $("#tamamla").html('<span class="spinner-border spinner-border-sm mr-05" role="status" aria-hidden="true"></span> Lütfen Bekleyin!')

        var file_data = $('#resim').prop('files')[0];
        var form_data = new FormData();
        form_data.append('resim', file_data);

        if (file_data != null) {



            $.ajax({
                url: 'assets/pp.php', // point to server-side PHP script 
                dataType: 'text', // what to expect back from the PHP script, if anything
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,
                type: 'post',

                success: function(result) {
                    var json = JSON.parse(result);

                    //$('#resimLink').val(json.resimLink);
                    //alert('yuklendi')


                    $("#tamamla").html('Arkadaş Aramaya Başla!')
                    $('#tamamla').prop('disabled', false);



                }
            });

        }

    });
})




function bilgi_doldur() {
    $('#tamamla').prop('disabled', true);
    $("#tamamla").html('<span class="spinner-border spinner-border-sm mr-05" role="status" aria-hidden="true"></span> Lütfen Bekleyin!')
    var url = "assets/api.php";
    var bilgi = {
        type: "bilgi_doldur",
        yas: $("#yas option:selected").val(),
        cinsiyet: $("#cinsiyet option:selected").val(),
        sehir: $("#sehir option:selected").val()
    }

    $.post(url, bilgi, function(response) {
        var json = JSON.parse(response);
        if (json.result == "1") {

            window.location.href = "index.php";


        } else if (json.result == "2") {

            //alert('bos alan var')
toastbox('toast-11', 2000)

        } else {
            alert('hata')
        }
        $("#tamamla").html('Arkadaş Aramaya Başla!')
        $('#tamamla').prop('disabled', false);
    })

}

</script>

<div class="appHeader">
        <div class="left">
        </div>
        <div class="pageTitle">
            <img src="assets/img/logo.png" alt="logo" class="logo">
        </div>
    </div>



<div id="appCapsule">

        <!-- toast center iconed -->
        <div id="toast-11" class="toast-box toast-center">
            <div class="in">
                <ion-icon name="warning-outline" class="text-danger"></ion-icon>
                <div class="text">
                    Lütfen Boş Alan Bırakmayın!
                </div>
            </div>
            <button type="button" class="btn btn-sm btn-text-light close-button">Tamam</button>
        </div>
        <!-- toast center iconed -->

        <div class="wide-block pt-2">

<div class="form-group boxed">
                        <div class="input-wrapper">
                            <label class="label" for="city5">Yaşadığınız Şehir</label>
                            <select class="form-control custom-select" id="sehir">
                            	<?php
                            	$iller = array('Adana', 'Adıyaman', 'Afyon', 'Ağrı', 'Amasya', 'Ankara', 'Antalya', 'Artvin',
'Aydın', 'Balıkesir', 'Bilecik', 'Bingöl', 'Bitlis', 'Bolu', 'Burdur', 'Bursa', 'Çanakkale',
'Çankırı', 'Çorum', 'Denizli', 'Diyarbakır', 'Edirne', 'Elazığ', 'Erzincan', 'Erzurum', 'Eskişehir',
'Gaziantep', 'Giresun', 'Gümüşhane', 'Hakkari', 'Hatay', 'Isparta', 'Mersin', 'İstanbul', 'İzmir', 
'Kars', 'Kastamonu', 'Kayseri', 'Kırklareli', 'Kırşehir', 'Kocaeli', 'Konya', 'Kütahya', 'Malatya', 
'Manisa', 'Kahramanmaraş', 'Mardin', 'Muğla', 'Muş', 'Nevşehir', 'Niğde', 'Ordu', 'Rize', 'Sakarya',
'Samsun', 'Siirt', 'Sinop', 'Sivas', 'Tekirdağ', 'Tokat', 'Trabzon', 'Tunceli', 'Şanlıurfa', 'Uşak',
'Van', 'Yozgat', 'Zonguldak', 'Aksaray', 'Bayburt', 'Karaman', 'Kırıkkale', 'Batman', 'Şırnak',
'Bartın', 'Ardahan', 'Iğdır', 'Yalova', 'Karabük', 'Kilis', 'Osmaniye', 'Düzce'); 

?>
                                <option value="0">Seçim Yapın</option>
<?php

foreach($iller as $veri){ ?>

                                <option value="<?=$veri?>"><?=$veri?></option>
<?php
}
?>
                            </select>
                        </div>
                    </div>






                <div class="row">
                    <div class="col-6">
                        <div class="exampleBo2x">

                        	                    <div class="form-group boxed">
                        <div class="input-wrapper">
                            <label class="label" for="city5">Yaşınız</label>
                            <select class="form-control custom-select" id="yas">
                                <option value="0">Seçim Yapın</option>
<?php 
for ($i=18; $i < 91; $i++) { 
	echo '<option value="'.$i.'">'.$i.' Yaşındayım</option>';
}
?>
                            </select>
                        </div> </div>

                        </div>
                    </div>
                    <div class="col-6">
                        <div class="exampleBo2x">

                        	<div class="form-group boxed">
                           <div class="input-wrapper">
                            <label class="label" for="city5">Cinsiyetiniz</label>
                            <select class="form-control custom-select" id="cinsiyet">
                                <option value="erkek">Erkek</option>
                                <option value="kadin">Kadın</option>
                            </select>
                        </div> </div>

                        </div>
                    </div>
                </div>

            </div>


<div class="section full mt-2 mb-2">
            <div class="section-title">Profil Resmi Yükleyin (İsteğe Bağlı)</div>
            <div class="wide-block pb-2 pt-2">

                <form>
                    <div class="custom-file-upload">
                        <input type="file" id="resim" name="resimYukle" accept=".png, .jpg, .jpeg">
                        <label for="resim">
                            <span>
                                <strong>
                                    <ion-icon name="cloud-upload-outline" role="img" class="md hydrated" aria-label="cloud upload outline"></ion-icon>
                                    <i>Kendi resminizi kullandığınızda, daha fazla mesaj alacağınızı unutmayın!</i>
                                </strong>
                            </span>
                        </label>
                    </div>

                </form>

            </div>
        </div>
 <div class="col-12">
                    <button href="javascript:void(0);" id="tamamla" onclick="bilgi_doldur();" class="btn btn-success btn-lg btn-block">Arkadaş Aramaya Başla!</button>
                </div>
    </div>       

            
            


          
               
            
  





<?php include 'footer.php'; ?>