@extends('admin.template.main')

@section('title', 'seguimiento')

@section('css')

<!-- DataTables -->
<link rel="stylesheet" href="{{asset('bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">



<style>
    tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }

    td.details-control {
        background: url("{{asset('/img/details_open.png')}}") no-repeat;
        cursor: pointer;
    }

    tr.shown td.details-control {
        background: url("{{asset('/img/details_close.png')}}") no-repeat;
    }



    th,
    tr {
        font-size: 12px;
        text-align: center;
    }

    table {
        table-layout: fixed;
        width: 250px;
    }

    th,
    td {
        border: 0.5px solid;
        width: 150px;
        word-wrap: break-word;
    }

</style>

@endsection

@section('content')

<section class="content-header">
    <h1>
        CONSULTAR HOJA DE VIDA
        <small>VITAE</small>
      
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Forms</a></li>
        <li class="active">Crear</li>
    </ol>
</section>


<!-- Main content -->
<section class="content">


    <div class="row">

        <div class="col-xs-12">

            <div class="box">
                  
                    <!--box-header -->
                <div class="box-header">


                </div>                        
                <!-- /.box-header -->




                <div class="box-body">



                
                       <form id="formulario" name="formulario" files="true"  method="POST" action="{{route('consultarHV')}}" enctype="multipart/form-data">
                    
                                <!-- AQUI VAN LOS CAMPOS -->
                    
                                 {{ csrf_field() }}
                                
                             <div class="row col-md-12" >  
                
                                    <div class="form-group  col-md-4" style="padding-right: 0px;  font-size:18px;">
                                        {!! Form::label('cedula', '(*) Ingrese el numero de cedula:') !!}
                                        {!! Form::text('cedula', null, ['class' => 'form-control', 'style'=>'font-size:20px; font-weight:bold;','placeholder' => 'Ingrese numero de cedula', 'required','autocomplete'=>'off']) !!}
                                        
                                      
                                    </div>    
                                    
                                    
                                    <div class="form-group  col-md-4" style="padding-left:0;">
                                      <button type="submit" style="margin-top:30px;" class="btn btn-primary  btn-md" id="saveBtn" >Consultar</button>
                                    </div>
                                    
                            </div> 
                
                        </form>
                        

                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>

    
           
       
</section>

    @endsection



    @section('js')

    <!-- DataTables -->
    <script src="{{asset('bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>


    <script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
  

    <script>
      
    



      $(document).ready(function() {



$.ajaxSetup({
headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});


// Setup - add a text input to each footer cell
$('#table1 tfoot th').each(function() {
    var title = $(this).text();
    $(this).html('<input type="text" placeholder="Busc.  ' + title + '" />');
});

// DataTable
var table = $('#table').DataTable({
    "order": [[ 1, "asc" ]],
    lengthChange: false,
    'paging': false,
    'lengthChange': false,
    'searching': false,
    'ordering': true,
    'info': false,
    'autoWidth': true,
    "scrollX": true,
   
});

table.buttons().container()
    .appendTo('#table_wrapper .col-sm-6:eq(0)');

// Apply the search
table.columns().every(function() {
    var that = this;

    $('input', this.footer()).on('keyup change clear', function() {
        if (that.search() !== this.value) {
            that
                .search(this.value)
                .draw();
        }
    });
});
});


    </script>


<script>

    alerta="{{$alerta}}";

    
            if(alerta=="Si"){
                    
                Swal.fire({
                    position: 'center',
                    icon: '{{$icono}}',
                    title: '{{$title}} Existe La hoja de vida',
                    html:    '<h2>Nombre:</h2><b><h3>{{$nombre}}</b></h3>, ' +                                
                            '<h2>Profesion:</h2><b><h3>{{$profesion}}</b></h3>',
                    showConfirmButton: false,
                    width: 600,
                    timer: 4500
                    })
            }

</script>


<script>
        document.onkeydown = function(e){
        tecla = (document.all) ? e.keyCode : e.which;
       
        if (tecla == 116) {
            alert("La pagina no puede ser recargada");
            return false;}
        }
</script>


<script>


$('#saveBtn').click(function(e) {

var btn = document.getElementById('saveBtn');
btn.addEventListener('click',function(e){
    e.preventDefault();})
});

</script>

    @endsection