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

{% block title %}{{ parent() }} - Administração{% endblock %}

{% block body1 %}
    <section class="content">
              <div class="container-fluid">
                  <!-- Small boxes (Stat box) -->
                  <div class="row">

                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box border-1" style="border: 2px solid #0c525d; background-color: #696969;">
                              <div class="inner">
                                  <h1><i class="ion "><img src="{{ asset('assets/dist/img/empresa.png') }}"> </i></h1>

                                  <p style="font-weight: bold;">DADOS DA EMPRESA</p>
                              </div>
                              <div class="icon">
                                  <i class="ion "><img src="{{ asset('assets/dist/img/empresa.png') }}"> </i>
                              </div>
                              <a href="{{ path('app_admin_empresa_index') }}" class="small-box-footer " style="background-color: #1C1C1C;">Gerir informação da empresa <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box bg-warning">
                              <div class="inner">
                                  <h1><i class="ion" style="color: white;"><img src="{{ asset('assets/dist/img/users.png') }}"></i></h1>
                                  <p style="font-weight: bold;">UTILIZADORES</p>
                              </div>
                              <div class="icon">
                                  <i class="ion"><img src="{{ asset('assets/dist/img/users.png') }}"></i>
                              </div>
                              <a href="{{ path('app_admin_usuarios_index') }}"  class="small-box-footer bg-dark"><span style="color: #fff;">Gestão de utilizadores</span> <i class="fas fa-arrow-circle-right" style="color: #fff;"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box " style="background-color: #2F4F4F;">
                              <div class="inner">
                                  <h1><i class="ion" style="color: white;"><img src="{{ asset('assets/dist/img/report.png') }}"></i></h1>

                                  <p style="color: white;">RELATÓRIOS</p>
                              </div>
                              <div class="icon">
                                  <i class="ion"><img src="{{ asset('assets/dist/img/report.png') }}"></i>
                              </div>
                              <a href="#"  style="background-color: #1C1C1C;" class="small-box-footer">Gestão de relatórios <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box " style="background-color: #6A5ACD;">
                              <div class="inner">
                                  <h1><i class="ion" style="color: white;"><img src="{{ asset('assets/dist/img/street.png') }}" style="width: 62px;"></i></h1>

                                  <p style="color: white;">ENDEREÇOS</p>
                              </div>
                              <div class="icon">
                                  <i class="ion"><img src="{{ asset('assets/dist/img/street.png') }}" style="width: 70px;"></i>
                              </div>
                              <a href="{{ path('app_bairro_index') }}"  style="background-color: #1C1C1C;" class="small-box-footer">Gestão de endereços <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <!-- ./col -->
                      {#<div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box bg-success">
                              <div class="inner">
                                  <h1><i class="ion ion-medkit"> </i></h1>

                                  <p>Médicos</p>
                              </div>
                              <div class="icon">
                                  <i class="ion ion-medkit"> </i>
                              </div>
                              <a href="#" class="small-box-footer">Cadastro de Médico <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <!-- ./col -->

                      <!-- ./col -->
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box bg-danger">
                              <div class="inner">
                                  <h1><img src="{{ asset('assets/dist/img/paciente32.png') }}"></h1>
                                  <p>Paciêntes</p>
                              </div>
                              <div class="icon">
                                  <i class="ion ion-people-outline"><img src="{{ asset('assets/dist/img/paciente.png') }}"></i>
                              </div>
                              <a href="#" class="small-box-footer">Cadastro de paciênte <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box bg-info">

                              <div class="inner">
                                  <h1><i class="ion ion-calendar"></i></h1>
                                  <p>Agenda Médica</p>
                              </div>

                              <div class="icon">
                                  <i class="ion ion-calendar"></i>
                              </div>
                              <a href="#" class="small-box-footer">Criar agenda <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>#}
                      <!-- ./col -->
                  </div>
                  <div class="row">
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box " style="background-color: #708090;">
                              <div class="inner">
                                  <h1><i class="ion" style="color: white;"><img src="{{ asset('assets/dist/img/comuna.png') }}" style="width: 62px;"></i></h1>

                                  <p style="color: white;">COMUNAS</p>
                              </div>
                              <div class="icon">
                                  <i class="ion"><img src="{{ asset('assets/dist/img/comuna.png') }}" style="width: 70px;"></i>
                              </div>
                              <a href="{{ path('app_comuna_index') }}"  style="background-color: #1C1C1C;" class="small-box-footer">Gestão de comunas <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box " style="background-color: #D2B48C;">
                              <div class="inner">
                                  <h1><i class="ion" style="color: white;"><img src="{{ asset('assets/dist/img/municipio.png') }}" style="width: 62px;"></i></h1>

                                  <p style="color: white;">MUNICÍPIOS</p>
                              </div>
                              <div class="icon">
                                  <i class="ion"><img src="{{ asset('assets/dist/img/municipio.png') }}" style="width: 70px;"></i>
                              </div>
                              <a href="{{ path('app_municipio_index') }}"  style="background-color: #1C1C1C;" class="small-box-footer">Gestão de município <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box " style="background-color: #F0E68C;">
                              <div class="inner">
                                  <h1><i class="ion" style="color: white;"><img src="{{ asset('assets/dist/img/provincia.png') }}" style="width: 62px;"></i></h1>

                                  <p style="color: white;">PROVÍNCIAS</p>
                              </div>
                              <div class="icon">
                                  <i class="ion"><img src="{{ asset('assets/dist/img/provincia.png') }}" style="width: 70px;"></i>
                              </div>
                              <a href="{{ path('app_provincia_index') }}"  style="background-color: #1C1C1C;" class="small-box-footer">Gestão de províncias <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box " style="background-color: #191970;">
                              <div class="inner">
                                  <h1><i class="ion" style="color: white;"><img src="{{ asset('assets/dist/img/bank.png') }}" style="width: 62px;"></i></h1>

                                  <p style="color: white;">BANCO</p>
                              </div>
                              <div class="icon">
                                  <i class="ion"><img src="{{ asset('assets/dist/img/bank.png') }}" style="width: 70px;"></i>
                              </div>
                              <a href="{{ path('app_banco_index') }}"  style="background-color: #1C1C1C;" class="small-box-footer">Gestão de coordenadas bancária <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      {#<div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box bg-gradient-indigo">

                              <div class="inner">
                                  <h1><i class="fas fa-shopping-cart"></i></h1>
                                  <p>Pagamento</p>
                              </div>

                              <div class="icon">
                                  <i class="ion ion-calendar"></i>
                              </div>
                              <a href="#" class="small-box-footer">Efetuar pagamento <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box bg-gradient-gray">
                              <div class="inner">
                                  <h1><i class="fas fa-file-contract" style="color: white;"></i></h1>
                                  <p>Ocorrênçia diária</p>
                              </div>
                              <div class="icon">
                                  <i class="fas fa-file-contract"></i>
                              </div>
                              <a href="#" class="small-box-footer">Ocorrênçia diária <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>
                      <!-- ./col -->
                      <div class="col-lg-3 col-6">
                          <!-- small box -->
                          <div class="small-box bg-success">
                              <div class="inner">
                                  <h1><i class="ion ion-medkit"> </i></h1>

                                  <p>Médicos</p>
                              </div>
                              <div class="icon">
                                  <i class="ion ion-medkit"> </i>
                              </div>
                              <a href="#" class="small-box-footer">Cadastro de Médico <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                      </div>#}
                      <!-- ./col -->
                  </div>
              </div>
    </section>
{% endblock %}