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

{% block title %}
    WONDER-Transportistas
{% endblock %}
{% block titulo %}
    GESTIÓN DE TRANSPORTISTAS
{% endblock %}
{% block bread %}
    <li class="active">Transportista</li>
{% endblock %}

{% block body %}
    <style>
        body {background-image: url({{ asset('recursos/imagenes/sistema/fondo_lateral.png')}});
            background-repeat: no-repeat;
            /*background-size: 200px;*/
            background-size: cover;
        }

        .col-md-3 {
            max-width: 100%;
        }
    </style>

    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                <h3 class="box-title">Usuario</h3>
                <hr class="m-t-0 m-b-40">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label col-md-3">Transportista</label>
                            <div class="col-md-9">
                                {{ tusuario.nombres }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="control-label col-md-3">Carnet</label>
                            <div class="col-md-9">
                                {{ tusuario.carnet }}
                            </div>
                        </div>
                    </div>
                    <!--/span-->
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="control-label col-md-3">Celular </label>
                            <div class="col-md-9">
                                {{ tusuario.celular }}
                            </div>
                        </div>
                    </div>
                </div><br/>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label col-md-3">Foto</label>
                            <div class="col-md-9">
                                <a class="image-popup-vertical-fit" href="{{ asset('recursos/imagenes/usuarios/'~ tusuario.foto) }}" data-toggle="tooltip" title="Hazme Click!!">
                                    <img src="{{ asset('recursos/imagenes/usuarios/'~ tusuario.foto) }}" class="img-responsive" width="50%" border="0"/>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!--/span-->
                    <!--/span-->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label col-md-3">Estado</label>
                            <div class="col-md-9">
                                {% if (tusuario.estado == 1) %}
                                    <label class="control-label col-md-4 ">ACTIVO</label>
                                {% else %}
                                    <label class="control-label col-md-4 ">INACTIVO</label>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group col-sm-12"> <br></div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-12">Banco</label>
                                <div class="col-md-12">
                                    {{ tusuario.domicilio }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-12">Cuenta</label>
                                <div class="col-md-12">
                                    {{ tusuario.correo }}
                                </div>
                            </div>
                        </div>
                        <div class="form-group col-sm-12">.</div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3">Observación</label>
                                <div class="col-md-9">
                                    {{ tusuario.observacion }}
                                </div>
                            </div>
                        </div>

                    </div>
                </div>




                <hr class="m-t-0 m-b-20">
                <a class="btn btn-info waves-effect waves-light" href="{{ path('tusuario_indextrans') }}">Volver</a>
            </div>
        </div><!-- /. columna1 -->
    </div>
    <!-- /.row -->
{% endblock %}

{% block javascripts %}

{% endblock %}




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

{#{% block title %}Tusuario{% endblock %}#}

{#{% block body %}#}
{#    <h1>Tusuario</h1>#}

{#    <table class="table">#}
{#        <tbody>#}
{#            <tr>#}
{#                <th>Idusuario</th>#}
{#                <td>{{ tusuario.idusuario }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Username</th>#}
{#                <td>{{ tusuario.username }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Password</th>#}
{#                <td>{{ tusuario.password }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Carnet</th>#}
{#                <td>{{ tusuario.carnet }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Nombres</th>#}
{#                <td>{{ tusuario.nombres }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Celular</th>#}
{#                <td>{{ tusuario.celular }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Correo</th>#}
{#                <td>{{ tusuario.correo }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Domicilio</th>#}
{#                <td>{{ tusuario.domicilio }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Foto</th>#}
{#                <td>{{ tusuario.foto }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Observacion</th>#}
{#                <td>{{ tusuario.observacion }}</td>#}
{#            </tr>#}
{#            <tr>#}
{#                <th>Estado</th>#}
{#                <td>{{ tusuario.estado ? 'Yes' : 'No' }}</td>#}
{#            </tr>#}
{#        </tbody>#}
{#    </table>#}

{#    <a href="{{ path('tusuario_index') }}">back to list</a>#}

{#    <a href="{{ path('tusuario_edit', {'idusuario': tusuario.idusuario}) }}">edit</a>#}

{#    {{ include('tusuario/_delete_form.html.twig') }}#}
{#{% endblock %}#}
