BBR

Dine kontaktoplysninger

Parat til dokumentation

<div class="sidebar-header sidebar--open" id="sidebarHeader">
    <div class="row">
        <div class="col"><img class="sidebar-header__bbr-logo" src="../../img/logo-bbr.svg" alt="BBR Logo" />
        </div>
        <div class="col-auto"><img class="sidebar-header__ufs-logo" src="../../img/logo-ufs.svg" alt="Udviklings og forenklingsstyrrelsen" />
        </div>
    </div>
    <hr class="sidebar-header__divider d-sm-none" />
    <div class="row d-flex d-sm-none justify-content-between align-items-end">
        <div class="col-auto">
            <div class="user-support">
                <div class="user-support__group">
                    <div class="dropdown">
                        <button class="btn btn-primary user-support__toggle user-support__toggle--support" type="button" data-bs-toggle="dropdown" id="dropdownSupportButton">Support</button>
                        <div class="dropdown-menu" aria-labelledby="dropdownSupportButton">
                            <button type="button" class="btn-close" aria-label="Luk"></button>
                            <div class="user-support__content">
                                <p>Hvis du ønsker hjælp til at bruge Ret BBR, skal du kontakte Ret BBR
                                    Supporten:</p>
                                <p>Telefon: <a href="tel:72222855">72 22 28 55</a></p>
                                <p>Telefonerne er åbne mandag til torsdag 9.00 - 15.00 og fredag 9.00
                                    - 14.00</p>
                                <h5>Kontakt til kommunen</h5>
                                <p class="mb-0">Du kan kontakte din kommune om BBR via mail, telefon
                                    eller
                                    <a href="#">denne formular</a>.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="user-support__group">
                    <div class="dropdown">
                        <button class="btn btn-primary user-support__toggle user-support__toggle--user" type="button" data-bs-toggle="dropdown" id="dropdownuserInfoButton">Bruger</button>
                        <div class="dropdown-menu" aria-labelledby="dropdownuserInfoButton">
                            <button type="button" class="btn-close" aria-label="Luk"></button>
                            <div class="user-support__content">
                                <p class="mb-0 text-nowrap">Anders Landau </p>
                                <p><small class="text-muted fw-bold">Ejer</small></p>
                                <p class="mt-3"><a href="#" title="Log ud">Log ud</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-auto">
            <button class="btn btn-primary sidebar-toggle sidebar--open" id="sidebarToggleSidebarHeader" aria-label="Sidebar toggle" onclick="toggleSidebar()">
                menu
            </button>
        </div>
    </div>
</div>
<div class="sidebar sidebar--open" id="sidebar">
    <div class="sidebar__content">
        <div class="sidebar-item sidebar-item--property-info">
            <div class="sidebar-item__content">
                <div class="sidebar__back">
                    <a href="#" class="back-link">Tilbage til forsiden</a>
                </div>
                <h1 class="sidebar-item__title h3">Rugbjergvej 14 </h1>
                <p class="sidebar-item__address">6230 Rødekro</p>

                <a class="btn btn-sm btn-block sidebar-item__property-information-toggle collapsed" data-bs-toggle="collapse" href="#propertyInformation" role="button" aria-expanded="false" aria-controls="propertyInformation">
                    Ejendomsinformation
                </a>
                <div class="collapse " id="propertyInformation">
                    <div class="sidebar-item__property-information">
                        <ul class="sidebar-item__list">
                            <li><strong>Ejendomsnr:</strong> 009504</li>
                            <li><strong>BFE-nummer:</strong> 5247785</li>
                            <li><strong>Kommune:</strong> Aabenraa (0580)</li>
                            <li><a href="#" class="icon-link icon-link--download" target="_blank" title="Hent BBR-meddelsen (PDF)" rel="noreferrer">Hent
                                    BBR-meddelsen (PDF)</a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <nav class="flow-pager">
            <ul class="flow-pager__level-1">
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">1. Bekræft ændringsforslag</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link active">
                        <div class="flow-pager__level-1-title">2. Dine kontaktoplysninger</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">3. Kvittering</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>
<button class="btn btn-primary sidebar-toggle sidebar--open" id="sidebarToggle" aria-label="Sidebar toggle" onclick="toggleSidebar()">
    menu
