{{#header}} {{>lab1-header}} {{/header}}
<main role="main" class="container">
  <div class="row d-flex justify-content-center">
    <div class="col-lg-8">

      <h1 class="h1 pb-4 mt-5 text-center">
        Vše o útratách a splácení karty
      </h1>

      <div class="card">
        <div class="card-body pt-5 pb-5 pl-5 pr-5 mr-5 ml-5">

          <form class="">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label">Jak máme zasílat výpisy? <span class="required">  </span> </label>
            <div class="dropdown mb-3">
              <div aria-haspopup="true" aria-expanded="false" class="">
                <div class="input-group">
                  <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" 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>

            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label">Splátka kreditní karty se provede vždy k 20. dni v měsíci <span class="required">  </span> </label>
            <div class="dropdown mb-3">
              <div aria-haspopup="true" aria-expanded="false" class="">
                <div class="input-group">
                  <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" 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>

            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label">Z účtu <span class="required">  </span> </label>
            <div class="dropdown mb-3">
              <div aria-haspopup="true" aria-expanded="false" class="">
                <div class="input-group">
                  <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" 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>
          </form>

          <p class="text-secondary mt-5 mb-4">
            Volba „inkaso minimální splátky“ znamená, že každý měsíc ke dni splatnosti odečteme
            (tj. provedeme zápočet) minimální měsíční splátky ze zvoleného účtu. První splátku odečteme 20.10.2017.
            Pokud datum splátky vyjde na víkend, nebo svátek, odečteme splátku předchozí pracovní den.
          </p>

          <div class="row">
            <div class="col-lg-12 text-center">
              {{#button}} {{> atoms-buttons }} {{/button}}
            </div>
          </div>

        </div>
      </div>

    </div>
  </div>
</main>