var ScheduleRow = React.createClass ({
    getInitialState: function() {
        return {
            enabled: false
        };
    },

    onOffClick: function() {
        e.preventDefault();
        console.log("хуй!");
        this.setState({visible: false});
    },

    render: function () {

        var day = this.props.data.day,
            working = this.props.data.working,
            workingData;

        if(working) {
            workingData =  <div className="schedule-day">
                <div className="col-md-5 col-sm-12">
                    <h3>{day}</h3>
                    <div className="row">
                        <input type="checkbox" data-toggle="toggle" data-width="60" data-height="34" className="col-xs-3" onChange={this.onOffClick}/>
                        <div className="dropdown col-xs-4">
                            <button className="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">10:00 AM
                                <span className="caret"></span>
                            </button>
                            <ul className="dropdown-menu">
                                <li><a href="#">10:00 AM</a></li>
                                <li><a href="#">11:00 AM</a></li>
                                <li><a href="#">12:00 AM</a></li>
                            </ul>
                        </div>
                        <div className="col-xs-1"> - </div>
                        <div className="dropdown col-xs-4">
                            <button className="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">10:00 AM
                                <span className="caret"></span>
                            </button>
                            <ul className="dropdown-menu">
                                <li><a href="#">10:00 AM</a></li>
                                <li><a href="#">11:00 AM</a></li>
                                <li><a href="#">12:00 AM</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div className="col-md-7 col-sm-12">
                    <h3>Address</h3>
                    <div className="dropdown">
                        <button className="btn btn-default dropdown-toggle form-control" type="button" data-toggle="dropdown">On location
                            <span className="caret"></span>
                        </button>
                        <ul className="dropdown-menu">
                            <li><a href="#">On location</a></li>
                        </ul>
                    </div>
                </div>
            </div>;
        } else {
            workingData =  <div className="schedule-day">
                <div className="col-sm-12">
                    <h3>{day}</h3>
                    <div className="row">
                        <input type="checkbox" data-toggle="toggle" data-size="normal" data-width="60" data-height="34" className="col-xs-3"/>
                        <div className="col-xs-9">Day off</div>
                    </div>
                </div>
            </div>;
        }

        return (
            <div>
                {workingData}
            </div>
        );
    }
});