Jeg vil gerne kontaktes vedr. dette lejemål

Dit fulde navn

Du skal angive dit fulde navn

Dit navn er indtastet i et ugyldigt format

Dit telefonnummer

Du skal angive dit telefonnummer

Din e-mail

Du skal indtaste en email

E-mailen er ikke indtastet i korrekt format.

Besked

</div>
                        </div>
                    </div>
                    <div class="btn btn-primary-alt btn-icon alt-white" type="button" ng-click="form.$valid && $ctrl.submit()" ng-disabled="form.$invalid">Send besked</div>
                </div>
            </div>
        </article>
    </div>
    <nav class="relative bex-z-3 inline-block full-width bex-margin-bottom--5 flex flex-wrap" ng-class="{'outer-shadow' : $ctrl.moreInfo != ''}">
        <button class="col-md-4 col-xs-12 flex justify-center items-center btn btn-standard" ng-show="$ctrl.tenancyInfo && $ctrl.tenancyInfo.FloorPlanUrls.length > 0" ng-class="$ctrl.moreInfo == 'floorplan' ? 'btn-primary' : 'btn-standard'" ng-click="$ctrl.showMoreInfo('floorplan')">
            <svg class="floor-plan-img bex-width-30" version="1.1" id="Ñëîé_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                 viewBox="0 0 5000 5000" style="enable-background: new 0 0 5000 5000;" xml:space="preserve">
            <polygon class="st0" points="2304.6,3435.5 2152.4,3435.5 2152.4,2854.2 2092.5,2854.2 2092.5,3435.5 1561.2,3435.5 1561.2,2647.1
	                                            2152.4,2647.1 2152.4,2587.2 1561.2,2587.2 1561.2,1851.6 1974.2,1851.6 1974.2,1791.7 1561.2,1791.7 1561.2,953.8 2878.7,953.8
	                                            2878.7,1791.7 2218.2,1791.7 2218.2,1851.6 2878.7,1851.6 2878.7,2075 2984.9,2075 2984.9,953.8 4027.9,953.8 4027.9,2037.4
	                                            3823.1,2037.4 3614.8,2037.4 3614.8,2245.7 3614.8,2587.2 2931.8,2587.2 2931.8,2647.1 3614.8,2647.1 3614.8,3435.5 2991.7,3435.5
	                                            2991.7,2854.2 2931.8,2854.2 2931.8,3435.5 2688.8,3435.5 2688.8,3643.8 3823.1,3643.8 3823.1,3475.3 3823.1,3435.5 3823.1,2245.7
	                                            4236.2,2245.7 4236.2,2079.4 4236.2,2037.4 4236.2,745.5 4104.9,745.5 4027.9,745.5 1561.2,745.5 1375.1,745.5 1375.1,953.8
	                                            1375.1,3435.5 1375.1,3475.3 1375.1,3643.8 2304.6,3643.8" />
            </svg>
            <span class="bex-margin-left-5">Se plantegning</span>
            <span class="fal bex-margin-left-5" ng-class="$ctrl.moreInfo == 'floorplan'? 'fa-times' : 'fa-angle-down'"></span>
        </button>
        <button class="col-xs-12 flex justify-center items-center btn btn-standard" ng-class="[$ctrl.tenancyInfo.FloorPlanUrls.length > 0 ? 'col-md-4' : 'col-md-6', $ctrl.moreInfo == 'tenInfo' ? 'btn-primary' : 'btn-standard']" ng-click="$ctrl.showMoreInfo('tenInfo')">
            <span>Mere om boligen</span>
            <span class="fal bex-margin-left-5" ng-class="$ctrl.moreInfo == 'tenInfo' ? 'fa-times' : 'fa-angle-down'"></span>
        </button>
        <a class="col-xs-12 btn btn-standard flex justify-center items-center" ng-class="$ctrl.tenancyInfo.FloorPlanUrls.length > 0 ? 'col-md-4' : 'col-md-6'" ng-href="{{$ctrl.tenancy.DepartmentUrl}}">
            <span>Gå til afdelingssiden</span>
            <span class="fal bex-margin-left-5 fa-long-arrow-right"></span>
        </a>
    </nav>
    <article ng-show="$ctrl.moreInfo == 'tenInfo'" class="anim-slide available-tenancies-presentation bg-gray inline-block full-width bex-font-small bex-margin-bottom--5">
        <div class="ten-presentation mt-4">
            <div class="right-col col-sm-4">
                <h2>Boligøkonomi</h2>
                <ul class="info">
                    <li ng-repeat="rent in ::$ctrl.tenancyInfo.Rents">
                        <p>
                            <span class="paragraph-lead" ng-bind="::rent.Name"></span>
                            <span ng-bind="::((rent.Amount | number:0)+ ' DKK')"></span>
                        </p>
                    </li>
                    <li>
                        <p>
                            <span class="paragraph-lead">Husleje i alt</span>
                            <span ng-bind="(($ctrl.tenancyInfo.RentTotal | number:0) + ' DKK')"></span>
                        </p>
                    </li>
                    <li>
                        <p>
                            <span class="paragraph-lead">Indskud</span>
                            <span ng-bind="::(($ctrl.tenancy.Deposit | number:0) + ' DKK')"></span>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="right-col col-sm-4">
                <h2>Fakta om boligen</h2>
                <ul class="info">
                    <li>
                        <p>
                            <span class="paragraph-lead">Boligtype:</span> <span ng-bind="::$ctrl.tenancyInfo.TenancyType"></span>
                        </p>
                    </li>
                    <li>
                        <p>
                            <span class="paragraph-lead">Boligart:</span> <span ng-bind="::$ctrl.tenancyInfo.ApartmentType"></span>
                        </p>
                    </li>
                    <li>
                        <p>
                            <span class="paragraph-lead">Antal værelser:</span> <span ng-bind="::$ctrl.tenancy.Rooms"></span>
                        </p>
                    </li>
                    <li>
                        <p>
                            <span class="paragraph-lead">Størrelse:</span> <span> <span class="pull-right">m<sup>2</sup></span><span ng-bind="::($ctrl.tenancy.Sqm | number:0)"></span></span>
                        </p>
                    </li>
                    <li ng-if="::$ctrl.tenancyInfo.MinWaitTimeInMonths">
                        <p>
                            <span class="paragraph-lead">Forventet ventetid:</span> <span ng-bind="::$ctrl.tenancy.WaitTimeTypeText"> </span>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="right-col col-sm-4">
                <h2>Boligens inventar</h2>
                <ul class="info">
                    <li ng-repeat="premis in $ctrl.tenancyInfo.Premises track by $index">
                        <p>
                            <span class="paragraph-lead" ng-bind="::premis"></span>
                            <span class="fal fa-check emphasize"></span>
                        </p>
                    </li>
                    <li ng-if="::$ctrl.tenancyInfo.PetAllowedText">
                        <p>
                            <span class="paragraph-lead">Husdyr</span>
                            <span ng-bind="::$ctrl.tenancyInfo.PetAllowedText"></span>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
    </article>
    <article ng-show="$ctrl.moreInfo == 'floorplan'" class="anim-slide inline-block full-width">
        <owl-carousel ng-if="$ctrl.tenancyInfo && $ctrl.tenancyInfo.FloorPlanUrls.length > 0" description="false" images="$ctrl.tenancyInfo.FloorPlanUrls"></owl-carousel>
    </article>
</section>