Address Box Field 

  •         {% include "@Components/fields/address-box-field/address-box-field.twig" with {props: {
  title: "Domů",
  tooltip: "Změnit tuto adresu na hlavní",
  id: 2,
  editable: true,
  contact_person: {
    value: "Tomáš Novák",
    target: "input-contact-person-id"
  },
  address_type: {
    value: "Družstvo",
    target: "address_name"
  },
  company: {
    value: "Jouda a balík",
    target: "input-company-id"
  },
  tel: {
    value: "730123456",
    target: "input-tel-id"
  },
  email: {
    value: "novak.t@email.cz",
    target: "input-email-id"
  },
  street: {
    value: "U Trojice 15",
    target: "input-address-id"
  },
  zip_code: {
    value: "347 68",
    target: "input-zip-id"
  },
  state: {
    value: "Česká republika",
    target: "input-state-id"
  },
  city: {
    value: "Brno",
    target: "input-city-id"
  },
  note: {
    value: "Vchod zastávka",
    target: "input-note-id"
  },
  delete: {
    form: {
      action: "",
      method: "POST",
    },
    submit: {
      label: "Ano smazat"
    },
  },
  edit: {
    form: {
      action: "",
      method: "POST",
    },
    submit: {
      vars: {
        label: "Uložit adresu"
      }
    },
    fields: {
      address_name: {
        vars: {
          label: "Mé pojmenování adresy",
          full_name: "address-name",
          required: true,
          value: "Domů",
        },
      },
      address_type: {
        vars: {
          name: "address-type",
          label: "Typ adresy:",
          options: [
            {
              title: "Družstvo",
              value: "fellowship",
              selected: true
            },
            {
              title: "Hodnota 2",
              value: "value-2",
            },
            {
              title: "Hodnota 3",
              value: "value-3",
            }
          ]
        }
      },
      company: {
        vars: {
          label: "Firma",
          full_name: "company",
          required: true,
          value: "Jouda a balík"
        },
      },
      street: {
        vars: {
          label: "Ulice",
          full_name: "street",
          required: true,
          value: "U Trojice 15"
        },
      },
      zip_code: {
        vars: {
          label: "PSČ",
          full_name: "zip_code",
          required: true,
          value: "347 68"
        },
      },
      city: {
        vars: {
          label: "Město",
          full_name: "city",
          required: true,
          value: "Brno"
        },
      },
      state: {
        vars: {
          label: "Země",
          full_name: "state",
          required: true,
          value: "Česká republika"
        },
      },
      contact_person: {
        vars: {
          label: "Kontaktní osoba",
          full_name: "contact_person",
          value: "Tomáš Novák",
          required: true
        },
      },
      tel: {
        vars: {
          label: "Telefon",
          full_name: "tel",
          type: "tel",
          required: true,
          value: "730123456"
        },
      },
      email: {
        vars: {
          label: "Email",
          full_name: "email",
          type: "email",
          required: true,
          value: "novak.t@email.cz"
        },
      },
      note: {
        vars: {
          label: "Poznámka",
          name: "note",
          value: "Vchod zastávka"
        },
      },
    }
  }
}
} %}

      
  •             
<label class="f-address-box w-100">
  <input class="f-address-box__input" type="radio" id="2">
  <div class="f-address-box__body u-posr u-rounded-3 p-1">
    <div class="f-address-box__content u-posr d-flex gap-1 flex-column py-1 ps-1">
      <div class="d-flex gap-2 align-items-start">
        <span class="f-address-box__visual flex-shrink-0 d-flex align-items-center justify-content-center u-rounded-full u-posr"></span>

                  <div class="f-address-box__tooltip d-none u-tooltip"><span class="u-fw-600">Změnit tuto adresu na hlavní</span></div>
        
        <div class="d-flex flex-column row-gap-1 flex-grow-1">
          <div class="f-address-box__title u-fw-700 d-flex align-items-center">
            Domů
          </div>

          <div class="f-address-box__info u-fz-sm">
            <p class="base-perex  u-fz-14 u-fw-400 u-lh-20 f-address-box__paragraph u-fz-md-14" >
  
          Družstvo<br/>    Jouda a balík<br/>    U Trojice 15<br/>    Brno     347 68<br/>    Česká republika<br/>    Tomáš Novák<br/>    novak.t@email.cz<br/>        <br/>
    Vchod zastávka  
  </p>
          </div>
        </div>
      </div>
    </div>

          <div class="f-address-box__action d-flex flex-row row-gap-2 u-posa">
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs    --icon-only  f-address-box__edit" href='#' data-modal-target="modal-add-address-2">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.186 20.802 7.78 20.8 20.818 7.718l-5.106-5.106a2.463 2.463 0 0 0-3.482 0L8.212 6.63l1.272 1.273 4.018-4.018a.663.663 0 0 1 .937 0l.515.515-11.77 11.835.002 4.567Zm13.041-15.13 2.047 2.048L7.032 19l-2.046.001-.001-2.024L16.227 5.673Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M20.116 4.726 18.008 6.85l1.278 1.268 2.106-2.121v-.001a2.405 2.405 0 0 0-3.403-3.4l-.002.002L15.9 4.702l1.277 1.268 2.088-2.103a.605.605 0 0 1 .859.005m0 0a.605.605 0 0 1-.004.852l-.003.002M3.338 19.415l-1.434 1.412 1.263 1.283 1.434-1.412-1.263-1.283ZM13.512 13.444l-3.164-3.164-1.273 1.273 3.164 3.164 1.273-1.273Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>

          

  <div class="c-modal --size-lg  --hidden" id="modal-add-address-2">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Upravit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              


