{% extends "layouts/base.html" %}

{% block title %} Profile {% endblock %} 

<!-- Specific CSS goes HERE -->
{% block stylesheets %}

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="{{ url_for('static', filename='assets/plugins/fontawesome-free/css/all.min.css') }}">
  <!-- fullCalendar -->
  <link rel="stylesheet" href="{{ url_for('static', filename='assets/plugins/fullcalendar/main.min.css') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='assets/plugins/fullcalendar-daygrid/main.min.css') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='assets/plugins/fullcalendar-timegrid/main.min.css') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='assets/plugins/fullcalendar-bootstrap/main.min.css') }}">
  <!-- Theme style -->
  <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/adminlte.min.css') }}">

{% endblock stylesheets %}

{% block content %}

<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
      <div class="container-fluid">
          <div class="row mb-2">
              <div class="col-sm-6">
                  <h1>Dynamic DT</h1>
              </div>
              <div class="col-sm-6">
                  <ol class="breadcrumb float-sm-right">
                  <li class="breadcrumb-item"><a href="/">Home</a></li>
                  <li class="breadcrumb-item active"><a href="{{ url_for('table_blueprint.dynamic_dt') }}">Dynamic DT</a></li>
                  </ol>
              </div>
          </div>
      </div>
  </section>

  <!-- Main content -->
  <section class="content">
      <div class="container-fluid">
          <!-- [ Main Content ] start -->
          <div class="row">
              <!-- [ Typography ] start -->
              <div class="col-sm-12">
                  <div class="card">
                      <div class="card-header">
                          <h5>
                            Available Routes - defined in <strong>config.DYNAMIC_DATATB</strong> - Read <a target="" href="https://app-generator.dev/docs/developer-tools/flask-dynamic-datatables.html">Documentation</a>.
                          </h5>
                      </div>
                      <div class="card-body">
                          <ul>
                              {% for link in routes %}
                                  <li>
                                      <a href="{{ url_for('table_blueprint.model_dt', aPath=link) }}">{{ link }}</a>
                                  </li>    
                              {% endfor %}
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>
</div> 

{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}

  <!-- jQuery -->
  <script src="{{ url_for('static', filename='assets/plugins//jquery/jquery.min.js') }}"></script>
  <!-- Bootstrap 4 -->
  <script src="{{ url_for('static', filename='assets/plugins//bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  <!-- AdminLTE App -->
  <script src="{{ url_for('static', filename='assets/js/adminlte.min.js') }}"></script>
  <!-- AdminLTE for demo purposes -->
  <script src="{{ url_for('static', filename='assets/js/demo.js') }}"></script>

{% endblock javascripts %}