{{#header}}{{>hypolab-hypo-menu}}{{/header}}
<div class="container">
  {{#breadcrumb}} {{>hypolab-hypo-drobeckova}} {{/breadcrumb}}
</div>
<main role="main" class="d-flex">
  <div class="container align-self-center">
    <div class="row justify-content-center">
      <div class="col-lg-5">
        <div class="card card-body">
          <h1 class="h4 text-center">Klient</h1>
          <div class="line mb-4"></div>
          <div class="row">
            <div class="col-lg-6">
              <div class="form-group">
                <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Jméno <span class="required"> </span> </label>
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Placeholder" class="form-control " value="">
              </div>
            </div>
            <div class="col-lg-6">
              <div class="form-group">
                <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Příjmení <span class="required"> </span> </label>
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Placeholder" class="form-control " value="">
              </div>
            </div>
            <div class="col-lg-12">
              <div class="form-group">
                <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">E-mail <span class="required"> </span> </label>
                <input type="email" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Placeholder" class="form-control " value="">
              </div>
            </div>
            <div class="col-lg-12">
              <div class="form-group">
                <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Telefon <span class="required"> </span> </label>
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Placeholder" class="form-control " value="">
              </div>
            </div>
          </div>
          <div class="line mt-4 mb-4"></div>
          <div class="row">
            <div class="col-lg-12">

              <div class="dropdown mb-3">
                <div aria-haspopup="true" aria-expanded="false" class="">
                  <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Produkt<span class="required"> </span> </label>
                  <div class="input-group">
                    <input type="text" aria-labelledby="" aria-required="true" id="" name="input" placeholder="Select item ..." class="form-control " value="">
                    <div class="input-group-btn">
                      <button type="button" name="button" class="btn btn-primary btn-sm p-2 btn-no-shadow"> <i class="icon icon--arr-down"></i> </button>
                    </div>
                  </div>
                </div>
                <div aria-hidden="true" class="dropdown-menu" role="menu" tabindex="-1" style="width: 100%; overflow-y: scroll; height: 110px;">
                  <button class="dropdown-item" tabindex="0" type="button">Dan</button>
                  <button class="dropdown-item" tabindex="0" type="button">Vlada</button>
                </div>
              </div>

            </div>
            <div class="col-lg-12">
              <div class="form-group">
                <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Výše úvěru <span class="required"> </span> </label>
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Placeholder" class="form-control " value="">
              </div>
            </div>
          </div>
          <div class="line mt-4 mb-4"></div>
          <div class="row">
            <div class="col-lg-12">
              <div class="dropdown mb-3">
                <div aria-haspopup="true" aria-expanded="false" class="">
                  <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Region<span class="required"> </span> </label>
                  <div class="input-group">
                    <input type="text" aria-labelledby="" aria-required="true" id="" name="input" placeholder="Select item ..." class="form-control " value="">
                    <div class="input-group-btn">
                      <button type="button" name="button" class="btn btn-primary btn-sm p-2 btn-no-shadow"> <i class="icon icon--arr-down"></i> </button>
                    </div>
                  </div>
                </div>
                <div aria-hidden="true" class="dropdown-menu" role="menu" tabindex="-1" style="width: 100%; overflow-y: scroll; height: 110px;">
                  <button class="dropdown-item" tabindex="0" type="button">Dan</button>
                  <button class="dropdown-item" tabindex="0" type="button">Vlada</button>
                </div>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="dropdown mb-3">
                <div aria-haspopup="true" aria-expanded="false" class="">
                  <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Pobočka<span class="required"> </span> </label>
                  <div class="input-group">
                    <input type="text" aria-labelledby="" aria-required="true" id="" name="input" placeholder="Select item ..." class="form-control " value="">
                    <div class="input-group-btn">
                      <button type="button" name="button" class="btn btn-primary btn-sm p-2 btn-no-shadow"> <i class="icon icon--arr-down"></i> </button>
                    </div>
                  </div>
                </div>
                <div aria-hidden="true" class="dropdown-menu" role="menu" tabindex="-1" style="width: 100%; overflow-y: scroll; height: 110px;">
                  <button class="dropdown-item" tabindex="0" type="button">Dan</button>
                  <button class="dropdown-item" tabindex="0" type="button">Vlada</button>
                </div>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="dropdown mb-3">
                <div aria-haspopup="true" aria-expanded="false" class="">
                  <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Hypotéční bankéř<span class="required"> </span> </label>
                  <div class="input-group">
                    <input type="text" aria-labelledby="" aria-required="true" id="" name="input" placeholder="Select item ..." class="form-control " value="">
                    <div class="input-group-btn">
                      <button type="button" name="button" class="btn btn-primary btn-sm p-2 btn-no-shadow"> <i class="icon icon--arr-down"></i> </button>
                    </div>
                  </div>
                </div>
                <div aria-hidden="true" class="dropdown-menu" role="menu" tabindex="-1" style="width: 100%; overflow-y: scroll; height: 110px;">
                  <button class="dropdown-item" tabindex="0" type="button">Dan</button>
                  <button class="dropdown-item" tabindex="0" type="button">Vlada</button>
                </div>
              </div>
            </div>
          </div>
          <div class="line mb-4 mt-4"></div>
          <div class="row">
            <div class="col-lg-12">
              <div class="form-group">
                <label for="" class="form-control-label">textarea</label>
                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
              </div>
            </div>
          </div>
          <div class="line mt-4 mb-4"></div>
          <div class="row">
            <div class="col-lg-12">
              <label class="custom-control custom-checkbox mb-5">
                <input type="checkbox" class="custom-control-input"  name="" value="">
                <span class="custom-control-indicator"></span>
                <span class="custom-control-description">Klient souhlasí s předáním a zpracováním osobních údajů podle zákona č. 101/2000 Sb.</span>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-12">
              <button type="button" class="btn btn-primary btn-block" aria-label="">Přihlásit</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>