{% extends 'Common/base.html.twig' %}
{% import 'Common/parts/functions.html.twig' as function %}
{% block title %}{{ 'admin.country_area.show.title'|trans }} - {{ countryArea.name | title }} | {{ parent() }}{% endblock %}
{% block classBody %}countryArea {{ parent() }}{% endblock %}
{% block ogTitle %}{{ 'admin.country_area.show.title'|trans }} - {{ countryArea.name | title }} | {{ parent() }}{% endblock ogTitle %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('leaflet_styles') }}
<link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick.css') }}" type="text/css" media="all" />
<link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick-theme.css') }}" type="text/css" media="all" />
{% endblock stylesheets %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('leaflet_js') }}
{{ encore_entry_script_tags('wt_country_area_show') }}
{% endblock javascripts %}
{% block contents %}
<div class="container-small" ng-controller="showCountryAreaCtrl">
<nav class="mb-2" aria-label="breadcrumb">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
<li class="breadcrumb-item">{{ countryArea.country.name | title }}</li>
<li class="breadcrumb-item active" aria-current="page">
{{ countryArea.name | title }}
{% if is_granted('IS_AUTHENTICATED_REMEMBERED') and app.user.user.hasRole('ROLE_ADMIN') %}
(<a href="{{path('web_admin_country_area_edit', {'countryAreaId': countryArea.id})}}">Editar</a>)
{% endif %}
</li>
</ol>
</nav>
<div class="pb-9">
<h2 class="mb-4">{{ countryArea.name | title }}</h2>
<div class="row g-5 mb-5">
<div class="col-12">
<h3 class="mb-3" >Región / Provincia</h3>
<div class="mb-2">
<h6 class="mb-0">Región / Provincia</h6>
<div class="">{{ countryArea.name | title }}</div>
</div>
<div class="mb-2">
<h6 class="mb-0">País</h6>
<div class="">{{ countryArea.country.name | title }}</div>
</div>
<div class="mb-2">
<h6 class="mb-0">Municipios</h6>
<div class="row">
{% for town in countryArea.towns |sort((a, b) => a.name|lower <=> b.name|lower) %}
<a class="col-6 col-md-3" href="{{ path('web_public_town_show_by_slug', {'townSlug': town.slug })}}">
{% if town.whaterOrganization is none %}
{{ town.name | title }}
<span class="fas fa-star-half-alt text-warning fs--1" title="Sin reclamar"></span>
<span class="fas fa-star-half-alt text-warning fs--1" title="Sin verificar"></span>
{% elseif town.whaterOrganization.checkPermission('PERMISSION_EDIT_COUNTRY_AREA', countryArea) %}
<b class="fs-2">{{ town.name | title }}</b>
<span class="fas fa-star text-success fs--1" title="Registrado"></span>
<span class="fas fa-star text-success fs--1" title="Verificado"></span>
{% else %}
<b class="fs-1">{{ town.name | title }}</b>
<span class="fas fa-star text-success fs--1" title="Registrado"></span>
<span class="fas fa-star-half-alt text-warning fs--1" title="Sin verificar"></span>
{% endif %}
</a>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock contents %}