{% extends 'base.html.twig' %}

{% block title %}Rendiciones{% endblock %}

{% block body %}


<div class="row">
  <div class="col-2 nav-izquierdo shadow-lg p-3 mb-5 bg-white rounded">
    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
      <a class="nav-link" id="v-pills-fpr-tab" data-toggle="pill" href="#v-pills-fpr" role="tab" aria-controls="v-pills-fpr" aria-selected="false">Fondos por rendir</a>
      <a class="nav-link" id="v-pills-ff-tab" data-toggle="pill" href="#v-pills-ff" role="tab" aria-controls="v-pills-fpr" aria-selected="false">Fondos por pagar</a>
      <a class="nav-link" id="v-pills-rpp-tab" data-toggle="pill" href="#v-pills-rpp" role="tab" aria-controls="v-pills-fpr" aria-selected="false">Rendiciones por pagar</a>
    </div>
  </div>
  <div class="col-10 nav-derecho p-3 mb-5">
    <div class="tab-content" id="v-pills-tabContent">
      <div class="tab-pane fade show active" id="v-pills-fpr" role="tabpanel" aria-labelledby="v-pills-fpr-tab"></div>
 
      
    </div>
  </div>
</div>



{% endblock %}