{% extends "@index/base.html.twig" %}

{# VARS IN BASE TEMPLATE #}
{% set title = null %}
{% set keywords = null %}
{% set description = null %}
{% set canonical = null %}
{% set next = null %}
{% set prev = null %}
{% set noindex = false %}
{% set page_id = 'index' %}
{% set oneColumn = true %} {# oneColumn, twoColumn, threeColumn #}

{# BLOCKS IN BASE TEMPLATE #}
{% block stylesheet %}{{ parent() }}{% endblock %}
{% block headjavascript %}{{ parent() }}{% endblock %}
{% block javascript %}{{ parent() }}{% endblock %}
{% block debugBar %}{{ parent() }}{% endblock %}
{% block analytics %}{{ parent() }}{% endblock %}

{% block bannerback %}{{ parent() }}{% endblock %}
{% block header %}{{ parent() }}{% endblock %} {# blocks in: logo, userMenu, mainmenu, lang, cart #}
{#{% block main %}{{ parent() }}{% endblock %}#} {# blocks in: slider, breadCrumbs, oneOne, twoOne, twoTwo, threeOne, threeTwo, threeThree #}
{% block footer %}{{ parent() }}{% endblock %} {# blocks in: footerContent #}
{% block absolute %}{{ parent() }}{% endblock %}

{% block slider %}
    {% if IMAGE_BUNDLE %}        
    {% endif %}
{% endblock %}

{% block breadCrumbs %}{% endblock %}

{#
163 SA
164 CU
182 AV
179 PRO
185 eNews
183 JPA
184 SIAG
201 SM
#}

{% set canalData =
    {
        163:{'color':'#E51D3C','type':'content'},
        164:{'color':'#E51D3C','type':'content'},
        182:{'color':'#E51D3C','type':'content'},
        179:{'color':'#39C1CF','type':'search'},
        185:{'color':'#70B966','type':'push'},
        183:{'color':'#904098','type':'event'},
        184:{'color':'#904098','type':'event'},
        201:{'color':'#FAA75B','type':'social'},
    }
 %}

{% block oneOne %}

    <section class="maps">        
        
        <a name="maps"></a>
        <img 
            src="{{ IMAGES_URL }}maps/2018-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2018-total' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2017-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2017-total' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2016-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2016-total' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2015-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2015-total' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2014-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2014-total' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2018-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2018-proultry' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2017-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2017-proultry' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2016-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2016-proultry' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2015-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2015-proultry' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2014-mapa-estadistiques-media-REA-totals-poultry.jpg" 
            usemap="#Map" 
            style="witdh:100%;height:auto;{{ audiencia == '2014-proultry' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2016-mapa-estadistiques-media-REA-Avicultura.jpg" 
            usemap="#Map" 
            style="{{ audiencia == '2016-avicultura' ? 'display:block' : 'display:none' }}"
            />   

        <img 
            src="{{ IMAGES_URL }}maps/2015-mapa-estadistiques-media-REA-totals.jpg" 
            usemap="#Map" 
            style="{{ audiencia == '2015-total' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2015-mapa-estadistiques-media-REA-SA.jpg" 
            usemap="#Map" 
            style="{{ audiencia == '2015-seleccionesavicolas' ? 'display:block' : 'display:none' }}"
            />        
        <img 
            src="{{ IMAGES_URL }}maps/2015-mapa-estadistiques-media-REA-Avicultura.jpg" 
            usemap="#Map" 
            style="{{ audiencia == '2015-avicultura' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2014-mapa-estadistiques-media-REA-totals.jpg" 
            usemap="#Map" 
            style="{{ audiencia == '2014-total' ? 'display:block' : 'display:none' }}"
            />
        <img 
            src="{{ IMAGES_URL }}maps/2014-mapa-estadistiques-media-REA-SA.jpg" 
            usemap="#Map" 
            style="{{ audiencia == '2014-seleccionesavicolas' ? 'display:block' : 'display:none' }}"
            />        
        <img 
            src="{{ IMAGES_URL }}maps/2014-mapa-estadistiques-media-REA-Avicultura.jpg" 
            usemap="#Map" 
            style="{{ audiencia == '2014-avicultura' ? 'display:block' : 'display:none' }}"
            />
        <map name="Map" id="Map">
            <area alt="Selecciones Avícolas" title="Selecciones Avícolas" href="{{ url('audiencia',{'year':year,'section':'seleccionesavicolas'}) }}" shape="rect" coords="31,104,187,181" />
            <area alt="Avicultura" title="Avicultura" href="{{ url('audiencia',{'year':year,'section':'avicultura'}) }}" shape="rect" coords="198,105,349,182" />
            <area alt="Proultry" title="Proultry" href="{{ url('audiencia',{'year':year,'section':'proultry'}) }}" shape="rect" coords="360,105,512,185" />
            <area alt="{{ section }} en 2014" title="{{ section }} en 2014" href="{{ url('audiencia',{'year':2014,'section':section}) }}" shape="rect" coords="700,42,778,135" />
            <area alt="{{ section }} en 2015" title="{{ section }} en 2015" href="{{ url('audiencia',{'year':2015,'section':section}) }}" shape="rect" coords="782,42,862,135" />
            <area alt="{{ section }} en 2016" title="{{ section }} en 2016" href="{{ url('audiencia',{'year':2016,'section':section}) }}" shape="rect" coords="864,42,944,135" />
            <area alt="{{ section }} en 2017" title="{{ section }} en 2017" href="{{ url('audiencia',{'year':2017,'section':section}) }}" shape="rect" coords="946,42,1006,135" />
            <area alt="{{ section }} en 2018" title="{{ section }} en 2018" href="{{ url('audiencia',{'year':2018,'section':section}) }}" shape="rect" coords="1008,42,1088,135" />
        </map>  
        
        <form 
            method="post" 
            action="" 
            class="form" 
            style=""
            name="audiencia"
            >
            <fieldset style="width:200px;float:left">
                <label>
                    Selecciona Canal:
                </label>
                <select name="section">
                    <option 
                        value="total"
                        {{ section == 'total' ? 'selected="selected"' : '' }}
                        >
                        Totales
                    </option>
                    <option 
                        value="seleccionesavicolas"
                        {{ section == 'seleccionesavicolas' ? 'selected="selected"' : '' }}
                        >
                        Selecciones Avícolas
                    </option>
                    <option 
                        value="avicultura"
                        {{ section == 'avicultura' ? 'selected="selected"' : '' }}
                        >
                        Avicultura
                    </option>
                    <option 
                        value="proultry"
                        {{ section == 'proultry' ? 'selected="selected"' : '' }}
                        >
                        PROultry
                    </option>
                </select>
            </fieldset>
            <fieldset style="width:200px;float:left">
                <label>
                    Selecciona Año:
                </label>
                <select name="year">
                    <option 
                        value="2018"
                        {{ year == 2018 ? 'selected="selected"' : '' }}
                        >
                        2018
                    </option>
                    <option 
                        value="2017"
                        {{ year == 2017 ? 'selected="selected"' : '' }}
                        >
                        2017
                    </option>
                    <option 
                        value="2016"
                        {{ year == 2016 ? 'selected="selected"' : '' }}
                        >
                        2016
                    </option>
                    <option 
                        value="2015"
                        {{ year == 2015 ? 'selected="selected"' : '' }}
                        >
                        2015
                    </option>
                    <option 
                        value="2014"
                        {{ year == 2014 ? 'selected="selected"' : '' }}
                        >
                        2014
                    </option>
                </select>         
            </fieldset>
            <fieldset style="float:left">
                <label>
                    &nbsp;
                </label>                
                <input class="button bBlueFade" style="padding:8px 12px" type="submit" value="VER AUDIENCIA" />
            </fieldset>
        </form>        
        
    </section>
    
    {{ render("image","frontend","widgetImages",{'categories':174}) }}        
        
    <article class="innovacion">
        <h1>
            Poultry MEDIA
        </h1>
        <h2>
            {{ trans('Innovación en comunicación para el sector avícola') }}
        </h2>
        
        <a title="{{ trans('¿Qué es Poultry Media?') }}" href="{{ url('sobre-nosotros') }}">
            <span class="glyphicon glyphicon-plus"></span>
            {{ trans('¿Qué es Poultry Media?') }}
        </a>
        <div>
            <p>
                {{ trans('Poultry Media es la plataforma proveedora') }}
            </p>
            <p>
                {{ trans('Poultry Media ofrece únicamente') }}
            </p>
        </div>
        
        <a title="{{ trans('¿A quién está dirigido?') }}" href="{{ url('sobre-nosotros') }}">
            <span class="glyphicon glyphicon-plus"></span>
            {{ trans('¿A quién está dirigido?') }}
        </a>
        <div>
            <p>
                {{ trans('Poultry Media está dirigido') }}
            </p>
        </div>  
        
        <a title="{{ trans('La innovación en formas') }}" href="{{ url('sobre-nosotros') }}">
            <span class="glyphicon glyphicon-plus"></span>
            {{ trans('La innovación en formas') }}
        </a>
        <div>
            <p>
                {{ trans('Poultry Media y todos los medios') }}
            </p>
            <p>
                {{ trans('La innovación ha estado siempre') }}
            </p>
        </div>     
        
        <a title="{{ trans('Los canales de Poultry Media') }}" href="{{ url('sobre-nosotros') }}">
            <span class="glyphicon glyphicon-plus"></span>
            {{ trans('Los canales de Poultry Media') }}
        </a>
        <div>
            <p>
                {{ trans('Mientras que en 2012 eran 14.854')|raw }}
            </p>
            {#
            <p>
                {{ trans('En 2015 está previsto superar los 25.000') }}
            </p>
            #}
        </div>    
        
        <a title="{{ trans('Acerca de la Real Escuela de Avicultura') }}" href="{{ url('sobre-nosotros') }}">
            <span class="glyphicon glyphicon-plus"></span>
            {{ trans('Acerca de la Real Escuela de Avicultura') }}
        </a>
        <div>
            <article>
                <h2>
                    Real Escuela de Avicultura
                </h2>
                <h3>
                    {{ trans('La avicultura, nuestra pasión.') }}
                </h3>
                <img src="{{ IMAGES_URL }}logo-real-escuela-avicultura.gif" width="120" height="158" alt="Real Escuela de Avicultura" />
                <h4>
                    {{ trans('Observamos. Analizamos. Explicamos') }}
                </h4>    
            </article>
            <p>
                {{ trans('La Real Escuela de Avicultura observa')|raw }}
            </p>
        </div>          
    </article>
    
    <ul class="canales">
        {% for c in canales %}
            <li style="background-image:url({{ IMAGES_URL ~ 'canal/' ~ c.slug_es ~ '.jpg' }})">
                <a title="Acceder al canal {{ attribute(c, 'name_'~SESSION.lang) }}" href="{{ url('media-kit', {'canal':attribute(c, 'slug_'~SESSION.lang)}) }}">
                    <h2>
                        {{ attribute(c, 'name_'~SESSION.lang ) }}
                    </h2>
                    <p class="text">                        
                        {{ attribute(c, 'description_'~SESSION.lang ) }}
                    </p>
                    <p class="layer" style="background-color:{{ attribute(canalData, c.id).color }}">
                        {{ trans('Acceder al canal') }}                        
                        <span class="glyphicon glyphicon-chevron-right"></span>                        
                    </p>
                    <b class="arrow-left" style="border-right:10px solid {{ attribute(canalData, c.id).color }}; "></b>
                    <b class="arrow-left-top" style="border-right:10px solid #9D9D9D; "></b>
                </a>
            </li>
        {% endfor %}     
    </ul>
    
{% endblock %}