<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="{{ 'entreprise.best_hosting_digital_solution' | trans }}" name="description">
<title>{% block title %} {{ company_name }} {% endblock %}</title>
{% block stylesheets %}
{# Vendor CSS Files #}
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="{{ asset('framework/esag/assets/vendor/animate.css/animate.min.css') }}" rel="stylesheet">
<link href="{{ asset('framework/esag/assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('framework/esag/assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
<link href="{{ asset('framework/esag/assets/vendor/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="{{ asset('framework/esag/assets/css/style.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/general.css') }}" />
{% endblock stylesheets %}
</head>
<body>
{% block property_search %}
<div class="click-closed"></div>
<!--/ Form Search Star /-->
<div class="box-collapse">
<div class="title-box-d">
<h3 class="title-d">Search Property</h3>
</div>
<span class="close-box-collapse right-boxed bi bi-x"></span>
<div class="box-collapse-wrap form">
<form class="form-a">
<div class="row">
<div class="col-md-12 mb-2">
<div class="form-group">
<label class="pb-2" for="Type">Keyword</label>
<input type="text" class="form-control form-control-lg form-control-a" placeholder="Keyword">
</div>
</div>
<div class="col-md-6 mb-2">
<div class="form-group mt-3">
<label class="pb-2" for="Type">Type</label>
<select class="form-control form-select form-control-a" id="Type">
<option>All Type</option>
<option>For Rent</option>
<option>For Sale</option>
<option>Open House</option>
</select>
</div>
</div>
<div class="col-md-6 mb-2">
<div class="form-group mt-3">
<label class="pb-2" for="city">City</label>
<select class="form-control form-select form-control-a" id="city">
<option>All City</option>
<option>Alabama</option>
<option>Arizona</option>
<option>California</option>
<option>Colorado</option>
</select>
</div>
</div>
<div class="col-md-6 mb-2">
<div class="form-group mt-3">
<label class="pb-2" for="bedrooms">Bedrooms</label>
<select class="form-control form-select form-control-a" id="bedrooms">
<option>Any</option>
<option>01</option>
<option>02</option>
<option>03</option>
</select>
</div>
</div>
<div class="col-md-6 mb-2">
<div class="form-group mt-3">
<label class="pb-2" for="garages">Garages</label>
<select class="form-control form-select form-control-a" id="garages">
<option>Any</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
</select>
</div>
</div>
<div class="col-md-6 mb-2">
<div class="form-group mt-3">
<label class="pb-2" for="bathrooms">Bathrooms</label>
<select class="form-control form-select form-control-a" id="bathrooms">
<option>Any</option>
<option>01</option>
<option>02</option>
<option>03</option>
</select>
</div>
</div>
<div class="col-md-6 mb-2">
<div class="form-group mt-3">
<label class="pb-2" for="price">Min Price</label>
<select class="form-control form-select form-control-a" id="price">
<option>Unlimite</option>
<option>$50,000</option>
<option>$100,000</option>
<option>$150,000</option>
<option>$200,000</option>
</select>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-b">Search Property</button>
</div>
</div>
</form>
</div>
</div><!-- End Property Search Section -->>
{% endblock property_search %}
{% block header %}
<!-- ======= Header/Navbar ======= -->
<nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
<div class="container">
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarDefault" aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<a class="navbar-brand text-brand" href="{{ path('home') }}"><span class="color-b">{{ company_name }} </span></a>
<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="{{ path('home') }}">{{ 'entreprise.home' | trans }}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Compte</a>
<div class="dropdown-menu">
{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
<a class="dropdown-item " href="{{ path('app_logout') }}">{{ 'entreprise.logout' | trans }}</a>
{% else %}
<a class="dropdown-item " href="{{ path('security_login') }}">{{ 'entreprise.login' | trans }}</a>
{% endif %}
</div>
</li>
</ul>
</div>
<button type="button" class="btn btn-b-n navbar-toggle-box navbar-toggle-box-collapse" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01">
<i class="bi bi-search"></i>
</button>
</div>
</nav><!-- End Header/Navbar -->
{% endblock header %}
{% block contenu_propre %}
{% endblock contenu_propre %}
{% block javascripts %}
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="{{ asset('framework/esag/assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('framework/esag/assets/vendor/swiper/swiper-bundle.min.js') }}"></script>
<script src="{{ asset('framework/esag/assets/vendor/php-email-form/validate.js') }}"></script>
<!-- Template Main JS File -->
<script src="{{ asset('framework/esag/assets/js/main.js') }}"></script>
<script src="{{ asset('../../ckeditor5/ckeditor.js') }}"></script>
{% endblock javascripts%}
</body>
</html>