@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid principal">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                              <a href="{{route('setting-traductor')}}" class="btn btn-info btn-block text-white">@if($settings->traductor == '1') Desactivar Traductor @else Activar Traductor @endif</a>
                            </div>    
                        </div>
                        
                        <div class="col-md-4">
                            <div class="form-group">
                              <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#footer">Cambiar Footer</a>
                            </div>    
                        </div>
                        
                        <div class="col-md-4">
                            <div class="form-group">
                              <a href="{{route('mantenimiento-save')}}" class="btn btn-info btn-block text-white">@if($settings->mantenimiento == '1') Desactivar Pagina de Mantenimiento @else Activar Pagina de Mantenimiento @endif</a>
                            </div>    
                        </div>
                    </div>    
                    
                    
                    <h4 class="card-title mt-3">Información del Sistema</h4>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Nombre del Sistema</label>
                               <input class="form-control" disabled placeholder="{{$settings->name}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Edad Minima Para Ingresar al sistema</label>
                               <input class="form-control" disabled placeholder="{{$settings->edad_minino}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Licencia del Sistema</label>
                               <input class="form-control" disabled placeholder="{{$settings->licencia}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Fecha de Vencimiento de la Licencia</label>
                               <input class="form-control" disabled placeholder="{{date('d-m-Y', strtotime($settings->fecha_vencimiento))}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Whatsapp</label>
                               <input class="form-control" disabled placeholder="{{ $settings->whatsap }}">
                            </div>
                        </div>
                    </div>
                    
                    
                    <h4 class="card-title mt-3">Imagenes del Sistema</h4>
                    
                    <div class="row">
                        
                        <div class="col-md-3 col-xs-12">
                            <div class="card">
                                <img src="{{asset('fondo/5.jpg')}}" class="img-thumbnail" alt="logo del sistema" style="height: 150px;">
                                <div class="card-body">
                                  <h5 class="text-center">Logo del Sistema</h5>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-3 col-xs-12">
                            <div class="card">
                                <img src="{{asset('favicon.png')}}" class="img-thumbnail" alt="logo del sistema" style="height: 150px;">
                                <div class="card-body">
                                  <h5 class="text-center">Favicon del Sistema</h5>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-3 col-xs-12">
                            <div class="card">
                                <img src="{{ asset('assets/blanco.png') }}" class="img-thumbnail" alt="logo del sistema" style="height: 150px;">
                                <div class="card-body">
                                  <h5 class="text-center">Banner del Login</h5>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-3 col-xs-12">
                            <div class="card">
                                <img src="{{ asset('assets/formulario.png') }}" class="img-thumbnail" alt="logo del sistema" style="height: 150px;">
                                <div class="card-body">
                                  <h5 class="text-center">Banner del Formulario</h5>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    
                    
                    <h4 class="card-title mt-3">Slider Home</h4>
                    
                    <div class="row">
                        @foreach($component as $item)
                        <div class="col-md-3 col-xs-12">
                            <div class="card">
                                <img src="{{asset('drop/'.$item->slider)}}" class="img-fluid" alt="logo del sistema">
                                <div class="card-body text-center">
                                   <a href="{{route('setting-delete-drop', $item->id)}}"><i class="fa fa-trash" style="font-size: 25px; color: #c31b1b;"></i></a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    
                    <div class="row d-flex justify-content-center mt-4">
                        <div class="col-md-4">
                            <a class="btn btn-info btn-block text-white" onclick="mostrar()">Editar Información</a>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid segundaria" style="display: none;">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <h4 class="card-title mt-3">Información del Sistema</h4>
                    
                    <form class="" action="{{route('setting-save-name')}}" method="post">
                     {{ csrf_field() }}
                    
                      <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Nombre del Sistema</label>
                               <input class="form-control" type="text" name="namesystem"  value="{{$settings->name}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Edad Minima Para Ingresar al sistema</label>
                               <input class="form-control" type="number" name="edad_minima" value="{{$settings->edad_minino}}">
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group">
                               <label>Whatsapp</label>
                               <input class="form-control" type="text" name="info" value="{{$settings->whatsap}}">
                            </div>
                        </div>
                      </div>  
                      
                      
                      <div class="row d-flex justify-content-center mt-4">
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                        </div>
                      </div>
                    
                    </form>
                    
                    
                    <h4 class="card-title mt-3">Imagenes del Sistema</h4>
                    
                    <div class="row">
                        <div class="col-md-6 mt-3">
                          <form class="" action="{{route('setting-save-logo')}}" method="post" enctype="multipart/form-data">
                           {{ csrf_field() }}
                       
                       
                        <div class="col-sm-12 mb-3">
                            
                            <div class="form-group">
                                <div class="alert alert-info" role="alert">
                                     <h6>Dimension para la imagen 250 x 250 pixeles, formato PNG,JPG,JPEG.</h6>
                                </div>     
                            </div>
                            
                            <div class="input-group mt-4">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" name="logo">
                                    <label class="custom-file-label">Seleccione el logo Sistema</label>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row d-flex justify-content-center">
                           <div class="col-md-6">
                              <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                           </div>
                        </div>
                        
                          </form>  
                        </div>
                        
                        
                        <div class="col-md-6 mt-3">
                          <form class="" action="{{route('setting-save-favicon')}}" method="post" enctype="multipart/form-data">
                           {{ csrf_field() }}
                       
                       
                        <div class="col-sm-12 mb-3">
                            
                            <div class="form-group">
                                <div class="alert alert-info" role="alert">
                                     <h6>Dimension para la imagen 30 x 30 pixeles, formato PNG,JPG,JPEG,ICO.</h6>
                                </div>     
                            </div>
                            
                            <div class="input-group mt-4">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" name="favicon">
                                    <label class="custom-file-label">Seleccione el Favicon Sistema</label>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row d-flex justify-content-center">
                           <div class="col-md-6">
                              <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                           </div>
                        </div>
                        
                          </form>
                        </div>
                        
                        
                        <div class="col-md-6 mt-3">
                          <form class="" action="{{route('setting-save-banner')}}" method="post" enctype="multipart/form-data">
                           {{ csrf_field() }}
                       
                       
                        <div class="col-sm-12 mb-3">
                            <div class="form-group">
                                <div class="alert alert-info" role="alert">
                                     <h6>Dimension para la imagen 1920 x 1279 pixeles, formato PNG,JPG,JPEG.</h6>
                                </div>     
                            </div>
                            
                            <div class="input-group mt-4">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" name="banner">
                                    <label class="custom-file-label">Seleccione el Banner del Login</label>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row d-flex justify-content-center">
                           <div class="col-md-6">
                              <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                           </div>
                        </div>
                        
                          </form>
                        </div>
                        
                        
                        <div class="col-md-6 mt-3">
                          <form class="" action="{{route('setting-save-banner-formulario')}}" method="post" enctype="multipart/form-data">
                           {{ csrf_field() }}
                       
                       
                        <div class="col-sm-12 mb-3">
                            <div class="form-group">
                                <div class="alert alert-info" role="alert">
                                     <h6>Dimension para la imagen 1920 x 1279 pixeles, formato PNG,JPG,JPEG.</h6>
                                </div>     
                            </div>
                            
                            <div class="input-group mt-4">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" name="formulario">
                                    <label class="custom-file-label">Seleccione el Banner del Formulario</label>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row d-flex justify-content-center">
                           <div class="col-md-6">
                              <button type="submit" class="btn btn-info btn-block text-white">Aceptar</button>
                           </div>
                        </div>
                        
                          </form>
                        </div>
                    </div>
                    
                    
                    <h4 class="card-title mt-3">Slider Home</h4>
                    
                    <form method="post" action="{{route('setting-save-home')}}"
                    enctype="multipart/form-data" class="dropzone" id="dropzone">
                        {{ csrf_field() }}
                        
                        <div class="dz-message" data-dz-message>
                            <img src="{{asset('fondo/upload.jpg')}}" class="img-fluid" alt="subir archivo" style="width: 150px; height: 130px;">
                            <h5>Arrastre o Pulse aqui las imagenes</h5>
                            <h6>Dimension para la imagen 1200 x 120 pixeles, formato PNG,JPG,JPEG,GIF</h6>
                        </div>
                        
                    </form>
                        
                </div>
            </div>
        </div>
    </div>
