{% extends "layouts/layout.html.twig" %}{% block body %} <section class="page"> <div class="position-relative"> <div class="page-header" style="background-image:url({{ asset('images/room-1.jpg') }})"> <div class="container"> <div class="page-title"> <h2 class="title">{{'Apartments'|trans|raw}}</h2> </div> </div> </div> </div> <div class="rooms rooms-category"> <div class="container"> <div class="row"> {% for key, room in rooms %} {% if key < 2 %} <!-- === rooms item === --> <div class="col-sm-6 col-md-6"> <div class="item"> <article> <div class="image"> <img src="{{ asset(room.photo) }}" alt="{{ room.name }}" /> </div> <div class="details"> <div class="text"> <h2 class="title"><a href="{{ url('room', {'roomId': room.id}) }}" title="{{ room.name }}">{{ room.name|trans }}</a></h2> <p> {% if room.type == 'family' %} {{ 'Single room'|trans }} {% else %} {{ 'Family room'|trans }} {% endif %} </p> </div> <div class="book"> <div> <a href="{{ url('room', {'roomId': room.id}) }}" class="btn btn-main" title="{{ 'Book now'|trans }}">{{ 'Book now'|trans }}</a> </div> <div> <span class="price h2">{{ room.formated_price }}</span> {% if room.min_rental_days > 1 %} <span>{{ 'per'|trans }} {{ room.min_rental_days }} {{ 'nights'|trans }}</span> {% else %} <span>{{ 'per'|trans }} {{ room.min_rental_days }} {{ 'night'|trans }}</span> {% endif %} </div> </div> </div> </article> </div> </div> {% endif %} {% endfor %} {% for key, room in rooms %} {% if key >= 2 %} <!-- === rooms item === --> <div class="col-sm-6 col-md-4"> <div class="item"> <article> <div class="image"> <img src="{{ asset(room.photo) }}" alt="{{ room.name }}" /> </div> <div class="details"> <div class="text"> <h2 class="title"><a href="{{ url('room', {'roomId': room.id}) }}" title="{{ room.name }}">{{ room.name|trans }}</a></h2> <p> {% if room.max_guests == 1 %} {{ 'One person room'|trans }} {% elseif room.max_guests == 2 %} {{ 'Two person room'|trans }} {% elseif room.max_guests == 3 %} {{ 'Three person room'|trans }} {% elseif room.max_guests == 4 %} {{ 'Four person room'|trans }} {% elseif room.max_guests == 5 %} {{ 'Five person room'|trans }} {% else %} {{ 'Six person room'|trans }} {% endif %} </p> </div> <div class="book"> <div> <a href="{{ url('room', {'roomId': room.id}) }}" class="btn btn-main" title="{{ 'Book now'|trans }}">{{ 'Book now'|trans }}</a> </div> <div> <span class="price h2">{{ room.formated_price }}</span> {% if room.min_rental_days > 1 %} <span>{{ 'per'|trans }} {{ room.min_rental_days }} {{ 'nights'|trans }}</span> {% else %} <span>{{ 'per'|trans }} {{ room.min_rental_days }} {{ 'night'|trans }}</span> {% endif %} </div> </div> </div> </article> </div> </div> {% endif %} {% endfor %} </div> </div> <!--/container--> </div> </section>{% endblock %}{% block title %}{% endblock %}