$(document).ready(function() {
    var board_o = new board(10, 10, 15);

    $("#start").click(function(){
        $("#splash").hide();
        $("#boardsection").show();

        board_o.initiate();
        $("#board").replaceWith(board_o.draw());

        $(".cell").on("click", function(){
            $(this).replaceWith(board_o.flip($(this).attr('id')));
        });
    });
});

var cell = function (x, y){
    this.pos=[x, y];
    this.state="covered";
    this.mine=false;
    this.neighbours=0;
};

var board = function (sizex, sizey, mines){
    this.size=[sizex, sizey];
    this.mines=mines;
    this.cell_o=[];

    this.initiate = function(){
        for (i=0; i<this.size[0]; i++){
            this.cell_o[i]=[];
            for(j=0; j<this.size[1]; j++){
                this.cell_o[i][j]=new cell(i,j);
            }
        }
        this.placeMines();
        this.countNeighbours();
        this.uncovered=0;
    };

    this.draw = function(){
        var web_string="<div id='board'>";
        for (j=0; j<this.size[1]; j++){
            web_string = web_string + "<div class='row'>";
            for (i=0; i<this.size[0]; i++){
                web_string = web_string + "<img class='cell' id='" + i + "_" + j + "' src='/static/apps/mine_coder/media/"+this.cell_o[i][j].state+".png'>";
            }
            web_string=web_string + "</div>";
        }
        return web_string + "</div>";
    };

    this.convertId = function(my_id){
        return (my_id.split("_"));
    };

    this.flip = function(my_id){
        var pos=my_id.split("_");
        var x=parseInt(pos[0]); var y=parseInt(pos[1]);

        if (this.cell_o[x][y].mine) {
            this.cell_o[x][y].state="explosion_uncovered";
            this.showBoard(x,y);
        }

        else {
            this.cell_o[x][y].state=this.cell_o[x][y].neighbours + "_uncovered";
            this.uncovered++;
            if(this.uncovered==(this.size[0]*this.size[1])-this.mines){
                  this.showBoard(this.size[0], this.size[1]);
                  alert("You won!")
            }
        }
        return ("<img class='cell' id='" + my_id + "'  src='/static/apps/mine_coder/media/      "+this.cell_o[x][y].state+".png'>");
    };


    this.showBoard = function(x,y){
        for (i=0; i<this.size[0]; i++){
            for (j=0; j<this.size[1]; j++){
                if(i!=x || j!=y){
                    this.cell_o[i][j].state=this.cell_o[i][j].neighbours + "_uncovered";
                    if (this.cell_o[i][j].mine){this.cell_o[i][j].state="mine_uncovered";}
                }
            }
        }
        $("#board").replaceWith(this.draw());
        $("#splash").show();
    };

    this.placeMines = function(){
        for (i=0; i<this.mines; i++){
            x=Math.ceil((Math.random()*this.size[0]-1));
            y=Math.ceil((Math.random()*this.size[1]-1));
            if (this.cell_o[x][y].mine===false) {this.cell_o[x][y].mine=true;}
        }
    };

    // Count number of neighbouring mines
    this.countNeighbours = function(){
        for (i=0; i<this.size[0]; i++){
          for (j=0; j<this.size[1]; j++){
            if (this.cell_o[i][j].mine===false){
              for(m=i-1; m<i+2; m++){
                for(n=j-1; n<j+2; n++){
                  if (m>-1 && n>-1 && m<this.size[0] && n<this.size[1] && !(m==i && n==j)){
                      if (this.cell_o[m][n].mine){this.cell_o[i][j].neighbours++;}
                  }
                }
              }
            }
          }
        }
    };
};