<turbo-stream action="append" target="shop-security"><template>
  <div data-controller="single-modal" data-auto-open="true" data-destroy-on-close="true" class="modal fade show" id="shop-abuse-report-modal" tabindex="-1" role="dialog" aria-labelledby="shop-abuse-report-modal-label" aria-hidden="false">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
      <div class="modal-content text-dark border-0">
        <div class="modal-header border-0 pb-0">
          <h5 class="modal-title" id="shop-abuse-report-modal-label">Reportar abús</h5>
          <button type="button" class="close" data-action="single-modal#close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body pt-2">
            <div class="w-full flex align-items-center justify-content-center p-5 rounded border">
              <p class="text-center mb-0">
                Per poder informar sobre aquest creador, <a href="https://www.aixeta.cat/ca/sign_in">inicia la teva sessió</a> o <a href="https://www.aixeta.cat/ca/sign_up">registra't</a>.
              </p>
            </div>
            <div class="dialog-actions d-flex justify-content-end mt-3">
              <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel·la</button>
            </div>
        </div>
      </div>
    </div>
  </div>
</template></turbo-stream>