{% extends 'base.html.twig' %}
{% block body %}
{% set days = ['Søndag','Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag'] %}
{% set months = ['Januar','Februar','Mars','April','Mai','Juni','Juli','August','September','Oktober','November','Desember'] %}
<section class="travel-area mt-5">
</section>
<section class="travel-area mt-1">
<div class="container">
{# {{ dump(meetings) }}#}
<div class="row">
<div class="col-lg-8">
<div class="single-travel media pb-10">
{% set href = meetings[0].country == 'SWE' ? '/tipsSWE/' : '/tips/' %}
<a style="width:100%;" href="{{ href }}{{ meetings[0].mee_id }}">
<img class="img-fluid d-flex mr-3" src="{{ meetings[0].image }}" alt="" style="width:100%;object-fit:cover;object-position:top;border:1px solid #ccc;">
</a>
<div class="dates" style="margin:6px;padding: 0px; background: none;">
{% set legtypes = meetings[0].legtypes | split('/') %}
{% for l in legtypes %}
<img src="/img/{{ l }}.png" style="width:50px;">
{% endfor %}
</div>
</div>
<div class="media-body align-self-center pb-30">
<h5 class="redright homesmalltitle">
<a href="{{ href }}{{ meetings[0].mee_id }}" style="color: grey;">
{{ meetings[0].shortname }} {{ meetings[0].date }}
</a>
</h5>
<h5 class="redright mt-2 homesubtitle" style="border-left:none; padding-left: 12px;">
<a href="{{ href }}{{ meetings[0].mee_id }}" style="width:100%;color:#000;" >
{{ meetings[0]['title'] }}
</a>
</h5>
</div>
</div>
<div class="col-lg-4 mb-4">
<h4>Hestefakta</h4>
<form method="post" action="{{ path('app_search', {kind: 'horse' }) }}">
<div class="col-lg-12 col-sm-auto input-group mb-1 p-0 mt-2" >
<input type="text" class="form-control" aria-label="Recipients username" aria-describedby="basic-addon2" placeholder="Søk etter hest/kusk/trener" name="horse_name" style="padding: .3rem;font-size: .9rem;">
<div class="input-group-append">
<button class="btn btn-outline-primary" type="submit"><i class="fa fa-search fa-lg"></i></button>
</div>
</div>
<p>Søk trenere og kusker ved å skrive inn etternavnet. Søk hester ved å skrive inn hestens navn, enten starten av navnet eller hele navnet.</p>
</form>
<div>
<a href="https://www.rikstoto.no/Andelstorget/Butikker/00747" target="_blank">
<img class="w-100" src="/assets/img/Andelstorg_TGN 320x250.jpg">
</a>
</div>
</div>
</div>
</div>
</section>
<section class="travel-area">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="row">
{% for c,m in meetings %}
{% if (c > 0) %}
<div class="col-sm-6">
<div class="single-travel media pb-10">
{% set href = m.country == 'SWE' ? '/tipsSWE/' : '/tips/' %}
<a style="width:100%;" href="{{ href }}{{ m.mee_id }}">
{% if (m.image == '/assets/img/noimage.jpg') %}
<img class="img-fluid d-flex mr-3" src="/img/trav.jpg" alt="" style="width:100%;height:220px;object-fit:cover;object-position:top;border:1px solid #ccc;">
{% else %}
<img class="img-fluid d-flex mr-3" src="{{ m.image }}" alt="" style="width:100%;height:220px;object-fit:cover;object-position:top;border:1px solid #ccc;">
{% endif %}
</a>
<div class="dates" style="margin:6px;padding: 0px; background: none;">
{% set legtypes = m.legtypes | split('/') %}
{% for l in legtypes %}
<img src="/img/{{ l }}.png" style="width:50px;">
{% endfor %}
</div>
</div>
<div class="media-body align-self-center pb-30">
<h5 class="redright homesmalltitle">
<a href="{{ href }}{{ m.mee_id }}" style="color: grey;">
{{ m.shortname }} {{ days[m.date|date('w')] }} {{ m.date | date('j') }}. {{ months[m.date|date('n')-1] }}
</a>
</h5>
<h5 class="redright mt-2 homesubtitle" style="border-left:none; padding-left: 12px;">
<a href="{{ href }}{{ m.mee_id }}" style="width:100%;color:#000;" >
{% if (m.ready > 0) %}
{{ m['title'] }}
{% else %}
{% endif %}
</a>
</h5>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
<div class="col-lg-4">
</div>
</div>
</div>
</section>
{% endblock %}