@extends('layouts.dashboardnew')

@section('content')


<style>
.tooltip-inner {
    background-color: #fff !important;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    max-width: none;
}

.dimensiones{
    width: 250px;
}
</style>


{{-- buscador --}}
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                   <h4 class="card-title"> <i class="mdi mdi-account-card-details"></i> Filtrar por Usuario</h4>

                    <form action="{{route('filtrobusqueda')}}" method="get">

                     <div class="row">
                        <div class="col-md-4 col-xs-12">
                         <label class="control text-dark">ID a Buscar</label>
                         <input type="number" step="1" name="id" class="form-control" required>
                        </div>

                        <div class="col-auto" style="margin-top: 2rem !important;">
                          <button class="btn btn-info" type="submit">Buscar</button>
                        </div>
                     </div>
                
                    </form>

                </div>    
            </div>
        </div>
    </div>
</div>    


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body genealogy-body genealogy-scroll">
         <div class="genealogy-tree">
           <ul>
             <li>
                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="right" data-html="true" title='<div class="dimensiones"> <div class="color-interno mb-3">

                    <img title="{{ ucwords($referidoBase['nombre']) }}" src="{{  asset('/fondo/') }}/{{ $referidoBase['avatar'] }}" class="dimensiones-img">
                    
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">ID</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $referidoBase['ID'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Nombre</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $referidoBase['nombre'] }}</h5>
                        </div>
                        
                        @if (!empty($settingPuntos))
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos Personales</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $referidoBase['personales'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos de Red</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $referidoBase['red'] }}</h5>
                        </div>
                        @endif
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Rango</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $referidoBase['rol'] }}</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Fecha Ingreso</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ date('d-m-Y', strtotime($referidoBase['fechaingreso'])) }}</h5>
                        </div>
                    </div>
                </div> '>

                    <div class="member-view-box">
                        <div class="member-image">
                            <img title="{{ ucwords($referidoBase['nombre']) }}" src="{{  asset('/arbol/') }}/{{ $referidoBase['picture'] }}">
                        </div>
                    </div>
                </a>

                <ul class="active">
                @foreach ($referidosAll as $item)
                  @if ($item['subreferido'] == 0)
                    @if($item['idpatrocinador'] == $referidoBase['ID'] && $item['nivel'] == 1)
                    <li>
                        <a href="{{ route('moretree', $item['ID']) }}@if(!empty(request()->user))?user={{request()->user}} @endif" data-toggle="tooltip" data-placement="right" data-html="true" title='<div class="dimensiones"> <div class="color-interno mb-3">

                    <img title="{{ ucwords($item['nombre']) }}" src="{{  asset('/fondo/') }}/{{ $item['avatar'] }}" class="dimensiones-img">
                    
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">ID</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $item['ID'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Nombre</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $item['nombre'] }}</h5>
                        </div>
                        
                        @if (!empty($settingPuntos))
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos Personales</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $item['personales'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos de Red</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $item['red'] }}</h5>
                        </div>
                        @endif
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Rango</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $item['rol'] }}</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Fecha Ingreso</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ date('d-m-Y', strtotime($item['fechaingreso'])) }}</h5>
                        </div>
                    </div>
                </div> '>

                            <div class="member-view-box">
                                <div class="member-image">
                                    <img title="{{ ucwords($item['nombre']) }}" src="{{  asset('/arbol/') }}/{{ $item['picture'] }}">
                                </div>
                            </div>
                        </a>
                       <ul> 
                        @foreach ($referidosAll as $elemento)
                         @if($elemento['subreferido'] == 0)
                          @if($elemento['idpatrocinador'] == $item['ID'] && $elemento['nivel'] == 2)
                            <li>
                             <a href="{{ route('moretree', $elemento['ID']) }}@if(!empty(request()->user))?user={{request()->user}} @endif" data-toggle="tooltip" data-placement="right" data-html="true" title='<div class="dimensiones"> <div class="color-interno mb-3">

                    <img title="{{ ucwords($elemento['nombre']) }}" src="{{  asset('/fondo/') }}/{{ $elemento['avatar'] }}" class="dimensiones-img">
                    
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">ID</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento['ID'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Nombre</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento['nombre'] }}</h5>
                        </div>
                        
                        @if (!empty($settingPuntos))
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos Personales</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento['personales'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos de Red</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento['red'] }}</h5>
                        </div>
                        @endif
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Rango</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento['rol'] }}</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Fecha Ingreso</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ date('d-m-Y', strtotime($elemento['fechaingreso'])) }}</h5>
                        </div>
                    </div>
                </div> '>
                            
                               <div class="member-view-box">
                                <div class="member-image">
                                    <img title="{{ ucwords($elemento['nombre']) }}" src="{{  asset('/arbol/') }}/{{ $elemento['picture'] }}">
                                </div>
                               </div>
                              </a>  

                            <ul>
                            @foreach ($referidosAll as $elemento2)
                             @if($elemento2['subreferido'] == 0)
                              @if($elemento2['idpatrocinador'] == $elemento['ID'] && $elemento2['nivel'] == 3)
                               <li>
                                 <a href="{{ route('moretree', $elemento2['ID']) }}@if(!empty(request()->user))?user={{request()->user}} @endif" data-toggle="tooltip" data-placement="right" data-html="true" title='<div class="dimensiones"> <div class="color-interno mb-3">

                    <img title="{{ ucwords($elemento2['nombre']) }}" src="{{  asset('/fondo/') }}/{{ $elemento2['avatar'] }}" class="dimensiones-img">
                    
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">ID</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento2['ID'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Nombre</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento2['nombre'] }}</h5>
                        </div>
                        
                        @if (!empty($settingPuntos))
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos Personales</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento2['personales'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos de Red</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento2['red'] }}</h5>
                        </div>
                        @endif
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Rango</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento2['rol'] }}</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Fecha Ingreso</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ date('d-m-Y', strtotime($elemento2['fechaingreso'])) }}</h5>
                        </div>
                    </div>
                </div> '>

                                  <div class="member-view-box">
                                   <div class="member-image">
                                    <img title="{{ ucwords($elemento2['nombre']) }}" src="{{  asset('/arbol/') }}/{{ $elemento2['picture'] }}">
                                   </div>
                                  </div>
                                 </a>

                                   <ul>
                                   @foreach ($referidosAll as $elemento3)
                                    @if($elemento3['subreferido'] == 0)
                                     @if($elemento3['idpatrocinador'] == $elemento2['ID'] && $elemento3['nivel'] == 4)
                                     <li>
                                      <a href="{{ route('moretree', $elemento3['ID']) }}@if(!empty(request()->user))?user={{request()->user}} @endif" data-toggle="tooltip" data-placement="right" data-html="true" title='<div class="dimensiones"> <div class="color-interno mb-3">

                    <img title="{{ ucwords($elemento3['nombre']) }}" src="{{  asset('/fondo/') }}/{{ $elemento3['avatar'] }}" class="dimensiones-img">
                    
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">ID</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento3['ID'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Nombre</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento3['nombre'] }}</h5>
                        </div>
                        
                        @if (!empty($settingPuntos))
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos Personales</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento3['personales'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos de Red</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento3['red'] }}</h5>
                        </div>
                        @endif
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Rango</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento3['rol'] }}</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Fecha Ingreso</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ date('d-m-Y', strtotime($elemento3['fechaingreso'])) }}</h5>
                        </div>
                    </div>
                </div> '>

                                       <div class="member-view-box">
                                        <div class="member-image">
                                          <img title="{{ ucwords($elemento3['nombre']) }}" src="{{  asset('/arbol/') }}/{{ $elemento3['picture'] }}">
                                        </div>
                                       </div>
                                      </a>

                                      <ul>
                                      @foreach ($referidosAll as $elemento4)
                                       @if($elemento4['subreferido'] == 0)
                                        @if($elemento4['idpatrocinador'] == $elemento3['ID'] && $elemento4['nivel'] == 5)
                                         <li>
                                           <a href="{{ route('moretree', $elemento4['ID']) }}@if(!empty(request()->user))?user={{request()->user}} @endif" data-toggle="tooltip" data-placement="right" data-html="true" title='<div class="dimensiones"> <div class="color-interno mb-3">

                    <img title="{{ ucwords($elemento4['nombre']) }}" src="{{  asset('/fondo/') }}/{{ $elemento4['avatar'] }}" class="dimensiones-img">
                    
                    </div>
                    
                    <hr>
                    
                    <div class="row">
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">ID</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento4['ID'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Nombre</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento4['nombre'] }}</h5>
                        </div>
                        
                        @if (!empty($settingPuntos))
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos Personales</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento4['personales'] }}</h5>
                        </div>
                        
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Puntos de Red</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento4['red'] }}</h5>
                        </div>
                        @endif
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Rango</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ $elemento4['rol'] }}</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-left">Fecha Ingreso</h5>
                        </div>
                        
                        <div class="col-md-6">
                           <h5 class="text-dark text-right">{{ date('d-m-Y', strtotime($elemento4['fechaingreso'])) }}</h5>
                        </div>
                    </div>
                </div> '>

                                            <div class="member-view-box">
                                             <div class="member-image">
                                              <img title="{{ ucwords($elemento4['nombre']) }}" src="{{  asset('/arbol/') }}/{{ $elemento4['picture'] }}">
                                            </div>
                                           </div>
                                          </a>
                                         </li>  
                                        @endif
                                       @endif
                                      @endforeach 

                                     </ul>
                                    </li>  
                                    @endif
                                   @endif
                                  @endforeach 

                                 </ul>
                               </li>  
                              @endif
                             @endif
                            @endforeach 
                            </ul>     
                          </li>

                          @endif
                         @endif
                        @endforeach
                        </ul>     
                     </li> 

                    @endif
                  @endif
                @endforeach  
            </ul>
          </li>
        </ul>
      </div>
    </div>    

    <div class="d-flex justify-content-center">
      <div class="row">
        @if ($principal == 'NO')
    
         <div class="col-xs-4">
           <a href="{{ route('referraltree')}}@if(!empty(request()->user))?user={{request()->user}} @endif" class="btn btn-info btn-block">Regresar</a>
         </div>
     
        @endif
      </div>  
    </div>
  </div>
 </div>
</div>                   

@endsection