import {CFG as config} from '../config.js'

export class CardClass extends Phaser.GameObjects.GameObject{

        constructor(scene, type, params, data) {
                super(scene, type)

                let w = params.width
                let h = params.height

                this.container = scene.add.container(w,h).setVisible(0)
                this.rt = scene.add.renderTexture(0,0,w,h)

                this.isFaceUp   = params.isFaceUp

                // make containers for front/back of card
                this.front              = this.makeFace(params)
                this.back               = this.makeFace(params, false)

                this.front.setVisible(0)
                this.back.setVisible(0)

                this.container.add([this.front, this.back])

                // info button, flips the card. not yet implemented!
                // this.info_button = scene.add.button()
                // this.info_button.on('mouseDown', flip, this)

                this.update()

                scene.sys.displayList.add(this.front)
                scene.sys.updateList.add(this.back)
        }

        this.update(){
                if (this.isFaceUp) {
                        this.container.remove(this.back)
                } else {
                        this.container.add(this.back)
                }
                this.rt.clear()
                this.rt.draw(container)
        }

        flip(){
                this.isFaceUp ^= 1 // toggle
                // animation stuff here
                this.update()
        }

        setFaceUp(){
                if (this.isFaceUp)
                        return
                this.flip()
        }

        setFaceDown(){
                if ( !(this.isFaceUp) )
                        return
                this.flip()
        }

        makeFace(params, data, isFront=true){
                // returns a rt
                let w = params.width
                let h = params.height
                let container = this.scene.add.container(w,h)
                container.setVisible(0)

                let upper = this.scene.add.graphics(w,h)
                let lower = this.scene.add.graphics(w,h)

                let face_params = params[ isFront ? 'front' : 'back']

                upper.fillStyle(face_params.upper.color, 1)
                upper.fillRoundedRect(
                        face_params.upper.origin.x * w,
                        face_params.upper.origin.y * h,
                        face_params.upper.dimensions.x * w,
                        face_params.upper.dimensions.y * h,
                        face_params.upper.corners
                )

                lower.fillStyle(face_params.lower.color, 1)
                lower.fillRoundedRect(
                        face_params.lower.origin.x * w,
                        face_params.lower.origin.y * h,
                        face_params.lower.dimensions.x * w,
                        face_params.lower.dimensions.y * h,
                        face_params.lower.corners
                )

                container.add([upper, lower])

                // more stuff to parse the data to place image/text on card face here...

                let rt = this.scene.add.renderTexture(0,0, w, h)


                rt.draw(container)
                container.destroy()

                return rt
        }
}