<button id="takePhotoBtn" class="btn btn-primary">Fotoğraf Çek</button>
    <a href="anasayfa.php" class="btn btn-secondary">Anasayfa'ya Dön</a>
    
     <div id="cameraFeed"></div>

<script>
// Kameraya erişim sağla ve fotoğraf çekme işlemini gerçekleştir
navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } }) // Arka kamerayı kullan
.then(function(stream) {
    var video = document.createElement('video');
    var cameraFeed = document.getElementById('cameraFeed');
    cameraFeed.appendChild(video);
    video.srcObject = stream;
    video.play();

    // Fotoğraf çek butonuna basıldığında fotoğrafı al ve sunucuya yükle
    document.getElementById('takePhotoBtn').addEventListener('click', function() {
        var canvas = document.createElement('canvas');
        canvas.width = video.videoWidth;
        canvas.height = video.videoHeight;
        var context = canvas.getContext('2d');
        context.drawImage(video, 0, 0, canvas.width, canvas.height);
        
        var imageData = canvas.toDataURL('image/jpeg');
        
        // Fotoğrafı sunucuya yükle
        fetch('$uploadScriptURL', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
            },
            body: 'resim=' + encodeURIComponent(imageData) + '&zimmetID=$zimmetID'
        })
        .then(response => response.text())
        .then(data => {
            console.log(data);
            alert('Fotoğraf başarıyla yüklendi.');
            // Yüklenen fotoğrafı galeriye ekle
            var galleryContainer = document.getElementById('galleryContainer');
            var img = document.createElement('img');
            img.src = imageData;
            img.className = 'gallery-item';
            galleryContainer.appendChild(img);
        })
        .catch(error => console.error('Error:', error));
    });
})
.catch(function(err) {
    console.log('Kamera erişimi reddedildi: ', err);
});
</script>