<?php include 'header.php';

$profil_id = $_GET['id'];


$profilRow = $db->query("SELECT * FROM kullanicilar WHERE user_id = '{$profil_id}'")->fetch(PDO::FETCH_ASSOC);

if(isset($_GET['id'])){
    echo '<script type="text/javascript">';
    echo "$( document ).ready(function() {";
    echo "setTimeout(function(){";
    echo "acMesaj(".$profilRow['user_id'].",'".$profilRow['user_fullname']."','".$profilRow['user_picture']."');";
    echo "}, 250);";
    echo "});";
    echo '</script>';
}

 ?>   

        <style type="text/css">
            
.scale-image {
  object-fit: cover;
  width: 100%;
  height: 150px;
}

.w-100x {
    object-fit: cover;
  width: 100%;
  height: 50px;
}

.cici{
    margin-bottom: -3px;
    margin-right: 2px;
    font-size: 18px;
}

    .blink2 {
    animation: blinkers 0.8s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

@keyframes blinkers {  
  from { opacity: 1; }
  to { opacity: 0.4; }
}

</style>
<!-- Firebase header.php'de yükleniyor -->

<script type="text/javascript">

    function engelle1(user_id){


        var url = "assets/api.php";
        var bilgi = {
            userid: user_id,
            type: 'engelle'
        }

        $.post(url,bilgi,function(response) {


toastbox('toast-5', 7000)

setTimeout(function() {

window.location.href = "https://app.heysen.net/mesajlar.php";

}, 7000);

    


        })



}


function konusmasil(user_id){

        var url = "assets/api.php";
        var bilgi = {
            userid: user_id,
            type: 'konusmasil'
        }

        $.post(url,bilgi,function(response) {


toastbox('toast-6', 5000)

setTimeout(function() {

window.location.href = "https://app.heysen.net/mesajlar.php";

}, 5000);

    


        })


}


 function sikayetEt(value){

    var sikayet_tipi = $('input[name="customRadioList"]:checked').val();
    var aciklamasi = $('#sikayetsebebi').val();

    var url = "assets/api.php";
    var bilgi = {
      type: 'sikayetet',
      userid: value,
      sikayet_tipi: sikayet_tipi,
      aciklama: aciklamasi
    }
    $.post(url,bilgi,function(response) {
      

toastbox('toast-4', 5000)
$('#sikayetsebebi').val("");


   })

  }






    function aramaYap(value){
        if(value==2){
        //$('#DialogIconedSuccess').modal('show');
        $("#arama_kilit").modal("show");
        }else if(value==1){
        $('#DialogIconedSuccess2').modal('show');  
        }
    }

    function jetonAci(){
        $('#jetonPaketleri').modal('show'); 
    }

  // Firebase header.php'de initialize ediliyor

function autoResize(el) {
    el.style.height = 'auto';
    var newHeight = Math.min(el.scrollHeight, 96);
    el.style.height = newHeight + 'px';

    // Badge ve toast-71 yüksekliğini ayarla
    var extraHeight = newHeight - 38; // 38 = tek satır yüksekliği
    if(extraHeight < 0) extraHeight = 0;

    $('#karakterSayac').css('bottom', (75 + extraHeight) + 'px');

    // toast-71 sadece show class'ı varsa bottom ayarla
    if($('#toast-71').hasClass('show')){
        $('#toast-71').css('bottom', (60 + extraHeight) + 'px');
    }
}

function karakterSayaci(){
    var icerik = $('#mIcerik').val();
    var uzunluk = icerik.length;

    if(uzunluk >= 200){
        $('#karakterSayac').show();
        $('#karakterSayac').html(uzunluk + '/250');

        if(uzunluk >= 230){
            $('#karakterSayac').css('background', 'rgba(220,53,69,0.9)');
        } else {
            $('#karakterSayac').css('background', 'rgba(255,152,0,0.9)');
        }
    } else {
        $('#karakterSayac').hide();
    }
}

$(document).ready(function() {
    window.history.replaceState(null, null, window.location.pathname);
    //$('#gelenMesajlar').html('<br /><center><b>HENÜZ MESAJINIZ YOK</b><br /><br /><img src="assets/img/hata.png" style="max-width: 20%;"><br /><br /><b>Keşfet\'ten insanlara mesaj gönderebilirsiniz.</b><br /><br /></center>');

gelenMesajList();

});


var gonderici_id = <?=$myUser['user_id']?>;
    
    function gelenMesajList(){



        var url = "assets/api.php";
        var bilgi = {
            type: 'sohbetList'
        }

        $.post(url,bilgi,function(response) {

if(response!=""){

          $('#gelenMesajlar').html(response);  
}else{
    $('#gelenMesajlar').html('<br /><center><b>HENÜZ MESAJINIZ YOK!</b><br /><br /><img src="assets/img/hata.png" style="max-width: 20%;"><br /><br /><b>Keşfet\'ten insanlara mesaj gönderebilirsiniz.</b><br /><br /></center>');
}

        });

setTimeout(function(){ $("html, body").animate({ scrollTop: 0 }); }, 600);


}

function gelenMesajList2(){



        var url = "assets/api.php";
        var bilgi = {
            type: 'sohbetList'
        }

        $.post(url,bilgi,function(response) {

          $('#gelenMesajlar').html(response);  
setTimeout(function(){ $("html, body").animate({ scrollTop: 0 }); }, 600);

        });



}

function okunmamisSayi(){

$('#okunmamis').html('1');


}



var sayaci = 0;


function acMesaj(user_id,isim,resim){

var sayicik = Math.floor(Math.random() * 2);
console.log(sayicik)
 $('.pageTitle').html('<span class="spinner-border spinner-border-sm mr-05 mt-1" role="status" aria-hidden="true"></span> Mesajlar Getiriliyor');  
/*$('.p_profil').prop('href', "./profil.php?id="+user_id);*/


        var url = "assets/api.php";
        var bilgi = {
            userid: user_id,
            type: 'mesajList'
        }

        $.post(url,bilgi,function(response) {


$('.pageTitle2').html(isim);  

if(sayicik==1){
 $('.pageTitle').html('<i style="margin-right: 1px;" class="online-z blink2 fa-xs mt-1 text-success fa-solid fa-circle"></i>'+isim);   
}else if(sayicik==0){
 $('.pageTitle').html(isim);  
}

$('.chat-pp').attr('src', resim);



            $('.cekilenMesajlar').html(response);
            $('.chat-pp').attr('src', resim);
  $('#kfullname').html(isim);  
var jetonSayi = $("#jeton").val();

if(jetonSayi>0){

            $('#sButton').attr('onclick', 'msgSend('+user_id+')');
            $('#fButton').attr('onclick', 'selectFile()');

}
            $('#engelidi').attr('onclick', 'engelle1('+user_id+')');
            $('#konusmaidi').attr('onclick', 'konusmasil('+user_id+')');
            $('#sikayetidi').attr('onclick', 'sikayetEt('+user_id+')');
            $("#profil_link").attr("href", "/profil.php?id="+user_id)
            $('#alici').val(user_id);
            $('#list-header').hide(500);
            $('.mesajList').hide(500);
            $('#altmenu').hide(500);
            $('#chat-header').show(500);
            $('.mesajIcerik').show(500);
            $('.chatFooter').show(500);
            setTimeout(function(){ $("html, body").animate({ scrollTop: $(document).height()-$(window).height() }); }, 600);
        });


genelMesajlar(user_id,gonderici_id);



}





function kapatMesaj(){

okunmamisSayi()

window.history.replaceState(null, null, window.location.pathname);
$('.pageTitle').html('<a href="./"><img src="assets/img/logo.png" alt="logo" class="logo"></a>');
$('#chat-header').hide(500);
$('.mesajIcerik').hide(500);
$('.chatFooter').hide(500);
$('#toast-71').removeClass("show");
$('#list-header').show(500);
$('.mesajList').show(500);
$('#altmenu').show(500);
firebase.database().ref('mesajlar').off()
gelenMesajList2();
//setTimeout(function(){ $("html, body").animate({ scrollTop: 0 }); }, 600);
//window.location.href = "./mesajlar.php";


        var url = "assets/api.php";
        var bilgi = {
        type: 'okunmamis'
        }

        $.post(url,bilgi,function(response) {
            var json = JSON.parse(response);
            $("#okunmamis").html(json.okunmamis)

        })




}


 $(document).keyup(function(e){
    if(e.which==13){
      
var userx_id = $('#alici').val();

if(userx_id!=""){
      msgSend(userx_id);
       $('#mIcerik').val(""); 
       $("#mIcerik").focus();
    }

    }
  })




function msgSend(user_id, resimlinkj) {

    var icerik = "";
    if (resimlinkj != null) {
        icerik = "https://app.heysen.net" + resimlinkj;
    } else {
        icerik = $('#mIcerik').val();
    }

    // input kilitle
    $("#mIcerik").prop('disabled', true);
    $('#mIcerik').val('');
    $('#mIcerik').css('height', 'auto');
    $('#karakterSayac').hide();
    $('#karakterSayac').css('bottom', '75px');
    $('#toast-71').removeClass('show').css('bottom', '');

    if (icerik.trim().length <= 0) {
        $("#mIcerik").prop('disabled', false);
        if (resimlinkj == null) $("#mIcerik").focus();
        return;
    }

    var url = "assets/api.php";
    var bilgi = {
        userid: user_id,
        msj: icerik,
        type: 'msgsend'
    };

    $.post(url, bilgi, function (response) {

        var json = {};
        try {
            json = JSON.parse(response);
        } catch (e) {
            json = { jeton: 0 };
        }

        $("#yukleniyor").remove();

        // ---- Bildirim gönder (senin akışın aynı) ----
        var urlBildirim = "admin/functions.php";
        var bilgiBildirim = {
            from: gonderici_id,
            to: user_id,
            type: 'bildirim_gonder',
            type2: 'mesaj'
        };

        $.post(urlBildirim, bilgiBildirim, function (r) {
            if(r.indexOf("bot") === -1) {
                console.log("bildirim gitti");
            } else {
                console.log("bot - bildirim gönderilmedi");
            }
        });

        // ---- JETON: SADECE SERVER SONUCUNA GÖRE ----
        var kalan = parseInt(json.jeton, 10);
        if (isNaN(kalan)) kalan = 0;

        $("#jeton").val(kalan);
        // Eğer sayıyı ekranda bastığın bir yer varsa aç:
        // $(".jetonSayi").html(kalan);

        // Jeton bittiyse modal + buton kilidi
        if (kalan <= 0) {
            $('#sButton').attr('onClick', "$('#jetonAl').modal('show')");
            $('#fButton').attr('onClick', "$('#jetonAl').modal('show')");
            $('#jetonAl').modal('show');
        }

        // ---- UI geri aç ----
        $("#mIcerik").prop('disabled', false);
        if (resimlinkj == null) $("#mIcerik").focus();
        $('#toast-71').removeClass("show");

    });

    // Firebase insert (senin fonksiyonun aynen, sadece güvenli çıktıyla)
    insertAutoKey(user_id, gonderici_id, icerik);

    function insertAutoKey(user_id, gonderici_id, icerik) {

        const database = firebase.database();
        const ref = database.ref('mesajlar');

        var msj_id = "";
        if (parseInt(user_id) > parseInt(gonderici_id)) {
            msj_id = gonderici_id + "-" + user_id;
        } else if (parseInt(gonderici_id) > parseInt(user_id)) {
            msj_id = user_id + "-" + gonderici_id;
        } else {
            msj_id = user_id + "-" + gonderici_id;
        }

        var time = new Date();
        var saat = ("0" + time.getHours()).slice(-2) + ":" + ("0" + time.getMinutes()).slice(-2);

        var resimlinki = $('.myResim').attr('src');

        var sezerref = ref.child("mesaj_" + msj_id);
        sezerref.set({
            gonderici: gonderici_id,
            alici: user_id,
            resim: resimlinki,
            msj: icerik,
            time: saat
        });

        sezerref.remove();
    }
}

function yollaGitsin(value) {

    var userx_name = $('#kfullname').html();
    var isimix = userx_name.split(" ");

    var hicerik = "";
    if (value == 1) {
        hicerik = "Selam " + isimix[0] + "😊";
    } else if (value == 2) {
        hicerik = "Merhaba " + isimix[0] + "👋";
    } else if (value == 3) {
        hicerik = "Naber " + isimix[0] + "😌";
    }

    var userx_id = $('#alici').val();

    var jetonSayi = parseInt($("#jeton").val(), 10);
    if (isNaN(jetonSayi)) jetonSayi = 0;

    if (jetonSayi > 0) {
        $("#mIcerik").val(hicerik);
        msgSend(userx_id, null);
    } else {
        $('#jetonAl').modal('show');
    }
}



function genelMesajlar(alici_id,gonderici_id){ // firebase çekme işlemi de burda



const database = firebase.database();
ref = database.ref('mesajlar');
ref.on("value",function(snap) {

            if(snap.val()) {

if(parseInt(alici_id)>parseInt(gonderici_id)){

    var msj_id = "mesaj_"+gonderici_id+"-"+alici_id;


}else if(parseInt(gonderici_id)>parseInt(alici_id)){
    var msj_id = "mesaj_"+alici_id+"-"+gonderici_id;

}

// Mesaj silinmişse (DELETE sonrası) çık
if(!snap.val()[msj_id]) return;

var yollayan = snap.val()[msj_id].gonderici;
var alan = snap.val()[msj_id].alici;

if(yollayan==gonderici_id){

var mesajx = snap.val()[msj_id].msj;

if (mesajx.includes('{onayla}')) {
    // Eğer {onayla} kelimesi varsa
    var onaylaHTML = '<div><style>.shim-btn{position:relative;overflow:hidden;transition:all .1s ease-in-out;outline:none}.shim-btn:active{transform:scale(0.95);box-shadow:0 0 0 #1565c0!important}.shim-btn::after{content:\'\';position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);animation:shine 2.5s infinite linear}@keyframes shine{0%{left:-150%}60%,100%{left:150%}}</style><div style="display:flex;justify:center;align-items:center;padding:10px;font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',Roboto,Helvetica,Arial,sans-serif"><div style="background:#e91e63;width:260px;max-width:100%;aspect-ratio:1;border-radius:30px;padding:20px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,0.15);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center"><div style="margin-bottom:15px"><svg width="60" height="60" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.39 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12z" fill="#1DA1F2"/><path d="M9 12l2 2 4-4" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><p style="color:#fff;font-size:15px;line-height:1.3;margin:0 0 15px 0;font-weight:500">Kullanıcının Kişisel Numarasını Görebilmek için <span style="color:#ffeb3b;font-weight:800">Onaylı Hesap</span> Olmanız Gerekmektedir.</p><button onclick="uyariVer3(1);" class="shim-btn" style="background:#1e88e5;color:#fff;border:none;width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #1565c0;display:block">Görmek için Buraya Dokun</button></div></div></div>';
    var mesajx2 = mesajx.replace(/{onayla}/g, onaylaHTML);
} else if (mesajx.includes('{konum}')) {
    // Eğer {konum} kelimesi varsa
    var konumHTML = '<div><style>.shim-btn{position:relative;overflow:hidden;transition:all .1s ease-in-out;outline:none}.shim-btn:active{transform:scale(0.95);box-shadow:0 0 0 #2e7d32!important}.shim-btn::after{content:\'\';position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);animation:shine 2.5s infinite linear}@keyframes shine{0%{left:-150%}60%,100%{left:150%}}</style><div style="display:flex;justify:center;align-items:center;padding:10px;font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',Roboto,Helvetica,Arial,sans-serif"><div style="background:#f1f8e9;width:260px;max-width:100%;aspect-ratio:1;border-radius:30px;padding:20px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,0.15);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #dcedc8"><div style="background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px"><svg fill="none" height="34" viewBox="0 0 24 24" width="34" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" fill="#43a047" /><circle cx="12" cy="9" fill="white" r="2.5" /></svg></div><p style="color:#222;font-size:15px;line-height:1.3;margin:0 0 5px 0;font-weight:700">📍 <span style="color:#2e7d32">Sen</span> karşı tarafa <br>konumunu gönderdin!</p><p style="color:#666;font-size:12px;line-height:1.3;margin:0 0 15px 0">Tam konumu ve haritayı görmek için<br><span style="color:#fbc02d;font-weight:800">Konum Paketi</span> aktif edilmelidir.</p><button class="shim-btn" onclick="buyJeton2(\'konumpaket\')" style="background:#43a047;color:#fff;border:none;width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #2e7d32;display:block">Konumu Görmek için Dokun</button></div></div></div>';
    var mesajx2 = mesajx.replace(/{konum}/g, konumHTML);
} else {
    // Eğer {onayla} kelimesi yoksa
    var mesajx2 = mesajx.replace(/(https?:\/\/\S+(\.png|\.jpg|\.jpeg|\.gif))/g, '<img style="max-width: 100% !important; border-radius: 1%;" src="$1" />');
}

setTimeout(function(){ $("html, body").animate({ scrollTop: $(document).height()-$(window).height() }); }, 1500);

var icerik = '<div class="message-item user">';
icerik += '<div class="content">';
icerik += '<div class="bubble">'+mesajx2+'</div>';
icerik += '<div class="footer">'+snap.val()[msj_id].time+'</div>';
icerik += '</div></div>';
$(".cekilenMesajlar").append(icerik);
$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

}else if(alan==gonderici_id){

var mesajx = snap.val()[msj_id].msj;

if (mesajx.includes('{onayla}')) {
    // Eğer {onayla} kelimesi varsa
    var onaylaHTML = '<div><style>.shim-btn{position:relative;overflow:hidden;transition:all .1s ease-in-out;outline:none}.shim-btn:active{transform:scale(0.95);box-shadow:0 0 0 #1565c0!important}.shim-btn::after{content:\'\';position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);animation:shine 2.5s infinite linear}@keyframes shine{0%{left:-150%}60%,100%{left:150%}}</style><div style="display:flex;justify:center;align-items:center;padding:10px;font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',Roboto,Helvetica,Arial,sans-serif"><div style="background:#e91e63;width:260px;max-width:100%;aspect-ratio:1;border-radius:30px;padding:20px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,0.15);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center"><div style="margin-bottom:15px"><svg width="60" height="60" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.39 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12z" fill="#1DA1F2"/><path d="M9 12l2 2 4-4" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><p style="color:#fff;font-size:15px;line-height:1.3;margin:0 0 15px 0;font-weight:500">Kullanıcının Kişisel Numarasını Görebilmek için <span style="color:#ffeb3b;font-weight:800">Onaylı Hesap</span> Olmanız Gerekmektedir.</p><button onclick="uyariVer3(1);" class="shim-btn" style="background:#1e88e5;color:#fff;border:none;width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #1565c0;display:block">Görmek için Buraya Dokun</button></div></div></div>';
    var mesajx2 = mesajx.replace(/{onayla}/g, onaylaHTML);
} else if (mesajx.includes('{konum}')) {
    // Eğer {konum} kelimesi varsa
    var senderNameFull = $('#kfullname').html();
    var senderNameParts = senderNameFull.split(" ");
    var senderFirstName = senderNameParts[0];

    var konumHTML = '<div><style>.shim-btn{position:relative;overflow:hidden;transition:all .1s ease-in-out;outline:none}.shim-btn:active{transform:scale(0.95);box-shadow:0 0 0 #2e7d32!important}.shim-btn::after{content:\'\';position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);animation:shine 2.5s infinite linear}@keyframes shine{0%{left:-150%}60%,100%{left:150%}}</style><div style="display:flex;justify:center;align-items:center;padding:10px;font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',Roboto,Helvetica,Arial,sans-serif"><div style="background:#f1f8e9;width:260px;max-width:100%;aspect-ratio:1;border-radius:30px;padding:20px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,0.15);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #dcedc8"><div style="background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px"><svg fill="none" height="34" viewBox="0 0 24 24" width="34" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" fill="#43a047" /><circle cx="12" cy="9" fill="white" r="2.5" /></svg></div><p style="color:#222;font-size:15px;line-height:1.3;margin:0 0 5px 0;font-weight:700">📍 <span style="color:#2e7d32">' + senderFirstName + '</span> sana <br>konumunu gönderdi!</p><p style="color:#666;font-size:12px;line-height:1.3;margin:0 0 15px 0">Tam konumu ve haritayı görmek için<br><span style="color:#fbc02d;font-weight:800">Konum Paketi</span> aktif edilmelidir.</p><button class="shim-btn" onclick="buyJeton2(\'konumpaket\')" style="background:#43a047;color:#fff;border:none;width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #2e7d32;display:block">Konumu Görmek için Dokun</button></div></div></div>';
    var mesajx2 = mesajx.replace(/{konum}/g, konumHTML);
} else {
    // Eğer {onayla} veya {konum} kelimesi yoksa
    var mesajx2 = mesajx.replace(/(https?:\/\/\S+(\.png|\.jpg|\.jpeg|\.gif))/g, '<img style="max-width: 100% !important; border-radius: 1%;" src="$1" />');
}

setTimeout(function(){ $("html, body").animate({ scrollTop: $(document).height()-$(window).height() }); }, 1500);

var icerik = '<div class="message-item">';
icerik += '<img src="'+snap.val()[msj_id].resim+'" alt="avatar" class="avatar chat-pp"><div class="content">';
icerik += '<div class="bubble">'+mesajx2+'</div>';
icerik += '<div class="footer">'+snap.val()[msj_id].time+'</div>';
icerik += '</div></div>';
$(".cekilenMesajlar").append(icerik);
$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
}

}}) 

}

function selectFile(){

     $("input[name=resimYukle]").trigger('click');
}


      $(function(){

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


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

if(file_data!=null){
var load = '<div id="yukleniyor" class="message-item user">';
load += '<div class="content">';
load += '<div class="bubble"><center><div class="spinner-border text-light" role="status"> </div></center></div>';
load += '</div></div>';
$(".cekilenMesajlar").append(load);
setTimeout(function(){ $("html, body").animate({ scrollTop: $(document).height()-$(window).height() }); }, 1500);
}
              
    $.ajax({
                url: 'assets/pic.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);
                   var alici = $('#alici').val();


                   msgSend(alici,json.resimLink);


                    


                   
                }
     });
});
    })


