
<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>Máme správně údaje o Vašich příjmech?</strong></h2>

          <h4 class="h4 pb-3">Hlavní zdroj příjmu</h4>
          <form class="" action="" method="">
            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Pracovní poměr <span class="required">  </span> </label>
               <div class="col-sm-8">
                 <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="Select item ..." class="form-control form-control-sm" 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 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">

                 </div>
                 <label class="custom-control custom-checkbox mb-3">
                  <input type="checkbox" class="custom-control-input" name="" value="">
                  <span class="custom-control-indicator"></span>
                  <span class="custom-control-description">Jsem ve zkušební době</span>
                </label>
                <label class="custom-control custom-checkbox">
                  <input type="checkbox" class="custom-control-input" name="" value="">
                  <span class="custom-control-indicator"></span>
                  <span class="custom-control-description">Jsem ve výpovědní době</span>
                </label>
               </div>
            </div>

            <h4 class="h4 pb-3">Zaměstnavatel</h4>

            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-6 col-form-label"> Název zaměstnavatele <span class="required">  </span> </label>
               <div class="col-sm-6">
                 <div class="input-group">
                   <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Začněte psát" class="form-control col-10 form-control-sm" value="">
                 </div>
                 <div class="form-text">
                 </div>
               </div>
            </div>
            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-6 col-form-label"> IČ <span class="required">  </span> </label>
               <div class="col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="">
                 <div class="form-text">
                 </div>
               </div>
            </div>
            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-6 col-form-label"> Ulice <span class="required">  </span> </label>
               <div class="col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="">
                 <div class="form-text">
                 </div>
               </div>
            </div>
            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-6 col-form-label"> Č. popisné / orientační <span class="required">  </span> </label>
               <div class="col-sm-6">
                 <div class="input-group">
                   <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-3 form-control-sm rounded" value="">
                    <span class="pl-2 pr-2"> / </span>
                   <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-3 form-control-sm rounded" value="">
                 </div>
               <div class="form-text">
               </div>
             </div>
            </div>
            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-6 col-form-label"> PSČ <span class="required">  </span> </label>
               <div class="col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="">
                 <div class="form-text">
                 </div>
               </div>
            </div>
            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-6 col-form-label"> Obec / Město <span class="required">  </span> </label>
               <div class="col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="">
                 <div class="form-text">
                 </div>
               </div>
            </div>
            <div class="form-group row">
              <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-6 col-form-label"> Země <span class="required">  </span> </label>
               <div class="col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="">
                 <div class="form-text">
                 </div>
               </div>
            </div>

            <h4 class="h4 pb-3">Příjmy a výdaje</h4>

            <div class="form-group row">
              <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label col-sm-6"> Čistý měsíční příjem <span class="required"> </span>
                <button href="#" class="moneta-popover" data-container="body" data-toggle="popover" data-placement="top" data-content="">
                  <i class="icon icon--info ml-1 icon-va-sub"></i>
                </button>
              </label>
              <div class="input-group col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="0" class="form-control form-control-sm mr-2 col-sm-6 rounded text-right" value="">
                <div class="input-group-append">
                  <span class="input-group-text__after">Kč</span>
                </div>
              </div>
            </div>

            <div class="form-group row">
              <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label col-sm-6"> Čistý měsíční příjem domácnosti <span class="required"> </span>
                <button href="#" class="moneta-popover" data-container="body" data-toggle="popover" data-placement="top" data-content="">
                  <i class="icon icon--info ml-1 icon-va-sub"></i>
                </button>
              </label>
              <div class="input-group col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="0" class="form-control form-control-sm mr-2 col-sm-6 rounded text-right" value="">
                <div class="input-group-append">
                  <span class="input-group-text__after">Kč</span>
                </div>
              </div>
            </div>

            <div class="form-group row">
              <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label col-sm-6"> Měsíční splátka mimo MMB <span class="required"> </span>
                <button href="#" class="moneta-popover" data-container="body" data-toggle="popover" data-placement="top" data-content="">
                  <i class="icon icon--info ml-1 icon-va-sub"></i>
                </button>
              </label>
              <div class="input-group col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="0" class="form-control form-control-sm mr-2 col-sm-6 rounded text-right" value="">
                <div class="input-group-append">
                  <span class="input-group-text__after">Kč</span>
                </div>
              </div>
            </div>

            <div class="form-group row">
              <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label col-sm-6"> Ostatní nestandardní měsíční výdaje <span class="required"> </span>
                <button href="#" class="moneta-popover" data-container="body" data-toggle="popover" data-placement="top" data-content="">
                  <i class="icon icon--info ml-1 icon-va-sub"></i>
                </button>
              </label>
              <div class="input-group col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="0" class="form-control form-control-sm mr-2 col-sm-6 rounded text-right" value="">

                <div class="input-group-append">
                  <span class="input-group-text__after">Kč</span>

                </div>
              </div>

            </div>

            <div class="form-group row">
              <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label col-sm-6"> Srážka ze mzdy<span class="required"> </span>
                <button href="#" class="moneta-popover" data-container="body" data-toggle="popover" data-placement="top" data-content="">
                  <i class="icon icon--info ml-1 icon-va-sub"></i>
                </button>
              </label>
              <div class="input-group col-sm-6">
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="0" class="form-control form-control-sm mr-2 col-sm-6 rounded text-right" value="">
                <div class="input-group-append">
                  <span class="input-group-text__after">Kč</span>
                </div>
              </div>
            </div>

            <div class="form-group row">
              <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label col-sm-6"> Počet vyživovaných osob <span class="required"> </span>
                <button href="#" class="moneta-popover" data-container="body" data-toggle="popover" data-placement="top" data-content="">
                  <i class="icon icon--info ml-1 icon-va-sub"></i>
                </button>
              </label>
              <div class="input-group col-sm-6">
                <div class="input-group-append">
                  <span class="input-group-text__before">Já +</span>
                </div>
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="0" class="form-control form-control-sm ml-1 col-sm-6 rounded text-right" value="">
              </div>
            </div>

            <div class="card card-body pr-0 pl-0">
              <div class="row">
                <div class="col-lg-12">
                  <button type="button" class="btn btn-secondary" name="button">Zpět</button>
                  <button type="button" class="btn btn-primary float-right" name="button">Potvrdit</button>
                </div>
              </div>
            </div>
          </form>

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