const socket = io('http://www.localhost:3000/')
socket.on('connection', (data) => console.log(data))

document.getElementById("btn-open-or-join-room").addEventListener("click", function () {
  var roomId = document.getElementById("room").value;
  console.log(roomId)
  socket.emit('joinRoom', roomId)
});

// socket.on('joinedRoom', function(data){
//     console.log(data)
// })
socket.on('joinedRoom', (data) => console.log(data))

socket.on('joinedShips', (data) => console.log(data))

document.getElementById("btn-show-ships").addEventListener("click", function () {
  var roomId = document.getElementById("stefan").value;
  console.log(roomId)
  socket.emit('showJoinedShips', roomId)
});



document.getElementById("btn-leave-room").addEventListener("click", function () {
  var roomId = document.getElementById("room").value;
  console.log(roomId)
  socket.emit('leaveRoom', roomId)
});

socket.on('leftRoom', (data) => console.log(data))


var Peer = require('simple-peer')

// get video/voice stream
// navigator.mediaDevices.getUserMedia({ video: true, audio: true }, gotMedia, () => {})
// function gotMedia (stream) {

var getUserMedia = require('getusermedia')

getUserMedia({ video: true, audio: true }, function (err, stream) {
  if (err) return console.error(err)

  var peer1 = new Peer({
    initiator: location.hash === '#init',
    trickle: false,
    stream: stream
  })
  var peer2 = new Peer()

  peer1.on('signal', data => {
    // when peer1 has signaling data, give it to peer2 somehow
    socket.emit('offer', data)
      console.log(data)
     socket.on('offer', (data) => peer2.signal(data))
  })

  peer2.on('signal', data => {
    // when peer2 has signaling data, give it to peer1 somehow
    socket.emit('response', data)
    console.log(data)
    socket.on('response', (data) => peer1.signal(data))
  })

  peer2.on('stream', stream => {
    console.log(stream)
    // got remote video stream, now let's show it in a video tag
    var video = document.createElement('video')
    document.body.appendChild(video)

    try {
      video.src = stream;
    } catch (error) {
      video.src = window.URL.createObjectURL(stream);
    }
    video.play()
  })
})