</div>    


@include('setting.footer.index')


@endsection

@push('script')
<script type="text/javascript">

    $(document).ready(function () {
       $('.summernote').summernote({
          toolbar: [
             ['style', ['style']],
             ['font', ['bold', 'underline', 'clear']],
             ['color', ['color']],
             ['para', ['ul', 'ol', 'paragraph']],
             ['table', ['table']],
             ['insert', ['link', 'picture']],
             ['view', ['fullscreen', 'codeview']]
          ]
        });
    })
  
   function mostrar(){
      $('.principal').toggle('slow')
      $('.segundaria').toggle('slow')
   }
   
   Dropzone.options.dropzone = {
       
        //dictDefaultMessage: 'Arrastre o Pulse aqui las imagenes',
        dictFallbackMessage: 'Lo sentimos su navegador no es compatible',
        dictCancelUploadConfirmation: 'Esta seguro que desea cancelar la subida del archivo ?',
        dictCancelUpload: 'Cancelar',
        dictRemoveFile: 'Eliminar',
        paramName: 'slider',
        maxFilesize: 5,
       
        maxfilesexceeded: function(file) {
            
            confirm("A superado el maximo de archivos subidos");    
            this.removeAllFiles();
           
        },
        
        addRemoveLinks: true,
        acceptedFiles: ".jpeg,.jpg,.png,.gif",
        timeout: 5000,
        
        
        error: function(file, response){
            return false;
        }
            
   }
   
</script>
@endpush