title = "Poschodie"
url = "/byvanie/:floor_id"
layout = "default"
is_hidden = 0
==
<?php
use Creas\Realestate\Models\Flat as Flat;
use Creas\Realestate\Models\Floor as Floor;

function onStart()
{
    $floor_id = $this->param('floor_id');

    $this['flats'] = Flat::where('floor_id', $floor_id)->get();
    $this['floors'] = Floor::where('id', $floor_id)->get();

}
?>
==
{% for floor in floors%}
<section id="poschodie{{ floor.descr }}">
    <div class="container">
        <div class="row">
          <div class="col-md-3"><a href="/byvanie"><i class="fa fa-arrow-left animated bounceIn six" aria-hidden="true"></i> Späť na model</a></div>
          <div class="col-md-6 text-center">
          {% if floor.id > 1 %}<a href="/byvanie/{{ floor.id-1 }}" ><i class="fa fa-arrow-left floorar animated bounceIn four" aria-hidden="true"></i> {{ floor.floor-1 }}. poschodie</a>{% endif %} &nbsp;&nbsp;
             <strong class="floor animated fadeIn fast">
             {% if floor.id == 35 %}Vonkajšie parkovanie{% elseif floor.id == 36 %}1. medzi-poschodie{% elseif floor.id == 1 %}{{ floor.floor }}. podzemné poschodie{% else %}{{ floor.floor }}. poschodie{% endif %}</strong>
             &nbsp;&nbsp; {% if floor.id < 34 %}<a href="/byvanie/{{ floor.id+1 }}">{{ floor.floor+1 }}. poschodie <i class="fa fa-arrow-right floorar animated bounceIn five" aria-hidden="true"></i></a>{% endif %}</div>
          <div class="col-md-3"></div>     
        </div><br>     
            <center class="animated fadeIn one"><img src="/storage/app/media{{floor.img_map}}" id="matadorka" style=" max-width: 100%;" alt="{{ floor.descr }}" usemap="#mapa" /></center>
        {% endfor %}
        <map name="mapa">
           {% for flat in flats%}
                <area data-title="{{flat.name}}" 
                {% if flat.type == 1 %}
                target="_blank" href="/storage/app/media/pdf/{{ flat.name }}.pdf"
                {% else %}
                href="#"
                {% endif %}
                {% if flat.status == 1 %}
                data-price="{{ flat.sale |number_format(0,',',' ') }}"
                {% endif %}
                data-rooms="{{ flat.desc}}"
                data-area="{{flat.area}}"
                                
               
                class="floor-flat animated fadeIn two" 
                {% if flat.mapping|length > 20 %} shape="poly" {% else %} shape="rect" {% endif %} 
                coords="{{ flat.mapping }}"
                
                
                
     
                {% if flat.status == 1 %}
                data-status="Voľný"
                data-state="{{flat.name}}, free"
                {% elseif flat.status == 2 %}
                data-status="Rezervovaný"
                data-state="{{flat.name}}, res"
                {% elseif flat.status == 3  %}
                data-status="Predaný"
                data-state="{{flat.name}}, sold"
                {% elseif flat.status == 9  %}
                data-status="Pripravujeme"
                data-state="{{flat.name}}, prep"
                {% endif %}
                >  
                {% if flat.mapping2 %}
                    <area data-title="{{flat.name}}" 
                {% if flat.type == 1 %}
                target="_blank" href="/storage/app/media/pdf/{{ flat.name }}.pdf"
                {% else %}
                href="#"
                {% endif %}
                {% if flat.status == 1 %}
                data-price="{{ flat.sale |number_format(0,',',' ') }}"
                {% endif %}
                data-rooms="{{ flat.desc}}"
                data-area="{{flat.area}}"
                                
                class="floor-flat" 
                {% if flat.mapping2|length > 20 %} shape="poly" {% else %} shape="rect" {% endif %} 
                coords="{{ flat.mapping2 }}"
                             
     
                {% if flat.status == 1 %}
                data-status="Voľný"
                data-state="{{flat.name}}, free"
                {% elseif flat.status == 2 %}
                data-status="Rezervovaný"
                data-state="{{flat.name}}, res"
                {% elseif flat.status == 3  %}
                data-status="Predaný"
                data-state="{{flat.name}}, sold"
                {% elseif flat.status == 9  %}
                data-status="Pripravujeme"
                data-state="{{flat.name}}, prep"
                {% endif %}
                >  
                {% endif %}
                
           {% endfor %}
                   
        </map>
        <div class="building-tooltip animated fadeIn budova"></div>
        <div class="severka hidden animated fadeIn budova"></div>
    </div>
    <div id="block_view_floor">
    <div class="block-b">
     <div class="block-title"> Blok B</div>
       <svg width="90" height="30">
          <rect id="b-block" class="rect-view"  value="B" width="90" height="30" fill="#c2bebd" onclick=" $('#a-block').removeClass('rect-active'); $('#b-block').addClass('rect-active');"/>
        </svg>
    </div>
    <div class="block-a">
         <div class="block-title"> Blok A</div>
        <svg width="45" height="100">
          <rect  id="a-block" class="rect-active rect-view" value="A" width="45" height="100" fill="#c2bebd" onclick=" $('#b-block').removeClass('rect-active'); $('#a-block').addClass('rect-active');"/>
        </svg>
    </div>
</div>
</section>