@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="row">
                        <div class="col-md-4">
                            <div class="form-group">
                               <a type="button" class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#terminos">Terminos y Condiciones Editar</a>
                            </div>
                        </div>
                    
                        <div class="col-md-4">
                            <div class="form-group">
                                <a type="button" class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#newinput">Agregar Nuevo Campo</a>
                            </div>
                        </div>
                    </div>    
                    
                </div>
            </div>
        </div>
    </div>
</div>    


<div class="container-fluid paso-dos">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @include('setting.formulario.tablaFormulario')
                </div>
            </div>
        </div>
    </div>
</div>        

{{-- Modal de terminos y condiciones --}}
@include('setting.formulario.modalTerminos')

{{-- Modal de nuevo input --}}
@include('setting.formulario.modalFormulario')

{{-- Modal de editar input --}}
@include('setting.formulario.modalEditFormulario')

@include('usuario.componentes.scritpTable')
@endsection

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

  function toggle() {
    $('.paso-uno').toggle('slow')
    $('.paso-dos').toggle('slow')
  }
  
  $(document).ready(function () {
      $("#multi").tagsinput('items');
  });
  
  
function alerta(id, estado){
  
  Swal.fire({
    title: '¿Esta seguro(a) de realizar esta acción? Los cambios que realice pueden afectar la imagen y funcionamiento del sistema.',
    type:'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'Si',
    cancelButtonText: 'No',
  }).then((result) => {
    if (result.value) {
     window.location.href = 'updatefield/'+id+'/'+estado;
    }
  });
}
  
  function mostrar() {
    if ($('#tipo').val() == 'select') {
      $('.ocultar').show(100)
      $('.mostrar').hide(100)
      $('.fecha').hide(100)
    } else if ($('#tipo').val() == 'datetime' || $('#tipo').val() == 'date') {
      $('.fecha').show(100)
      $('.ocultar').hide(100)
      $('.mostrar').hide(100)
    } else {
      $('.mostrar').show(100)
      $('.ocultar').hide(100)
      $('.fecha').hide(100)
    }
  }
  
  function getForm(id) {
    let url = 'getform/' + id
    $.get(url, function (response) {
      response = JSON.parse(response)
      $('#id').val(response.id)
      $('#tip').val(response.tip)
      $('#label').val(response.label)
      $('#requerido').val(response.requerido)
      $('#unico').val(response.unico)
      $('#min').val(response.min)
      $('#max').val(response.max)
      $('#myModaledit').modal('show');
    })
  }

  function alertDelete(id) {
    $('#myModaldelete').modal('show');
    $('#delete').val(id)
  }

  function deleteForm() {
    let id = $('#delete').val()
    let url = 'deleteform/' + id
    $.get(url, function (response) {
      window.location.reload(3000)
    })
  }
</script>
@endpush