</script>


        <!-- App Header -->
    <div class="appHeader bg-primary text-light" id="chat-header" style="display: none;">
        <div class="left">
            <a onclick="kapatMesaj()" href="javascript:void(0);" class="headerButton">
                <i class="fa-solid fa-angles-left fa-xl"></i>
            </a>
        </div>
        <div class="pageTitle">Yükleniyor</div>
        <div class="right">
            <?php

/*if($myUser['user_jeton']>=100){
    echo '<ion-icon onclick="aramaYap(1)" name="call-outline" role="img" class="md hydrated" aria-label="call outline" style="
    margin-right: 15px;
"></ion-icon>';
}else{
    echo '<ion-icon onclick="aramaYap(2)" name="call-outline" role="img" class="md hydrated" aria-label="call outline" style="
    margin-right: 15px;
"></ion-icon>';
}*/

            ?>
            
            <a href="javascript:void(0);" class="item p_profil">
            <img src="assets/img/sample/avatar/avatar7.jpg" alt="image" class="imaged w48 rounded chat-pp mr-2">
            </a>


<style type="text/css">
    
/*.dropdown-toggle:before, .dropdown > i > .dropdown-toggle:after{
    border: none;
}*/


.dropdown-toggle-split {
    padding-right: 1rem !important;
    padding-left: 0.5rem !important;
}

