<link rel="import" href="../paper-input/paper-input.html">
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-item/paper-item.html">
<link rel="import" href="../paper-radio-group/paper-radio-group.html">
<link rel="import" href="../paper-radio-button/paper-radio-button.html">
<link rel="import" href="../paper-button/paper-button.html">

<polymer-element name="my-element">

  <template>
    <style>
      #section {
        left: 0px;
        top: 0px;
        position: absolute;
        width: 100%;
        height: 100%;
      }
      #core_card {
        border-radius: 2px;
        box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
        margin: 20px;
        padding: 10px;
        background-color: rgb(255, 255, 255);
      }
    </style>
    <section id="section">
      <core-card id="core_card" layout vertical>
        <h4>Add a Sub-Customer</h4>
        <div id="div">
          <paper-input label="First Name" floatinglabel id="sub_fname"></paper-input>
          <paper-input label="Last Name" floatinglabel id="sub_lname"></paper-input>
          <paper-input label="email" floatinglabel id="sub_email"></paper-input>
        </div>
        <h5>Contact Numbers</h5>
        <div id="div1">
          <paper-input label="Mobile" floatinglabel id="sub_mobile"></paper-input>
          <paper-input label="Home" floatinglabel id="sub_home"></paper-input>
          <paper-input label="Office" floatinglabel id="sub_office"></paper-input>
          <paper-input label="Fax" floatinglabel id="sub_fax"></paper-input>
        </div>
        <h5>Address</h5>
        <div>
          <paper-input label="Address Line 1" floatinglabel id="sub_line1"></paper-input>
          <paper-input label="Address Line 2" floatinglabel id="sub_line2"></paper-input>
          <paper-input label="City/Town" floatinglabel id="sub_city"></paper-input>
          <paper-input label="Postal Code" floatinglabel id="sub_post"></paper-input>
        </div>
        <div>
          <paper-dropdown-menu class="customer_item">
            <paper-dropdown id="sub" class="dropdown">
              <core-menu selected="0" selectedindex="0" id="sub_parish" class="menu">
                <paper-item active>Select a Parish...</paper-item>
                <paper-item>Clarendon</paper-item>
                <paper-item>Hanover</paper-item>
                <paper-item>Kingston and St. Andrew</paper-item>
                <paper-item>Manchester</paper-item>
                <paper-item>Portland</paper-item>
                <paper-item>Trelawny</paper-item>
                <paper-item>St. Ann</paper-item>
                <paper-item>St. Catherine</paper-item>
                <paper-item>St. Elizabeth</paper-item>
                <paper-item>St. James</paper-item>
                <paper-item>St. Mary</paper-item>
                <paper-item>St. Thomas</paper-item>
              </core-menu>
            </paper-dropdown>
          </paper-dropdown-menu>
        </div>
        <div vertical layout>
          <paper-radio-group selected="No" valueattr="label" selectedindex="1" id="sub">
            <div>Is this a Company Account?</div>
            <paper-radio-button checked label="No" id="sub_comp_y" value="No"></paper-radio-button>
            <paper-radio-button label="Yes" id="sub_comp_n" value="Yes"></paper-radio-button>
          </paper-radio-group>
          <paper-input label="Company Name" floatinglabel id="sub_compname"></paper-input>
        </div>
        <section one flex horizontal layout center-justified>
          <div one flex>
            <paper-radio-group selected="No" valueattr="label" selectedindex="2">
              <div>
                <h3>Insurance?</h3>
              </div>
              <paper-radio-button label="Yes" id="sub_ins_y" value="Yes"></paper-radio-button>
              <paper-radio-button checked label="No" id="sub_ins_n" value="No"></paper-radio-button>
            </paper-radio-group>
          </div>
          <div one flex>
            <b>Delivery Location</b>
            <paper-dropdown-menu label="Pickup Branch">
              <paper-dropdown class="dropdown">
                <core-menu selected="0" selectedindex="0" id="sub_branch" class="menu">
                  <paper-item active>Kingston</paper-item>
                  <paper-item>Mandeville</paper-item>
                </core-menu>
              </paper-dropdown>
            </paper-dropdown-menu>
          </div>
        </section>
        <div>
          <paper-button raised class="customer_item" on-tap="{{ reg_sub }}">Add Member</paper-button>
          <paper-button raised class="customer_item" on-tap="{{ close }}">Cancel</paper-button>
        </div>
      </core-card>
    </section>
  </template>

  <script>

    Polymer({

    });

  </script>

</polymer-element>