content: import React from 'react';
  import Container from 'common/Container';
  
  export default class Home extends React.Component {
      constructor() {
          super();
      }
  
      renderBoxContainer() {
          let numberOfRows = 10;
          let key = 0;
          let boxContainers = [];
          let selectedBoxes = [1, 34, 65, 67, 97];
  
          while(numberOfRows--) {
              let rowNumber = numberOfRows;
              boxContainers.push(
                  <div className='boxes-container' key={key++}>
                      {this.renderBoxes(rowNumber, selectedBoxes)}
                  </div>
              );
          }
  
          return boxContainers.reverse();
      }
  
      renderBoxes(rowNumber, selectedBoxes) {
          let numberOfBoxes = 10;
          let key = 0;
          let boxes = [];
  
          while(numberOfBoxes--) {
              let columnNumber = numberOfBoxes;
              let boxNumber = parseInt(`${rowNumber}${columnNumber}`) + 1;
  
              boxes.push(
                  <div
                      className={selectedBoxes.indexOf(boxNumber) === -1 ? 'box' : 'box-sold'}
                      data-boxnumber={boxNumber}
                      key={key++}>
                      {boxNumber}
                  </div>
              );
          }
  
          return boxes.reverse();
      }
  
      render() {
          return (
              <Container page='collection'>
                  <div className='row'>
                      <div className='col l2 hide-on-med-and-down'>
                          &nbsp;
                          {/*<img width='100%' height='450' src={require('assets/model-m.png')} alt='' />*/}
                      </div>
                      <div className='col s12 offset-l1 l6'>
                          {this.renderBoxContainer()}
                      </div>
                      <div className='col l2 offset-l1 hide-on-med-and-down'>
                          &nbsp;
                          {/*<img width='100%' height='450' src={require('assets/model-w.png')} className='right' alt='' />*/}
                      </div>
                  </div>
              </Container>
          );
      }
  }
  