</style>

            

                <div class="dropdown" style="margin-top: 10px; width: 33%;">
            <!-- <ion-icon style="font-size:30px !important; " name="ellipsis-vertical-outline" class="dropdown-toggle" data-toggle="dropdown"></ion-icon> -->

<button style="
    position: fixed;
    top: 1px;
    right: 0px;
    width: 25%;
    height: 8.4vh;
    opacity: 0;
    " class="dropdown-toggle-split" data-toggle="dropdown">. .</button>

            <c style="font-size:30px !important;" class="fa-solid fa-ellipsis-vertical mr-1 fa-2x"></c>

<!-- <i class="dropdown-toggle" data-toggle="dropdown"></i> -->

                    <div class="dropdown-menu">
                        <a id="profil_link" class="dropdown-item" href="javascript:void(0)">
                            <i class="fa-solid fa-eye mr-1 fa-lg"></i>
                            Profili İncele
                        </a>


<?php
// SESLİ ARAMA AÇ KAPAT
if($user_id != 663793) {  // 663793 ID'li kullanıcı değilse göster
    if($myUser['user_call']!=0){
        echo '<a onclick="aramaYap(1)" class="dropdown-item" href="javascript:void(0)">
                                <i class="fa-solid fa-phone mr-1 fa-lg"></i>
                                Sesli Ara
                            </a> ';
    }else{
        echo '<a onclick="aramaYap(2)" class="dropdown-item" href="javascript:void(0)">
                                <i class="fa-solid fa-phone mr-1 fa-lg"></i>
                                Sesli Ara
                            </a> ';
    }
}

            ?>






                        
                        <div class="dropdown-divider"></div>
                         <a class="dropdown-item" href="javascript:void(0);" id="konusmaidi" onclick="konusmasil();">
                            <i class="fa-solid fa-trash-can mr-1 fa-lg"></i>
                            Konuşmayı Sil
                        </a>
                        <a class="dropdown-item" href="javascript:void(0);" id="engelidi" onclick="engelle1();">
                            <i class="fa-solid fa-user-large-slash mr-1 fa-lg"></i>
                            Kişiyi Engelle
                        </a>
                        <a class="dropdown-item" data-toggle="modal" data-target="#DialogForm" href="javascript:void(0);">
                            <i class="fa-solid fa-ban mr-1 fa-lg"></i>
                            Şikayet Et
                        </a>
                    </div>
                </div>

       
       


        </div>
    </div>
    <!-- * App Header -->

  <div id="toast-71" class="toast-box toast-bottom">
            <div class="in">
               
                <div class="text">
