<div class="modal" id="MagazinAbo" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="Magazin abonnieren" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content bg-lightpink">
            <div class="modal-header bg-darkpink space-px-md">
                <h4 class="modal-title headline small" id="staticBackdropLabel">Magazin abonnieren</h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body space-p-md">
                <form id="subscribeFrom" method="POST" action="<?= $_con->getLink(["magazine", "subscribeForm"]); ?>" class="validateForm">
                    <p class="mb-0">Bitte füllen Sie das nachfolgende Formular aus. Wir setzen uns im Nachgang mit Ihnen in Verbindung.</p>
                    <div class="row">
                        <div class="col-lg-12">
                            <label for="company" class="form-label">Firma</label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="company" id="company" placeholder="z.B. Musterfirma GmbH">
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <label for="firstname" class="form-label">Vorname</label>
                            <div class="input-group">
                                <input type="text" class="form-control required" name="firstname" id="firstname" placeholder="z.B. Maja">
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <label for="lastname" class="form-label">Nachname</label>
                            <div class="input-group">
                                <input type="text" class="form-control required" name="lastname" id="lastname" placeholder="z.B. Mustermann">
                            </div>
                        </div>

                        <div class="col-lg-8">
                            <label for="street" class="form-label">Straße</label>
                            <div class="input-group">
                                <input type="text" class="form-control required" name="street" id="street" placeholder="z.B. Musterstraße">
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <label for="houseNumber" class="form-label">Hausnummer</label>
                            <div class="input-group">
                                <input type="text" class="form-control required" name="houseNumber" id="houseNumber" placeholder="z.B. 42">
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <label for="zipCode" class="form-label">PLZ</label>
                            <div class="input-group">
                                <input type="text" class="form-control required requiredInt" name="zipCode" id="zipCode" placeholder="z.B. 45133">
                            </div>
                        </div>

                        <div class="col-lg-8">
                            <label for="city" class="form-label">Ort</label>
                            <div class="input-group">
                                <input type="text" class="form-control required" name="city" id="city" placeholder="z.B. Musterstadt">
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <label for="phone" class="form-label">Telefon</label>
                            <div class="input-group">
                                <input type="text" class="form-control required" name="phone" id="phone" placeholder="z.B. +49 172 123 456">
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <label for="email" class="form-label">E-Mailadresse</label>
                            <div class="input-group">
                                <input type="text" class="form-control required requiredEmail" name="email" id="email" placeholder="z.B. maja@musterfirma.biz">
                            </div>
                        </div>
                        <div class="col-lg-12 text-center space-mt-sm">
                            <div class="btn lg btn-primary magazin w-xs-100 ico right">
                                <input type="submit" name="continue" value="Absenden">Absenden<span class="icon"></span>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>