/*
    Ion Pool, a web-based two-player pool game.
    Copyright (C) 2018  Alicia <<email hidden>>

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/
var ctx;
var scale;
var offsetX;
var offsetY;
var cueball;
var myturn=false;
var mycolor=false;
var events={
  'events':{},
  'reset':function(){for(i in this.events){this.events[i]=false;}},
  'trigger':function(name){this.events[name]=true;},
  'check':function(name){return this.events[name];}
};

function endofshot()
{
  for(var i in entities)
  {
    if(entities[i].vx!=0 || entities[i].vy!=0){return;} // Too soon, at least one ball still rolling
  }
  myturn=events.check('Pocket'+mycolor);
  net_sync(!myturn);
}

function placeballs(order)
{
  if(!order)
  {
    // Randomize ball positions within the triangle, for singleplayer
    order=[1,2,3,4,8,5,6,7,9,10,11,12,13,14,15];
    for(var i=0; i<15; ++i)
    {
      // 8ball needs to be in center
      if(i==4){continue;}
      var swap=Math.floor(Math.random()*14);
      if(swap>=4){++swap;}
      var tmp=order[i];
      order[i]=order[swap];
      order[swap]=tmp;
    }
  }
  var i=0;
  for(var y=1; y<=5; ++y)
  {
    for(var x=0; x<y; ++x)
    {
      entities.push(new entity((654-38*(y-x*2))/2, 435-y*35, 38, 38, 'ball', order[i]+'.png', order[i++]));
    }
  }
}

var message='Waiting for player 2';
function init()
{
  var canvas=document.getElementById('display');
  canvas.width=window.innerWidth;
  canvas.height=window.innerHeight-4; // Some browsers add scrollbars unless you have 4 pixels free
  // Add the pool table
  var table=new entity(0,0,0,0, 'table','pooltable.png');
  entities.push(table);
  // Figure out ratios
  var ratio=table.h/table.w;
  // Pick which side to sacrifice space on for ads
  if(canvas.height>canvas.width*ratio) // TODO: Calculate which would actually be closer to the right aspect ratio instead
  {
    canvas.height-=150;
// TODO: Put ad on top
  }else{
    canvas.width-=200;
// TODO: Put ad on side (I guess which side doesn't matter)
  }
  // Set table size, adding some room for the cue
  var tablew=canvas.width*0.8;
  var tableh=canvas.height*0.8;
  // Adjust for screen ratio
  if(tableh>tablew*ratio)
  {
    tableh=tablew*ratio;
  }else{
    tablew=tableh/ratio;
  }
  scale=(tablew+tableh)/(table.img.width+table.img.height);
  offsetX=(canvas.width-tablew)/2;
  offsetY=(canvas.height-tableh)/2;
  // Set up the canvas context
  ctx=canvas.getContext('2d');
  ctx.fillStyle = '#e0e0e0';
  ctx.fillRect(0, 0, canvas.width, canvas.height);
  // Set up balls
  cueball=new entity(table.w/2-19, table.h*3/4-19, 38, 38, 'ball', '0.png', 'cue');
  entities.push(cueball);
  if(!sock){placeballs(false);} // For multiplayer the server places the balls
  // Borders
  entities.push(new entity(110, 0, 435, 68, 'border', false));
  entities.push(new entity(110, table.h-68, 435, 68, 'border', false));
  entities.push(new entity(0, 115, 67, 445, 'border', false));
  entities.push(new entity(table.w-67, 115, 67, 445, 'border', false));
  entities.push(new entity(0, 620, 67, 445, 'border', false));
  entities.push(new entity(table.w-67, 620, 67, 445, 'border', false));
  // Holes
  entities.push(new entity(0, 0, 110, 115, 'hole', false));
  entities.push(new entity(545, 0, 109, 115, 'hole', false));
  entities.push(new entity(0, 560, 67, 60, 'hole', false));
  entities.push(new entity(587, 560, 67, 60, 'hole', false));
  entities.push(new entity(0, 1065, 110, 115, 'hole', false));
  entities.push(new entity(545, 1065, 109, 115, 'hole', false));
  var cue=false;
  var cueX;
  var cueY;
  // Start the frame interval
  setInterval(function()
  {
    ctx.fillStyle = '#e0e0e0';
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    for(var i in entities)
    {
      if(entities[i].out)
      {
        if(entities[i]==cueball){cueball.draw();}
        continue;
      }
      entities[i].move();
      entities[i].draw();
    }
    if(cue)
    {
      var vx=((cueball.x+cueball.w/2)*scale-(cueX-offsetX))/scale/5;
      var vy=((cueball.y+cueball.h/2)*scale-(cueY-offsetY))/scale/5;
      var speed=Math.sqrt(vx**2+vy**2);
      if(speed>50){speed=50;}
      ctx.strokeStyle='rgba(100%,100%,100%,'+(25+speed*1.5)+'%)';
      ctx.lineWidth=10*scale;
      ctx.lineCap='round';
      ctx.beginPath();
      ctx.moveTo(offsetX+(cueball.x+cueball.w/2)*scale, offsetY+(cueball.y+cueball.h/2)*scale);
      ctx.lineTo(cueX, cueY);
      ctx.stroke();
    }
    if(myturn || message!='')
    {
      ctx.font='normal '+(90*scale)+'px Sans';
      ctx.textAlign='center';
      ctx.fillStyle='#000000';
      ctx.fillText(myturn?'Your turn':message, canvas.width/2, (offsetY+90*scale)/2);
    }
  }, 1000/24);
  // Set up inputs
  document.ontouchstart=document.onmousedown=function(e)
  {
    if(!myturn || cueball.out){return;}
    var x=e.pageX;
    var y=e.pageY;
    if(e.touches && e.touches[0]){x=e.touches[0].pageX; y=e.touches[0].pageY;}
    if(cueball.pointColDet((x-offsetX)/scale, (y-offsetY)/scale))
    {
      cue=true;
      cueX=x;
      cueY=y;
    }
  };
  document.ontouchmove=document.onmousemove=function(e)
  {
    if(!myturn){return;}
    var x=e.pageX;
    var y=e.pageY;
    if(e.touches && e.touches[0]){x=e.touches[0].pageX; y=e.touches[0].pageY;}
    cueX=x;
    cueY=y;
    if(cueball.out)
    {
      cueball.x=(x-offsetX)/scale-cueball.w/2;
      cueball.y=(y-offsetY)/scale-cueball.h/2;
    }
  };
  document.ontouchend=document.onmouseup=function(e)
  {
// TODO: Keep this from triggering twice on touchscreens/phones
    if(!myturn){return;}
    var x=e.pageX;
    var y=e.pageY;
    if(!x && !y){x=cueX; y=cueY;}
    if(!x && !y){return;}
    if(cueball.out)
    {
      cueball.x=(x-offsetX)/scale-cueball.w/2;
      cueball.y=(y-offsetY)/scale-cueball.h/2;
      // Don't let the player place the ball inside other balls or outside the table
      for(i in entities)
      {
        if(entities[i]==cueball){continue;}
        if(entities[i].phys=='ball' && cueball.ballColDet(entities[i])){alert('There is already a ball there!'); return;}
        else if(entities[i].phys=='border' && cueball.simpleColDet(entities[i])){alert('The cueball belongs on the table!'); return;}
        else if(entities[i].phys=='table' && !cueball.containingColDet(entities[i])){alert('The cueball belongs on the table!'); return;}
        else if(entities[i].phys=='hole' && cueball.containingColDet(entities[i])){alert('The cueball belongs on the table!'); return;}
      }
// TODO: Rules about where the ball is allowed to be placed
      cueball.out=false;
      // Notify opponent about the placement without giving away our turn
      net_sync(false);
    }
    if(!cue){return;}
    cueball.vx=((cueball.x+cueball.w/2)*scale-(x-offsetX))/scale/5;
    cueball.vy=((cueball.y+cueball.h/2)*scale-(y-offsetY))/scale/5;
    var speed=Math.sqrt(cueball.vx**2+cueball.vy**2);
    // Sanitize speed
    if(speed>50)
    {
      cueball.vy*=50/speed;
      cueball.vx*=50/speed;
    }
    net_cue(cueball);
    cue=false;
    synced=false;
    myturn=false;
    events.reset();
  };
}