import React from 'react';
import { Players } from './../api/players';

    export default class AddPlayer extends React.Component {
        handleSubmit(e) {
            let playerName = e.target.playerName.value;
            e.preventDefault();

            if (playerName) {
                e.target.playerName.value = '';
                // players insert
                Players.insert({
                    name: playerName,
                    score: 0   // this.props.score (puntuacion default para insercion de user)
                });
            } // if

        }
        render() {
            return (
                <div>
                    **<form onSubmit={this.handleSubmit.bind(this)}>**
                        <input type="name" name="playerName" placeholder="Introduzca el jugador" />
                        <button>Add Player</button>
                    </form>
                </div>
            );
        }

};