@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid paso-uno">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-md-3">
                        <div class="form-group">
                            <a class="btn btn-info btn-block text-white" onclick="toggle()">Editar</a>
                        </div>    
                    </div>
                    
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mt-4">
                                
                                <h4>Sistema de Clientes:
                                    @if ($settingCliente->cliente == 1)
                                    SI
                                    @else
                                    NO
                                    @endif
                                </h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-1" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                            </div>
                         </div>
                         
                         
                         <div class="col-md-6">
                            <div class="mt-4">
                                
                                <h4>Los Clientes Tiene Acceso Al Backoffice:
                                    @if ($settingCliente->permiso == 1)
                                    SI
                                    @else
                                    NO
                                    @endif
                                </h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-1" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                            </div>
                         </div>
                         
                         
                         
                         <div class="col-md-6">
                            <div class="mt-4">
                                
                                <h4>Tipo de Estructura: {{$settingEstructura->tipoestructura}}</h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                            </div>
                         </div>
                         
                         
                         <div class="col-md-6">
                            <div class="mt-4">
                                
                                <h4>Cantidad de Niveles (Fila en Matriz): {{$settingEstructura->cantnivel}}</h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                            </div>
                         </div>
                         
                         
                         @if($settingEstructura->tipoestructura == 'matriz' || $settingEstructura->tipoestructura == 'binaria')
                         
                            <div class="col-md-6">
                               <div class="mt-4">
                                
                                <h4>Cantidad de Columnas (Matriz): {{$settingEstructura->cantfilas}}</h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                               </div>
                            </div>
                            
                            
                            <div class="col-md-6">
                               <div class="mt-4">
                                
                                <h4>Matriz de: {{$settingEstructura->cantfilas}} * {{$settingEstructura->cantnivel}}</h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                               </div>
                            </div>
                        
                        @elseif($settingEstructura->tipoestructura == 'ambas')
                            
                            <div class="col-md-6">
                               <div class="mt-4">
                                
                                <h4>Cantidad de Columnas (Matriz): {{$settingEstructura->cantfilas}}</h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                               </div>
                            </div>
                            
                            
                            <div class="col-md-6">
                               <div class="mt-4">
                                
                                <h4>Matriz de: {{$settingEstructura->cantfilas}} * {{$settingEstructura->cantnivel}}</h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                               </div>
                            </div>
                            
                            
                            
                            <div class="col-md-6">
                               <div class="mt-4">
                                
                                <h4>Estructura Principal (Ambas)
                                
                                @if($settingEstructura->estructuraprincipal == 1)
                                  Arbol
                                @elseif($settingEstructura->estructuraprincipal == 2)
                                  Matriz
                                @endif
                                </h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                               </div>
                            </div>
                            
                            
                            <div class="col-md-6">
                               <div class="mt-4">
                                
                                <h4>Usuario de la estructura Principal (Ambas)
                                
                                @if($settingEstructura->usuarioprincipal == 1)
                                  Admin
                                @elseif($settingEstructura->usuarioprincipal == 2)
                                  Usuarios
                                @endif
                                
                                </h4>
                                
                                <div class="progress mb-3" style="height: 7px">
                                    <div class="progress-bar gradient-4" style="width: 100%;" role="progressbar"></div>
                                </div>
                                
                               </div>
                            </div>
                            
                        @endif
                    </div>
                    
                    
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container-fluid paso-dos" style="display:none;">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <h4>Configuración de Estructura del Sistema </h4>
                     
                    <div class="col-md-12">
                        <div class="alert alert-info" role="alert">
                             <strong>¡Aviso!</strong> La Modificación de esta parte va a reiniciar todo el sistema, usarlo solamente para nuevas instalaciones
                        </div>
                    </div>
                    
                    <form class="" action="{{route('setting-save-estructura')}}" method="post">
                      {{ csrf_field() }}
                       
                        <div class="row">  
                            
                            @include('setting.estructura.modal.datos')
                            
                        </div>
                       
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
</div>

@endsection


@push('script')
<script type="text/javascript">
    
    function toggle() {
       $('.paso-uno').toggle('slow')
       $('.paso-dos').toggle('slow')
    }
    
    
    function estructuradetalle() {
       $(".matriz").hide(100)
       $(".ambas").hide(100)
       $(".matriz input").removeAttr('required')
       $(".ambas select").removeAttr('required')
       let estrutura = $("#tipoestrutura").val()
    
        if (estrutura == 'matriz') {
          $(".matriz").toggle(100)
          $(".matriz input").attr('required', 'true')
        }else if (estrutura == 'binaria') {
          $(".matriz").toggle(100)
          $(".matriz input").attr('required', 'true')
          $(".matriz input").val(2);
          $(".matriz input").attr('readonly', 'true');
        } else if (estrutura == 'ambas') {
          $(".matriz").toggle(100)
          $(".matriz input").attr('required', 'true')
          $(".ambas").toggle(100)
          $(".ambas select").attr('required', 'true')
        }
    }

</script>
@endpush