</button>
<div class="user-support">
    <div class="user-support__group">
        <div class="dropdown">
            <button class="btn btn-primary user-support__toggle user-support__toggle--support" type="button" data-bs-toggle="dropdown" id="dropdownSupportButton">Support</button>
            <div class="dropdown-menu" aria-labelledby="dropdownSupportButton">
                <button type="button" class="btn-close" aria-label="Luk"></button>
                <div class="user-support__content">
                    <p>Hvis du ønsker hjælp til at bruge Ret BBR, skal du kontakte Ret BBR
                        Supporten:</p>
                    <p>Telefon: <a href="tel:72222855">72 22 28 55</a></p>
                    <p>Telefonerne er åbne mandag til torsdag 9.00 - 15.00 og fredag 9.00
                        - 14.00</p>
                    <h5>Kontakt til kommunen</h5>
                    <p class="mb-0">Du kan kontakte din kommune om BBR via mail, telefon
                        eller
                        <a href="#">denne formular</a>.
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="user-support__group">
        <div class="dropdown">
            <button class="btn btn-primary user-support__toggle user-support__toggle--user" type="button" data-bs-toggle="dropdown" id="dropdownuserInfoButton">Bruger</button>
            <div class="dropdown-menu" aria-labelledby="dropdownuserInfoButton">
                <button type="button" class="btn-close" aria-label="Luk"></button>
                <div class="user-support__content">
                    <p class="mb-0 text-nowrap">Anders Landau </p>
                    <p><small class="text-muted fw-bold">Ejer</small></p>
                    <p class="mt-3"><a href="#" title="Log ud">Log ud</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page-wrapper page-wrapper--padding-top sidebar--open" id="pageWrapper">
    <div class="alert alert-warning  system-alert" role="alert">
        <div class="container">
            <p class="system-alert__title">
                Dine ændringsforslag er ikke sendt endnu
            </p>
            <div class="system-alert__content">
                <p>Gå til bunden af siden og bekræft, at oplysningerne er korrekte. Derefter kan du udfylde dine kontaktoplysninger og sende ændringsforslagene til kommunen.</p>
            </div>
        </div>
    </div>
    <div class="container mt-3 mt-sm-5">
        <div class="row">
            <div class="col">
                <h2 class="fw-bold">Dine kontaktoplysninger</h2>
                <p>Her skal du udfylde dine kontaktoplysninger. Oplysningerne bliver kun brugt, hvis kommunens
                    BBR-medarbejder får brug for at kontakt dig.</p>
                <form class="form">
                    <div class="row">
                        <div class="col-12 col-xl-6">
                            <div class="form-floating  is-disabled">
                                <input type="text" class="form-control  " id="floatingInput" placeholder="Dit navn som det står på NemID" value="Jan Bo Jensen" disabled>
                                <label for="floatingInput">Dit navn som det står på NemID</label>
                            </div>
                        </div>
                        <div class="col-12 col-xl-6 mt-3 mt-xl-0">
                            <div class="form-floating is-required ">
                                <input type="number" class="form-control  " id="floatingInput" placeholder="Telefonnummer" required>
                                <label for="floatingInput">Telefonnummer</label>
                            </div>
                        </div>
                        <div class="col-12 col-xl-6 mt-3">
                            <div class="form-floating is-required ">
                                <input type="email" class="form-control  " id="floatingInput" placeholder="E-mail" required>
                                <label for="floatingInput">E-mail</label>
                            </div>
                        </div>
                        <div class="col-12 col-xl-6 mt-3">
                            <div class="form-floating is-required ">
                                <input type="email" class="form-control  " id="floatingInput" placeholder="Bekræft E-mail" required>
                                <label for="floatingInput">Bekræft E-mail</label>
                            </div>
                        </div>
                        <div class="col-12 col-xl-6 mt-3">
                            <div class="form-floating  is-disabled">
                                <input type="text" class="form-control  " id="floatingInput" placeholder="Rolle som indberetter af BBR-ændringer" value="BBR Erhvervsservice SKAT" disabled>
                                <label for="floatingInput">Rolle som indberetter af BBR-ændringer</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-5">
                        <div class="col">
                            <h3>Kontaktperson</h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-lg-6 col-xl-3">
                            <div class="form-floating is-required ">
                                <input type="text" class="form-control  " id="floatingInput" placeholder="Navn" required>
                                <label for="floatingInput">Navn</label>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mt-3 mt-lg-0">
                            <div class="form-floating is-required ">
                                <input type="email" class="form-control is-invalid " id="floatingInput" placeholder="E-mail" value="Ikke en email" required>
                                <label for="floatingInput">E-mail</label>
                                <div class="invalid-feedback fw-bold">
                                    Dette er ikke en valid email
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mt-3 mt-xl-0">
                            <div class="form-floating is-required ">
                                <input type="number" class="form-control  " id="floatingInput" placeholder="Telefon" required>
                                <label for="floatingInput">Telefon</label>
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mt-3 mt-xl-0">
                            <div class="form-floating is-required">
                                <select class="form-select  " id="floatingSelect" aria-label="" required>
                                    <option selected disabled>Vælg fra menuen</option>
                                    <option value="valg1" selected>Valg 1</option>
                                    <option value="valg2" selected>Valg 2</option>
                                    <option value="valg3" selected>Valg 3</option>
                                </select>
                                <label for="floatingSelect">Rolle</label>
                            </div>

                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="flow-nav ">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-12 col-lg-auto order-lg-last">
                    <a href="#" class="btn btn-dark btn-lg btn-block btn-continue">
                        Send ændringsforslag
                    </a>
                </div>
                <div class="col-12 col-lg-auto order-lg-first">
                    <div class="row">
                        <div class="col-12 col-lg-auto mt-2 mt-lg-0">
                            <a href="#" class="btn btn-outline-white btn-block">
                                Tilbage til Bekræft ændringsforslag
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <nav class="container" name="Footer navigation">
            <ul class="footer__nav">
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://bbr.dk/om-bbr" title="Om Ret BBR">Om
                        BBR</a>
                </li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://bbr.dk/persondata" title="Persondata">Persondata</a></li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://bbr.dk/cookies" title="Cookies">Cookies</a>
                </li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://www.was.digst.dk/bbr-dk" title="Tilgængelighedserklæring" target="_blank">Tilgængelighedserklæring</a></li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="#" title="Tilgængelighedserklæring" target="_blank">Support</a></li>
            </ul>
        </nav>
    </footer>