İlk mesajı atan sen ol! Bir mesaj seç ve gönder😊<br />
                 <div class="chip mt-1">
                    <span onclick="yollaGitsin('1');" class="chip-label">Selam 😊</span>
                </div>

                <div class="chip mt-1">
                    <span onclick="yollaGitsin('2');" class="chip-label">Merhaba 👋</span>
                </div>

                <div class="chip">
                    <span onclick="yollaGitsin('3');" class="chip-label">Naber 😌</span>
                </div>
        
                </div>
            </div>
            <button type="button" class="btn btn-sm btn-text-light close-button" onclick="$('#toast-71').removeClass('show'); $('#toast-71').css('bottom', '');">X</button>
        </div>

         <div id="toast-4" class="toast-box toast-center">
            <div class="in">
               <i class="fa-solid fa-circle-check text-success fa-2x"></i>
                <div class="text">
                  Profil şikayet edildi. <br><br> Mümkün olan en kısa sürede inceleme yapılacaktır.
                </div>
            </div>
        </div>


                 <div id="toast-5" class="toast-box toast-center">
            <div class="in">
               <i class="fa-solid fa-circle-check text-success fa-2x"></i>
                <div class="text">
                Profil Başarıyla Engellendi!
                </div>
            </div>
        </div>

        <div id="toast-6" class="toast-box toast-center">
            <div class="in">
               <i class="fa-solid fa-circle-check text-success fa-2x"></i>
                <div class="text">
                Konuşmalar Başarıyla Silindi!
                </div>
            </div>
        </div>
  


        <!-- DialogIconedSuccess -->
