Ja tak, jeg er interessert i denne bolig

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.

Spørgsmål

</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-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 fill-current primary-color" 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-md-4 col-xs-12 flex justify-center items-center btn btn-standard" ng-class="$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=" btn btn-standard col-md-4 col-xs-12 flex justify-center items-center" ng-href="{{$ctrl.tenancy.DepartmentUrl}}">
            <span>Læs mere på 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 py-8">
        <div class="ten-presentation">
            <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">Depositum</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.Name"></span>
                            <span class="fal emphasize" ng-class="::(premis.IsOnTenancy ? 'fa-check' : 'fa-times')">{{::(premis.IsOnTenancy ? 'Ja' : 'Nej')}}</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 floorplan-view p-4">
        <owl-carousel ng-if="$ctrl.tenancyInfo && $ctrl.tenancyInfo.FloorPlanUrls.length > 0" description="false" images="$ctrl.tenancyInfo.FloorPlanUrls" image-definition="'departmentimages'"></owl-carousel>
        <div class="w-full flex items-center flex-col" ng-if="$ctrl.tenancyInfo.FloorPlanUrls.length < 1">
            <svg version="1.1" id="Lag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2861.1 2898.4" style="enable-background:new 0 0 2861.1 2898.4;" xml:space="preserve">
            <style type="text/css">
                .st0 {
                    fill: #fff;
                }
</style>
            <g>
            <polygon class="st0 primary-color" points="2729.8,0 2652.8,0 306.5,0 514.8,208.3 1503.5,208.3 1503.5,1046.2 1352.6,1046.2 1412.6,1106.1
		            1503.5,1106.1 1503.5,1197.1 1609.8,1303.3 1609.8,208.3 2652.8,208.3 2652.8,1291.9 2448,1291.9 2239.7,1291.9 2239.7,1500.2
		            2239.7,1841.7 2148.2,1841.7 2208.1,1901.6 2239.7,1901.6 2239.7,1933.2 2448,2141.5 2448,1500.2 2861.1,1500.2 2861.1,1333.9
		            2861.1,1291.9 2861.1,0 	" />

</g>
        </svg>
            <h2 class="bex-margin-top-20">Der er ingen plantegning på dette lejemål</h2>
        </div>
    </article>
</section>