</div>
 
{{> @sidebar-header }}
<div class="sidebar sidebar--open" id="sidebar">
    <div class="sidebar__content">
        {{ render '@sidebar-item-property' }}
        <nav class="flow-pager">
            <ul class="flow-pager__level-1">
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">1. Bekræft ændringsforslag</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link active">
                        <div class="flow-pager__level-1-title">2. Dine kontaktoplysninger</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">3. Kvittering</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>
{{> @sidebar-toggle}}
{{> @user-support}}
<div class="page-wrapper page-wrapper--padding-top sidebar--open" id="pageWrapper">
    {{> @system-alert title="Dine ændringsforslag er ikke sendt endnu" content="<p>Gå til bunden af siden og bekræft, at oplysningerne er korrekte. Derefter kan du udfylde dine kontaktoplysninger og sende ændringsforslagene til kommunen.</p>"}}
    
    <div class="container mt-3 mt-sm-5">
        <div class="row">
            <div class="col">
                <h2 class="fw-bold">Dine kontaktoplysninger</h2>
                <p>Her skal du udfylde dine kontaktoplysninger. Oplysningerne bliver kun brugt, hvis kommunens
                    BBR-medarbejder får brug for at kontakt dig.</p>
                <form class="form">
                    <div class="row">
                        <div class="col-12 col-xl-6">
                            {{> @input type="text" placeholder="Dit navn som det står på NemID" value="Jan Bo Jensen"
                            isDisabled=true}}
                        </div>
                        <div class="col-12 col-xl-6 mt-3 mt-xl-0">
                            {{> @input type="number" placeholder="Telefonnummer" isRequired=true}}
                        </div>
                        <div class="col-12 col-xl-6 mt-3">
                            {{> @input type="email" placeholder="E-mail" isRequired=true}}
                        </div>
                        <div class="col-12 col-xl-6 mt-3">
                            {{> @input type="email" placeholder="Bekræft E-mail" isRequired=true}}
                        </div>
                        <div class="col-12 col-xl-6 mt-3">
                            {{> @input type="text" placeholder="Rolle som indberetter af BBR-ændringer" value="BBR Erhvervsservice SKAT" isDisabled=true}}
                        </div>
                    </div>
                    <div class="row mt-5">
                        <div class="col">
                            <h3>Kontaktperson</h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-lg-6 col-xl-3">{{> @input type="text" placeholder="Navn"
                            isRequired=true}}</div>
                        <div class="col-12 col-lg-6 col-xl-3 mt-3 mt-lg-0">{{> @input type="email" placeholder="E-mail"
                            value="Ikke en email"
                            validationMessage="Dette er ikke en valid email" isInvalid=true isRequired=true}}</div>
                        <div class="col-12 col-lg-6 col-xl-3 mt-3 mt-xl-0">{{> @input type="number" placeholder="Telefon"
                            isRequired=true}}
                        </div>
                        <div class="col-12 col-lg-6 col-xl-3 mt-3 mt-xl-0">{{> @select placeholder="Rolle" isSelected=true
                            isRequired=true}}
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{> @flow-nav primaryActionLabel="Send ændringsforslag" secondaryActionLabel="Tilbage til Bekræft ændringsforslag"
    hasContinue=true}}
    {{> @footer }}
</div>
 
/* Ingen data defineret. */