@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">#</th>
						        <th class="text-center">Titulo</th>
						        <th class="text-center">Descripción</th>
						        <th class="text-center">Observaciones</th>
						        <th class="text-center">Tipo</th>
						        <th class="text-center">Estado</th>
						        <th class="text-center">Acciónes</th>
                            </thead>
                            <tbody>
                                @foreach ($seguriti as $segu)
                                <tr>
                                  <td class="text-center">{{ $segu->id }}</td>
						          <td class="text-center">{{ $segu->titulo }}</td>
						          <td class="text-center">{{ $segu->contenido }}</td>
						          <td class="text-center">{{ $segu->concepto }}</td>
						          <td class="text-center">
						            @if($segu->tipo == '1')
						               Una ves al dia
						            @elseif($segu->tipo == '2')
						               Siempre
						            @else
						               cada 30 dias
						            @endif
						         </td>
						
						         <td class="text-center">
						            @if($segu->status == '1')
						             <span class="badge badge-info px-2 text-white">Activo</span>
						            @else
						             <span class="badge badge-danger px-2 text-white">Desactivado</span>
						            @endif
						         </td>
						
						         <td class="text-center">
						             
						             <div role="group" class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-info dropdown-toggle" type="button" aria-expanded="false">
                                                Acciones</button>
                                        <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 37px, 0px);">
                                            
                                            @if($segu->status == '0')
                                            <a href="{{route('setting-seguridad-active', $segu->id)}}" class="dropdown-item">Activar</a>
                                            @else
                                            <a href="{{route('setting-seguridad-desactivado', $segu->id)}}" class="dropdown-item">Desactivar</a>
                                            @endif
                                            
                                            <a data-toggle="modal" data-target="#editar" onclick="seleccionar('{{$segu->id}}','{{$segu->tipo}}','{{$segu->contenido}}')" href="#" class="dropdown-item">Editar</a>
                                                
                                        </div>
                                    </div>
                      
						          </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                  
            
                </div>
            </div>
        </div>
    </div>
</div>




<div class="modal fade" id="editar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Editar tipo de verificación</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('setting-seguridad-editar')}}" method="post">
          {{ csrf_field() }} 
          
          <input type="hidden" name="id" id="id">

            <div class="col-md-12">
                <div class="form-group">
                    <label>Tipo de verificación</label>
                    <select name="tipo" class="form-control" id="tipo" required>
                        <option value="1">Una ves al dia</option>
                        <option value="2">Siempre</option>
                        <option value="3">Cada 30 dias</option>
                    </select>
                </div>
            </div>
              
              
            <div class="col-md-12" id="texto">
                <div class="form-group">
                    <textarea class="form-control super" type="textarea" cols="30" rows="10" name="contenido" required></textarea>
                </div>
            </div>        
               
            <div class="col-md-12">
                <div class="form-group">   
                   <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>
            </div>
            
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div> 

@endsection

@include('usuario.componentes.scritpTable')

@push('script')
<script>
  
   function seleccionar(id,tipo,contenido){
      if(id == 3){
          
         $('#texto').show();
         $(document).ready(function () {
            $('.super').summernote('code', ''+contenido);
         })
        
      }else{
          $('#texto').hide();
      }
      
        $('#id').val(id);
        $('#tipo').val(tipo);
    }  

</script>
@endpush