import React, { Component } from 'react';
import { FormGroup, ControlLabel, FormControl } from 'react-bootstrap';
import './App.css';

class App extends Component {

  state = {
    isAdmin: false,
  }
  render() {
    return (
      <FormGroup controlId="formControlsSelect">
        <ControlLabel className="labelpadding">Select a Filter: </ControlLabel>
        <FormControl componentClass="select" placeholder="">
          <option value=""></option>
          <option value="MAC">Show MAC</option>
          <option value="IP">Show IP</option>
          <option value="VLAN1">Show VLAN DHCP Leases</option>
          <option value="VLAN2">Show VLAN MAC Addresses</option>
          {this.state.isAdmin ?
            <React.Fragment>
              <option value="ClearFDBMac">Clear Mac</option>
              <option value="ClearVLAN">Clear VLAN</option>
              <option value="ClearIP">Clear DHCP by IP</option>
              <option value="ClearDHCPMAC">Clear DHCP by MAC</option>
            </React.Fragment>
            :
            null
          }
        </FormControl>
      </FormGroup>
    );
  }
}

export default App;