{% extends "layouts/organization.html.twig" %}
{% block bodyClass %}tpl-generic-page-2-cols{% endblock %}
{% block siteHeader %}
{% include 'organisms/organization-header.html.twig' %}
{% endblock %}
{% block pageHeader %}
<usc-page-header>
<template v-slot:breadcrumb>
<ol class="at-breadcrumb">
<li class="breadcrumb-item"><a href="{{ path('center-calendar') }}">Calendarios</a></li>
</ol>
</template>
<h1 class="at-title">Convocatorias</h1>
</usc-page-header>
{% endblock %}
{% block pageContent %}
<article class="generic-page-wrapper">
<div class="generic-page-left">
<div class="ml-filters-group">
<usc-dropdown-filter
label="Curso"
:initial-value="{value: 'Curso 2019-2020'}"
>
<template v-slot:default="slotProps">
<li>
<a href="">Curso 2020-2021</a>
</li>
<li>
<a href="">Curso 2019-2020</a>
</li>
<li>
<a href="">Curso 2018-2019</a>
</li>
</template>
</usc-dropdown-filter>
<usc-dropdown-filter
label="Todas as materias"
target-container="#filtered-container-1"
target-items=".subject-class"
>
<template v-slot:default="slotProps">
<li>
<button type="button" @click="slotProps.filter" data-value="is-type-1">Formación básica
</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="is-type-2">Materias
obrigatorias
</button>
</li>
<li>
<button type="button" @click="slotProps.filter" data-value="is-type-3">Materias optativas
</button>
</li>
<li>
<button type="button" @click="slotProps.reset">Ver todas</button>
</li>
</template>
</usc-dropdown-filter>
</div>
<div class="at-text">
<h2 class="at-title is-3">Datas de exame</h2>
</div>
<usc-accordion id="filtered-container-1">
<usc-accordion-item :is-open="false" class="subject-class is-type-1">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-2">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-3">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-4">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-1">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-2">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-3">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-4">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-1">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
<usc-accordion-item :is-open="false" class="subject-class is-type-2">
<template v-slot:header>Nome da materia</template>
<table class="ml-table is-primary has-align-top">
<thead>
<tr>
<th>Convocatoria</th>
<th>Oportunidade</th>
<th>Data</th>
<th>Aula</th>
<th>Grupo</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Primeira oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 02</td>
<td>Grupo B - horario de mañá (G-Z)</td>
</tr>
<tr>
<td>00/00/0000 00:00</td>
<td>Aula 03</td>
<td>Grupo C - horario de tarde (A-Z)</td>
</tr>
<tr>
<td rowspan="3">Primeiro cuadrimestre</td>
<td rowspan="3">Segunda oportunidade</td>
<td>00/00/0000 00:00</td>
<td>Aula 01</td>
<td>Grupo A - horario de mañá (A-F)<td>
</tr>
<tr>
<td rowspan="2">00/00/0000 00:00</td>
<td rowspan="2">Aula 02</td>
<td>Grupo B - horario de mañá (F-Z)<td>
</tr>
<tr>
<td>Grupo C - horario de mañá (A-Z)<td>
</tr>
</tbody>
</table>
</usc-accordion-item>
</usc-accordion>
</div>
<div class="generic-page-right">
<div class="at-text">
<h2 class="at-title is-4">Información xenérica</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum
ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor. Vestibulum
ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue.</p>
</div>
</div>
</article>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}