<!--         <div class="modal fade dialogbox" id="DialogIconedSuccess" data-backdrop="static" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-icon text-danger">
                        <i class="fa-solid fa-triangle-exclamation"></i>
                    </div>
                    <div class="modal-header">
                        <h5 class="modal-title">Yeterli Jeton Yok</h5>
                    </div>
                    <div class="modal-body">
                    <b>Kullanıcıyı Sesli Aramak İçin <br /> En Az 100 Jetonunuzun<br /> Olması Gerekmektedir.</b>
                    </div>
                    <div class="modal-footer">
                        <div class="btn-inline">
                            <a href="component-dialog.html#" class="btn" data-dismiss="modal" onclick="jetonAci()">Tamam</a>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- * DialogIconedSuccess -->   

                <!-- DialogIconedSuccess -->
        <div class="modal fade dialogbox" id="DialogIconedSuccess2" data-backdrop="static" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-icon text-danger">
                        <i class="fa-solid fa-triangle-exclamation fa-sm"></i>
                    </div>
                    <div class="modal-header">
                        <h5 class="modal-title">Arama Yapılamıyor</h5>
                    </div>
                    <div class="modal-body">
                    <b><c id="kfullname">Bu kullanıcı</c> sadece izin verdiği kişiler tarafından gelen sesli aramaları kabul ediyor.</b>
                    </div>
                    <div class="modal-footer">
                        <div class="btn-inline">
                            <a href="component-dialog.html#" class="btn" data-dismiss="modal">Tamam</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- * DialogIconedSuccess -->    



