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

{% block title %}User{% endblock %}

{% block body %}
              <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark"><i class="fas fa-user"></i>&nbsp;{{ user.nombres }}&nbsp;{{ user.apellidos}}</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
     
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"> <a href="{{ path('user_index') }}">Volver a lista</a></li>
            
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>

    <div class="content">
    <div class="container-fluid">
    <div class="row">

    <div class="card card-warning"  style="width:100%">
              <div class="card-header">
                <h3 class="card-title">Información principal</h3>
              </div>
    <div class="card-body">
    <table class="table">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ user.id }}</td>
            </tr>
            <tr>
                <th>Email</th>
                <td>{{ user.email }}</td>
            </tr>
            <tr>
                <th>Nombres</th>
                <td>{{ user.nombres }}</td>
            </tr>
            <tr>
                <th>Apellidos</th>
                <td>{{ user.apellidos }}</td>
            </tr>
            <tr>
                <th>Roles</th>
                <td>{{ user.roles ? user.roles|json_encode : '' }}</td>
            </tr>
            <tr>
                <th>Local</th>
                <td>{{ user.local }}<br><small>{{ user.local.direccion }}</small></td>
            </tr>
            
        </tbody>
    </table>

   </div>
    </div>
    </div>
    </div>
    </div>
{% endblock %}