
<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ě Vaší adresu?</strong></h2>

        <h4 class="h4 pb-3">Adresa trvalého bydliště</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"> Ulice <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Č. popisné / orientační <span class="required">  </span> </label>
             <div class="col-sm-8">

                 <div class="input-group">
                   <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-2 w-75 form-control-sm pr-0 pl-0 text-center rounded" value="lorem ipsum">
                   <span class="pl-2 pr-2">/</span>
                   <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-2 form-control-sm pr-0 pl-0 text-center rounded" value="lorem ipsum">
                 </div>

               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> PSČ <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-3 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Obec / město <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Země <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>

          <h4 class="h4 pb-3">Korespondenční adresa</h4>
          <label class="custom-control custom-checkbox mb-4">
            <input type="checkbox" class="custom-control-input" checked="" name="" value="lorem ipsum">
            <span class="custom-control-indicator"></span>
            <span class="custom-control-description">Korespondenční adresa je odlišná od trvalého bydliště</span>
          </label>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Ulice <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Č. popisné / orientační <span class="required">  </span> </label>
             <div class="col-sm-8">

               <div class="input-group">
                 <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-2 w-75 form-control-sm pr-0 pl-0 text-center rounded" value="lorem ipsum">
                 <span class="pl-2 pr-2"> / </span>
                 <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-2 form-control-sm pr-0 pl-0 text-center rounded" value="lorem ipsum">
               </div>

               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> PSČ <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-3 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Obec / město <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <div class="form-group row">
            <label for="" id="" aria-label="" aria-labelledby="" class="form-control-label col-sm-4 col-form-label"> Země <span class="required">  </span> </label>
             <div class="col-sm-8">
              <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="" class="form-control col-10 form-control-sm" value="lorem ipsum">
               <div class="form-text">
                 lorem ipsum hlaska pod inputem
               </div>
             </div>
          </div>
          <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>
        </form>

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