import _Cart from './_Cart.js';
import BaseListItem from './BaseListItem.js';

var BaseBrowser = function(){
return {
view: function(){
var lenses = [];
return m('.base-listing', [
      m('table.table.table-striped', [
        m('thead', [
          m('tr', [
            m('th', 'Base'),
            m('th', 'Add'),
            m('th', 'Material'),
            m('th', 'AR'),
            m('th', 'Photochromatic'),
            m('th', 'Price'),
            m('th', 'Quantity')
            ])
          ]),
        m('tbody', [
          lenses.map(function(lens){
            return m(BaseListItem, {lens: lens});
            }),
          m('tr', [
            m('td.text-center', {colspan: 7}, [
              m('button.btn.btn-primary.btn-lg.btn-block', [
                m('i.icon.icon-plus')
                ])
              ])
            ])
          ])
        ])
      ]);
}
};
}

export default BaseBrowser;