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

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

{% block body3 %}
    <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/paciente.png') }}"> </i></h1>

                            <p style="font-weight: bold;">PACIÊNTES</p>
                        </div>
                        <div class="icon">
                            <i class="ion "><img src="{{ asset('assets/dist/img/paciente.png') }}"> </i>
                        </div>
                        <a href="{{ path('app_admin_paciente_index') }}" class="small-box-footer " style="background-color: #1C1C1C;">Gestão de paciêntes <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/medico.png') }}" style="height: 65px;"></i></h1>
                            <p style="font-weight: bold;">MARCAÇÃO DE CONSULTA</p>
                        </div>
                        <div class="icon">
                            <i class="ion"><img src="{{ asset('assets/dist/img/medico.png') }}"></i>
                        </div>
                        <a href="{{ path('app_admin_usuarios_index') }}"  class="small-box-footer bg-dark"><span style="color: #fff;">Gestão de consultas</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;">PAGAMENTOS</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">Efetuar pagamentos <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;">FOLHA DE CAIXA</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">Imprimir folha de caixa <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>
    </section>
{% endblock %}