{% extends 'pages/tmpl.html.twig' %}
{% block title %}Success stories | {{ parent() }}{% endblock %}
{% block body %}
<section class="page-success inverse">
<div class="container-fluid container-iocb">
<div class="row">
<div class="col-12 content-wrapper dash">
<h1 class="h2">Success stories</h1>
</div>
</div>
<div class="row">
<div class="col-iocb content-wrapper">
{{ page.getBlock('top-text').obsah|raw }}
</div>
</div>
</div>
</section>
<section class="inverse stories" data-controller="success">
<div class="container-fluid container-iocb">
<div class="row">
<div class="col-12 content-wrapper">
<ul class="nav" role="tablist" id="main-tab">
<li class="nav-item" role="presentation">
<a class="nav-link" href="#past" data-bs-toggle="tab" data-bs-target="#past" type="button" role="tab" aria-controls="past-tab-pane" aria-selected="true">Past success</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link active" href="#recent" data-bs-toggle="tab" data-bs-target="#recent" type="button" role="tab" aria-controls="recent-tab-pane" aria-selected="true">Recent success</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active " id="recent" role="tabpanel" aria-labelledby="recent-tab" tabindex="0">
{{ include('success/recent.html.twig') }}
</div>
<div class="tab-pane fade" id="past" role="tabpanel" aria-labelledby="past-tab" tabindex="0">
<ul class="nav nav-past row" role="tablist" id="past-tab">
<li class="nav-item col-12 col-lg-4" role="presentation">
<a class="nav-link active antiviral" href="#antiviral" data-bs-toggle="tab" data-bs-target="#antiviral" type="button" role="tab" aria-controls="antiviral-tab-pane" aria-selected="true">Antiviral drugs</a>
</li>
<li class="nav-item col-12 col-lg-4" role="presentation">
<a class="nav-link peptidic" href="#peptidic" data-bs-toggle="tab" data-bs-target="#peptidic" type="button" role="tab" aria-controls="peptidic-tab-pane" aria-selected="true">Peptidic drugs</a>
</li>
<li class="nav-item col-12 col-lg-4" role="presentation">
<a class="nav-link other" href="#other" data-bs-toggle="tab" data-bs-target="#other" type="button" role="tab" aria-controls="other-tab-pane" aria-selected="true">Other substances</a>
</li>
</ul>
<div class="tab-content main-content">
<div class="tab-pane fade show active" id="antiviral" role="tabpanel" aria-labelledby="antiviral-tab" tabindex="0">
{{ include('success/antiviral.html.twig') }}
</div>
<div class="tab-pane fade" id="peptidic" role="tabpanel" aria-labelledby="peptidic-tab" tabindex="0">
{{ include('success/peptidic.html.twig') }}
</div>
<div class="tab-pane fade" id="other" role="tabpanel" aria-labelledby="other-tab" tabindex="0">
{{ include('success/other.html.twig') }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock body %}