<!-- SİKAYET MODAL -->

        <div class="modal fade dialogbox" id="DialogForm" data-backdrop="static" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title btn-text-danger">Şikayet Sebebini Seçiniz</h5>
                    </div>
                    <div class="modal-body">
                        <div class="form-group boxed">

                <div class="input-list">
                    <div class="custom-control custom-radio">
                        <input type="radio" id="customRadio11" name="customRadioList" class="custom-control-input" value="spam" checked>
                        <label class="custom-control-label" for="customRadio11">Şüpheli veya Spam</label>
                    </div>
                    <div class="custom-control custom-radio">
                        <input type="radio" id="customRadio12" name="customRadioList" class="custom-control-input" value="taklit">
                        <label class="custom-control-label" for="customRadio12">Taklit Hesap</label>
                    </div>
                    <div class="custom-control custom-radio">
                        <input type="radio" id="customRadio13" name="customRadioList" class="custom-control-input" value="taciz">
                        <label class="custom-control-label" for="customRadio13">Taciz veya Nefret</label>
                    </div>
                    <div class="custom-control custom-radio">
                        <input type="radio" id="customRadio14" name="customRadioList" class="custom-control-input" value="diger">
                        <label class="custom-control-label" for="customRadio14">Diğer</label>
                    </div>
                </div>
