'use strict';

// Deck class represents multiple cards.
// Can be arranged in multiple ways.
// Decks work as FIFO
class Deck {
    
    cards = [];
    inf = false;
    smode = "";
    sct = 0;
    x = 0;
    y = 0;
    e = null;

    constructor(options = {mode: "stack", smode: "one", sct: 0, pos: [0, 0]})
    {
        // View mode
        //  infdraw - infinite draw. always appears as if there are multiple cards
        //  stack - stack mode
        //  strip
        //      horizontal
        //          left (strip-hl)
        //          right (strip-hr)
        //      vertical
        //          up (strip-vu)
        //          down (strip-vd)
        this.inf = options.mode == "infdraw";

        // Select mode - controls what other cards are selected when one card is selected
        //  above - selectes cards above the selected one
        //  below - selects cards below the selected one
        //  around - selects cards above and below
        //  one - selects only card chosen
        //  all - selects all cards when card selected
        this.smode = options.smode;
        
        // Select count (negative defaults to 0)
        //  above - controls number of cards above clicked are selected
        //  below - controls number of cards below clicked are selected
        //  around
        //      number - number above and below selected
        //      array - [first number: number above selected] [second number: number below selected]
        //  one - no effect
        //  all - no effect
        this.sct = options.sct > 0 ? options.sct : 0;
        
        // Position
        //  array of where the deck is centered
        this.x = options.pos[0];
        this.y = options.pos[1];
        
        this.e = document.createElement("deck");
        this.e.style.left = this.x + "px";
        this.e.style.top = this.y + "px";
        this.e.setAttribute("mode", options.mode);
    }

    updatePos()
    {
        let len = this.cards.length - 1;
        for(let i in this.cards)
            this.cards[i].setPos(len-i);
        this.updateCount();
    }

    appendCard(card)
    {
        this.cards.push(card);
        this.e.appendChild(card.e);
        this.updatePos();
        
    }

    prependCard(card)
    {
        this.cards.unshift(card);
        this.e.prepend(card.e);
        card.setPos(this.cards.length - 1);
        this.updateCount();
    }

    addCardAt(card, index)
    {
        if(index < 0 || index > this.cards.length)
            return
        
        if(index == 0) {
            this.prependCard(card);
        } else if (index == this.cards.length) {
            this.appendCard(card);
        } else {
            let temp = this.cards.slice(0, index);
            temp[temp.length - 1].e.after(card.e);
            temp.push(card);
            this.cards.unshift(...temp);
            this.updatePos();
        }
    }

    swapCards(index1, index2)
    {
        if(index1 < 0 || index1 >= this.cards.length || index2 < 0 || index2 >= this.cards.length)
            return
        
        var temp = this.cards[index1]
        this.cards[index1] = this.cards[index2];
        this.cards[index2] = temp;

        this.cards[index1 - 1].e.after(this.cards[index1]);
        this.cards[index2 - 1].e.after(this.cards[index2]);
    }

    removeCard(index)
    {
        if(index < 0 || index >= this.cards.length)
            return

        this.e.removeChild(this.cards[index].e);
        let c = this.cards.splice(index, 1)[0];

        this.updatePos();
        return c;
    }

    removeFront()
    {
        return this.removeCard(this.cards.length - 1);
    }

    removeBack()
    {
        return this.removeCard(0);
    }

    updateCount ()
    {
        this.e.style.setProperty("--ccount", this.cards.length - 1);
    }

    isInside(x, y)
    {
        var rect = this.e.getBoundingClientRect();
        return (x > rect.left && x < rect.right && y > rect.top && y < rect.bottom)
    }
}