User info form

  •         {% include "@Components/forms/user-info-form/user-info-form.twig" with {props: {
      vars: {
        action: "",
        method: "POST",
        multipart: false,
        id: "user-info-form",
        full_name: "user-info-form"
      },
      fields: {
        user_name: {
          vars: {
            label: "Jméno",
            full_name: "user-name",
            required: true
          },
        },
        user_surname: {
          vars: {
            label: "Příjmení",
            full_name: "user-surname",
            required: true
          },
        },
        user_email: {
          vars: {
            label: "E-mail",
            full_name: "user-email",
            required: true,
            type: "email"
          },
        },
        user_tel: {
          vars: {
            label: "Telefon",
            full_name: "user-tel",
            required: true,
            type: "tel"
          },
        },
        user_role: {
          vars: {
            label: "Role",
            full_name: "user-role"
          },
        },
        company_type: {
          vars: {
            name: "address-type",
            label: "Typ subjektu",
            options: [
              {
                title: "Podnikatel",
                value: "entrepreneur",
                selected: true
              },
              {
                title: "Hodnota 2",
                value: "value-2",
              },
              {
                title: "Hodnota 3",
                value: "value-3",
              }
            ]
          }
        },
        company: {
          vars: {
            label: "Firma",
            full_name: "company",
            required: true
          },
        },
        street: {
          vars: {
            label: "Ulice",
            full_name: "street",
            required: true
          },
        },
        zip_code: {
          vars: {
            label: "PSČ",
            full_name: "zip_code",
            required: true
          },
        },
        city: {
          vars: {
            label: "Město",
            full_name: "city",
            required: true
          },
        },
        state: {
          vars: {
            label: "Země",
            full_name: "state",
            required: true
          },
        },
        vat_id: {
          vars: {
            label: "IČ",
            full_name: "vat_id",
            required: true
          },
          statuses: {
            error: "IČO je nevalidní",
          },
        },
        tax_id: {
          vars: {
            label: "DIČ",
            full_name: "tax_id",
            required: true
          },
        },
        iban: {
          vars: {
            label: "Číslo účtu / IBAN",
            full_name: "iban"
          },
        },
        swif_code: {
          vars: {
            label: "Kód banky / SWIFT",
            full_name: "swif_code"
          },
        },
        invoice_email: {
          vars: {
            label: "Fakturační e-mail",
            full_name: "invoice_email",
            type: "email",
            required: true
          },
        },
        website: {
          vars: {
            label: "Web",
            full_name: "website"
          },
        },
        pricelist_type: {
          vars: {
            name: "pricelist-type",
            label: "Typ ceníku",
            options: [
              {
                title: "Základní",
                value: "basic",
                selected: true
              },
              {
                title: "Hodnota 2",
                value: "value-2",
              },
              {
                title: "Hodnota 3",
                value: "value-3",
              }
            ]
          }
        },
        currency: {
          vars: {
            name: "currency",
            label: "Měna",
            options: [
              {
                title: "Česká koruna",
                value: "czk",
                selected: true
              },
              {
                title: "Euro",
                value: "euro",
              },
              {
                title: "Hodnota 3",
                value: "value-3",
              }
            ]
          }
        },
        payment: {
          vars: {
            name: "payment",
            label: "Forma úhrady",
            options: [
              {
                title: "Faktúra",
                value: "invoice",
                selected: true
              },
              {
                title: "Hodnota 2",
                value: "value-2",
              },
              {
                title: "Hodnota 3",
                value: "value-3",
              }
            ]
          }
        },
        gdpr: {
          vars: {
              label: "Odesláním souhlasím se zpracováním <a href='#' class='u-fw-700 u-color-conversion'>osobních údajů</a>.",
              full_name: "gdpr",
              id: "auth_user_form_gdpr",
              required: true
            }
        },
        marketing: {
          vars: {
              label: "Souhlas s marketingem",
              full_name: "marketing",
              id: "marketing"
            }
        },
        newsletter: {
          vars: {
              label: "Přihlašení k odběru newsletteru",
              full_name: "newsletter",
              id: "newsletter"
            }
        },
      },
      submit: {
        vars: {
          label: "Uložit změny",
          full_name: "address-submit"
        }
      },
      _token: {
        vars: {
          value: "",
          full_name: "address[_token]",
          id: "address[_token]"
        }
      }
    }} %}
    
          
  •           
    
    
          <form class="base-form --validate f-user-info" id="user-info-form" action="" method="POST">
          <div class="row">
          <div class="col-12">
            <h2 class="u-h3 mb-5">Osobní údaje</h2>
          </div>
          
          
          
          
          
          <div class="col-12">
            <h2 class="u-h3 my-5">Firma/fakturační adresa</h2>
          </div>
    
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          <div class="col-12 mb-2"></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       address-submit --full-width w-100" type="submit" aria-label="Uložit změny" name=address-submit>
          <span class="btn__title u-z-index-1">
          Uložit změny
        </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>