</div>
<div class="form-group boxed">
                        <div class="input-wrapper">
                            <label class="label" for="address5">Şikayet Sebebinizi Yazın</label>
                            <textarea id="sikayetsebebi" rows="2" class="form-control"></textarea>
                            <i class="clear-input">
                                <i class="fa-solid fa-circle-xmark"></i>
                            </i>
                        </div>
                    </div>
                    </div>
                    <div class="modal-footer">
                        <div class="btn-inline">
                            <a href="component-dialog.html#" class="btn btn-text-secondary" data-dismiss="modal">Vazgeç</a>
                            <a id="sikayetidi" onclick="sikayetEt(<?=$profil_id?>)" href="component-dialog.html#" class="btn btn-text-danger" data-dismiss="modal">Şikayet Gönder</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<!-- SİKAYET MODAL -->



    <!-- App Capsule -->
    <div id="appCapsule" class='mesajList'>

        <div class="listview-title mt-2">Mesajlar</div>
        <ul id="gelenMesajlar" class="listview image-listview">
<center><span class="spinner-border spinner-border-sm mr-05" role="status" aria-hidden="true"></span> MESAJLAR GETİRİLİYOR</center>
        </ul>
    </div>


    <div id="appCapsule" class='mesajIcerik' style="display: none;">




  <div class="message-divider">
            Sohbet Geçmişiniz
        </div>
