@extends('layouts.app')

@section('content')

<div class="breadcomb-area">

    <div class="modals-default-notika">
        <div class="modal-inner-pro">

            <div class="row">

                <div class="row">
                    <div class="col-sm-12">
                        <h1>Usuario: {{ $usuario->name }}</h1> 
                        <br>    
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-3 recent-post-img" >           
                        <img src="{{ asset('storage').'/'. $usuario->photo }}" alt="{{ $usuario->name }}" width="200px">
                    </div>

                    <div class="col-sm-9">

                        <div class="row">
                            <div class="col-sm-3">                                     
                                <h5>Nombre de usuario:</h5>
                                <p>{{ $usuario->username }}</p> 
                            </div>
                            <div class="col-sm-3">                                     
                                <h5>Documento de identidad:</h5>
                                <p>{{ $usuario->document }}</p>                                    
                            </div>
                            <div class="col-sm-3">                                     
                                <h5>Perfil:</h5>
                                <p>{{ $usuario->profile }}</p>                                    
                            </div>
                            <div class="col-sm-3">                                    
                                <h5>Estado:</h5>
                                @if($usuario->status == "Activo")
                                    <p class="text-success">{{ $usuario->status }}s</p>     
                                @else                                
                                    <p>{{ $usuario->status }}</p>   
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3">                                
                                <h5>Teléfono:</h5>
                                <p>{{ $usuario->tel }}</p>                                    
                            </div>
                            <div class="col-sm-3">                                     
                                <h5>Movil:</h5>
                                <p>{{ $usuario->cel }}</p> 
                            </div>
                            <div class="col-sm-3">                                     
                                <h5>Whatsapp:</h5>
                                <p>{{ $usuario->whatsapp }}</p>                                    
                            </div>
                            <div class="col-sm-3">                                    
                                <h5>Correo Electrónico:</h5>
                                <p>{{ $usuario->email }}</p>                                   
                            </div>
                        </div>                        
                        <div class="row">                            
                            <div class="col-sm-10">                                     
                                <h5>Dirección:</h5>
                                <p>{{ $usuario->address }}</p>                                    
                            </div>
                        </div>

                    </div>

                </div>

                <br>

                <div class="row">
                    <div class="col-sm-6">                                     
                        <h5>Creado:</h5>
                        El <strong>{{ $usuario->created_at }}</strong> por                                      
                        @php
                            $consultaCr = DB::table('users')->select('name')->where('id', $usuario->creado_por)->get();                                               
                        @endphp
                        @foreach ($consultaCr as $usuario_usuario)
                            <strong>{{ $usuario_usuario->name }}</strong>
                        @endforeach
                    </div>
                    <div class="col-sm-6">
                        @if (isset($usuario->UpdatedBy))
                        <h5>Actualizado:</h5>

                            El <strong>{{ $usuario->updated_at }}</strong> por                                      
                            @php
                                $consultaCr = DB::table('users')->select('name')->where('id', $usuario->UpdatedBy)->get();                                               
                            @endphp
                            @foreach ($consultaCr as $usuario_usuario)
                                <strong>{{ $usuario_usuario->name }}</strong>
                            @endforeach
                            
                        @endif
                    </div>
                </div>

            </div>
                                    
            <div class="modal-ft">
                <button type="button" class="btn btn-default waves-effect" onclick="location.href='{{ url('usuarios') }}';">Volver atras</button>
                <button type="button" class="btn btn-primary waves-effect"  onclick="location.href='{{ url('usuarios/'.$usuario->id.'/edit') }}';">Editar usuario</button>
            </div>

        </div>

        <br>

    </div>

</div>

@endsection