<form class="base-form --validate f-address-add">
      <div class="row">
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Mé pojmenování adresy
</label>
    
    <input class="f-base f-text__input" type="text" value="Domů" name=address-name required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
          

  <div class="f-single-select d-flex flex-column gap-1 u-posr --native">

      <label class="f-label d-flex align-items-center mb-0 u-fz-md  --active">
  Typ adresy:
</label>
  
  <div class="f-single-select__wrap">
    <select class="f-single-select__select slim-select" name=address-type>
              <option class="" selected value="fellowship"></option>
              <option class="" value="value-2"></option>
              <option class="" value="value-3"></option>
          </select>
  </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Firma
</label>
    
    <input class="f-base f-text__input" type="text" value="Jouda a balík" name=company required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Ulice
</label>
    
    <input class="f-base f-text__input" type="text" value="U Trojice 15" name=street required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  PSČ
</label>
    
    <input class="f-base f-text__input" type="text" value="347 68" name=zip_code required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Město
</label>
    
    <input class="f-base f-text__input" type="text" value="Brno" name=city required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Země
</label>
    
    <input class="f-base f-text__input" type="text" value="Česká republika" name=state required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Kontaktní osoba
</label>
    
    <input class="f-base f-text__input" type="text" value="Tomáš Novák" name=contact_person required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Telefon
</label>
    
    <input class="f-base f-text__input" type="tel" value="730123456" name=tel required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Email
</label>
    
    <input class="f-base f-text__input" type="email" value="novak.t@email.cz" name=email required>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-12 mb-5">
            <div class="f-textarea d-flex flex-column gap-1 u-posr">

      <label class="f-label d-flex align-items-center mb-0 u-fz-md">
  Poznámka
</label>
  
  <div class="f-textarea__wrap d-flex align-items-center u-posr">
    <textarea class="f-base f-textarea__input" name=note>Vchod zastávka</textarea>
    <span class="f-textarea__resize">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3554_63363)"><path fill="#15324F" fill-rule="evenodd" d="M1 13 13 1l-.707-.707-12 12L1 13Zm8 3 7-7-.707-.707-7 7L9 16Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3554_63363"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>    </span>
  </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
      
              <div class="col-sm-6 offset-sm-6">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100" type="submit" aria-label="Uložit adresu">
      <span class="btn__title u-z-index-1">
      Uložit adresu
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M16 2.362v11.614A2.026 2.026 0 0 1 13.976 16H2.024A2.026 2.026 0 0 1 0 13.976V2.024C0 .908.908 0 2.024 0h11.614L16 2.362ZM9.593 4.817H11V1.61H5v3.207h2.984v-2.29h1.609v2.29ZM2.024 14.39h11.952a.415.415 0 0 0 .414-.414V3.029L12.971 1.61h-.362v4.817H3.39V1.61H2.024a.415.415 0 0 0-.414.414v11.952c0 .228.186.414.414.414Zm8.268-1.78H3.44V11h6.852v1.61ZM8.119 10H3.44V8.39h4.679V10Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>
          </div>
  </form>
          </div>

                  <footer class="c-modal__footer d-flex flex-shrink-0 flex-wrap gap-2 align-items-center --center">
                      </footer>
        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
        
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs    --icon-only  f-address-box__delete" href='#' data-modal-target="modal-delete-address-2">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>

          
  <div class="c-modal --size-sm  --hidden" id="modal-delete-address-2">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Odstranit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              <div class="m-delete-address__body d-flex flex-column">

      <div class="m-delete-address__info d-flex flex-column align-items-center row-gap-1 pb-5">
          
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg>      </span>
        <span class="text-center">Opravdu si přejete smazat tuto adresu?</span>
      </div>

      <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100  c-modal__close" aria-label="Zrušit odstranění">
      <span class="btn__title u-z-index-1">
      Zrušit odstranění
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>

      

  
      <form class="base-form  d-flex flex-column gap-2 pt-2" action="" method="POST" name=f-add-address>
            <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100" type="submit" aria-label="Opravdu odstranit">
      <span class="btn__title u-z-index-1">
      Opravdu odstranit
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      </form>
    </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

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