<div class="cekilenMesajlar">
        <center><div class="spinner-border text-warning" role="status">
                </div></center>
</div>





    </div>

    <!-- chat footer -->

<?php

 if($myUser['user_jeton']==0){
      $onclicki = "onclick=\"$('#jetonAl').modal('show');\"";
      $tiklanmaz = 'style="pointer-events:none;"';
    }

    ?>

    <div id="karakterSayac" style="display:none; position:fixed; bottom:75px; right:45px; z-index:9999; background:rgba(0,0,0,0.7); color:#fff; padding:4px 10px; border-radius:12px; font-size:12px;"></div></div>

    <div class="chatFooter" style="display: none;">
       
            <a href="javascript:;" class="btn btn-icon btn-secondary rounded" data-toggle="modal" data-target="#addActionSheet">
                <i class="fa-solid fa-plus fa-lg"></i>
            </a>
            <div class="form-group boxed">
                <div class="input-wrapper">
                    <textarea id="mIcerik" class="form-control" placeholder="Dikkat çekici bir mesaj yaz..." maxlength="250" oninput="karakterSayaci(); autoResize(this);" rows="1" style="resize:none; overflow:hidden; max-height:96px; border-radius:8px;"></textarea>
                </div>
            </div>
             <input id="alici" type="hidden" value="" />
             <input id="jeton" type="hidden" value="<?=$myUser['user_jeton']?>" />
             <input id="resimLink" type="hidden" value="" />
            <span id="sButton" type="button" class="btn btn-icon btn-primary rounded" <?=$onclicki?>>
                <i class="fa-solid fa-paper-plane fa-lg"></i>
            </span>
        
    </div>
    <!-- * chat footer -->


    <!-- Share Action Sheet -->
    <div class="modal fade action-sheet inset" id="addActionSheet" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Paylaş</h5>
                </div>
                <div class="modal-body">
                    <ul class="action-button-list">

                        <li>
                                            <form>
                   
                        <input type="file" id="resim" name="resimYukle" accept="image/png,image/jpg,image/jpeg" style="display:none;">

                            <button id="fButton" <?=$onclicki?> href="javascript:void(0);" class="btn btn-list" data-dismiss="modal">
                                <span>
                                    <i class="fa-solid fa-image fa-lg mr-1"></i>
                                    Fotoğraf Gönder
                                </span>
                            </button>


                    

                </form>


                        </li>

                        <li>
                                            <form>
                   
                       

            <!--                 <button href="javascript:void(0);" class="btn btn-list" data-toggle="modal" data-target="#ModalListviewxz" data-dismiss="modal">
                                <span>
                                    <ion-icon name="gift-outline"></ion-icon>
                                    Hediye Gönder
                                </span>
                            </button>
 -->


                    

                </form>


                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- * Share Action Sheet -->







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