
<div class="flexi-container">
{{#header}}{{>oldIbFlexi-flexi-header}} {{/header}}
  <div class="modl">
    <div class="card card-body">
      <div class="row">
      <div class="col-lg-3 pl-4">
        {{#stepper}} {{>organism-stepper}} {{/stepper}}
      </div>
      <div class="col-lg-9 pr-5">
        <h2 class="h2"><strong>Nastavte si kontokorent pro svůj účet</strong></h2>
        <form class="" action="index.html" method="post">
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-4 col-form-label"> Běžný účet<span class="required"> </span> </label>
            <div class="dropdown">

              <div aria-haspopup="true" aria-expanded="false" class="">
                <div class="input-group">
                  <!-- input  -->
                  <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Select item ..." class="form-control form-control-sm" value="">
                  <!-- endif input -->

                  <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 icon--sm"></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>
              </div>

            </div>
            <div class="form-text offset-4">

            </div>

          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-4 col-form-label"> Výše kontokorentu <span class="required"> </span> </label>
            <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="0" class="form-control form-control-sm text-right col-2" value="30 000">
            <div class="input-group-append">
              <span class="input-group-text__after">Kč</span>
            </div>
            <div class="form-text offset-4">
              Max 100 000 Kč
            </div>

          </div>

        </form>

        <table class="table table-striped">
          <tbody>
            <tr>
              <td class="pl-4">Poplatek za sjednání</td>
              <td class="text-right text-success pr-4">0 Kč</td>
            </tr>
            <tr>
              <td class="pl-4">Poplatek za vedení</td>
              <td class="text-right text-success pr-4">0 Kč</td>
            </tr>
            <tr>
              <td class="pl-4">Měsíční poplatek za čerpání</td>
              <td class="text-right text-success pr-4">0 Kč</td>
            </tr>
          </tbody>
        </table>
        <div class="card card-body mb-4 card--bg__gray text-center">
          <p class="text-primary pb-1"><strong>Kolik při čerpání kontokorentu zaplatíte?</strong></p>
          <p class="text-secondary pb-0">
            Např. pokud vyčerpáte úvěr 30 000 Kč v plné výši po dobu 3 měsíců, roční úroková sazba bude 21,99 %,
            poplatek za čerpání 0 Kč, RPSN 27,21 % a celková splatná částka 31 824 Kč.
          </p>
        </div>

        <button type="button" name="button" class="btn btn-secondary">Zpět na přehled zůstatků</button>
        <button type="button" name="button" class="btn btn-primary float-right">Pokračovat</button>

        <h2 class="h2 mt-5 pb-3">Výhody kontokorentu</h2>
        <ul class="list-group flexi-list-group">
          <li class="list-group-item mb-2 pl-0">
            <strong>Plně online a po sjednání za chvíli aktivní</strong> – v pracovní době ihned, navštívíte nás, jen když to bude nutné
          </li>
          <li class="list-group-item mb-2 pl-0">
            <strong>Splácí se automaticky příchozími platbami </strong>– a pokud potřebujete, hned
            zase můžete využít
          </li>
          <li class="list-group-item mb-2 pl-0">
            <strong>Úrok platíte, jen když rezervu čerpáte</strong>
          </li>
          <li class="list-group-item mb-2 pl-0">
            <strong>Zřízení, vedení i zrušení zdarma</strong> – sami se můžete rozhodnout, kdy
            kontokorent přestanete využívat, nebo jej zcela zrušíte.
          </li>
          <li class="list-group-item mb-2 pl-0">
            <strong>Pro využití kontokotentu stačí, když Vám na účet měsíčně dorazí alespoň 15 000 Kč</strong>
            – do této částky se nezapočítávají převody z jakéhokoliv Vašeho účtu vedeného u nás, včetně spořícího účtu nebo podnik. účtů, převody z vnitřních účtů a příjem z kreditních úroků z prostředků na Vašich účtech.
          </li>
          <li class="list-group-item mb-2 pl-0">
            <strong>Abychom Vám pomohli ochránit se před nepovoleným přečerpáním,</strong>
            budeme posledních 500 Kč Vašeho kontokorentu držet jako rezervu.
          </li>
        </ul>

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