Add address

<div
  x-data="{ more: false }"
  class="flex flex-col gap-3 relative md:p-10 p-4"
>
  <div class="flex flex-row gap-3 w-full">
    <div class="field text required w-full">
      <label class="label" for="name">
        <span>Prénom</span>
      </label>
      <div class="control w-full">
        <input
          name="name"
          class="form-input w-full"
          id="name"
          type="text"
          title="Nom"
        />
      </div>
    </div>
    <div class="field text required w-full">
      <label class="label" for="name">
        <span>Nom</span>
      </label>
      <div class="control w-full">
        <input
          name="name"
          class="form-input w-full"
          id="name"
          type="text"
          title="Nom"
        />
      </div>
    </div>
  </div>
  <div
    @click="more = !more"
    class="cursor-pointer flex flex-row items-center gap-2"
  >
    <span :class="{ 'hidden': more }">
      <?php echo $icons->renderHtml('reduct-minizone', 'text-pink-lighter') ?>
    </span>
    <span :class="{ 'hidden': !more }">
      <?php echo $icons->renderHtml('expand-minizone', 'text-pink-lighter') ?>
    </span>
    <div class="flex flex-row gap-1 md:text-sm text-xs">
      <span :class="{ 'hidden': more }">Ajouter un nom</span
      ><span :class="{ 'hidden': !more }">Nom</span><span>de société</span>
    </div>
  </div>
  <div :class="{ 'hidden': !more }" class="field text required w-full">
    <label class="label hidden" for="name">
      <span>Société</span>
    </label>
    <div class="control w-full">
      <input
        placeholder="Société"
        name="name"
        class="form-input w-full"
        id="name"
        type="text"
        title="Nom"
      />
    </div>
  </div>
  <div class="field country">
    <label class="label" for="country">
      <span>Pays</span>
    </label>
    <div class="control">
      <select name="country_id" id="country" class="form-input">
        <option value=""></option>
        <option value="DE">Allemagne</option>
        <option value="AT">Autriche</option>
      </select>
    </div>
  </div>
  <div class="flex flex-row gap-3 w-full">
    <div class="field text required w-1/3">
      <label class="label" for="name">
        <span>Code postal</span>
      </label>
      <div class="control w-full">
        <input
          name="name"
          class="form-input w-full"
          id="name"
          type="text"
          title="Nom"
        />
      </div>
    </div>
    <div class="field text required w-2/3">
      <label class="label" for="name">
        <span>Ville</span>
      </label>
      <div class="control w-full">
        <input
          name="name"
          class="form-input w-full"
          id="name"
          type="text"
          title="Nom"
        />
      </div>
    </div>
  </div>
  <div class="field text required w-full">
    <label class="label" for="name">
      <span>Votre adresse</span>
    </label>
    <div class="control w-full">
      <input
        name="name"
        class="form-input w-full"
        id="name"
        type="text"
        title="Nom"
      />
    </div>
  </div>
  <div class="field text required w-full">
    <label class="label hidden" for="name">
      <span>Complément d'adresse</span>
    </label>
    <div class="control w-full">
      <input
        name="name"
        placeholder="Complément d'adresse"
        class="form-input w-full"
        id="name"
        type="text"
        title="Nom"
      />
    </div>
  </div>
  <div class="flex flex-col gap-2 py-3">
    <div class="form-input--checkbox">
      <label for="facturation">
        <input
          class="sr-only"
          type="checkbox"
          id="facturation"
          name="facturation"
        />
        <div class="form-input--checkbox__controller"></div>
        <span class="md:text-sm text-xs-lightest"
          >Utiliser comme adresse de facturation par défaut</span
        >
      </label>
    </div>
    <div class="form-input--checkbox">
      <label for="livraison">
        <input
          class="sr-only"
          type="checkbox"
          id="livraison"
          name="livraison"
        />
        <div class="form-input--checkbox__controller"></div>
        <span class="md:text-sm text-xs-lightest"
          >Utiliser comme adresse de livraison par défaut</span
        >
      </label>
    </div>
  </div>
  <button class="btn btn-primary md:py-2.75 py-3 flex justify-center md:text-xs text-xxs" >
    Enregistrer l'adresse
  </button>
</div>