@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>
        CARGAR HOJA DE VIDA
        <small>SIGIR</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">
                        @if(Session::has('messageCrear'))

                        <div class="alert alert-success alert-dismissible">
        
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        
                                <h4><i class="icon fa fa-check"></i> Mensaje </h4>
        
                                {{Session::get('messageCrear')}}
        
                              </div>      
        
                              
                          @endif

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




                <div class="box-body">



                
                       <form id="formulario" name="formulario" files="true"  method="POST" action="{{route('store')}}" enctype="multipart/form-data">
                    
                                <!-- AQUI VAN LOS CAMPOS -->
                    
                                 {{ csrf_field() }}
                                
                             <div class="row col-md-12">   
                
                            
                
                                <div class="form-group  col-md-4">
                                    {!! Form::label('nombre', '(*) Nombre(s) y Apellido(s):') !!}
                                    {!! Form::text('nombre', null, ['class' => 'form-control', 'placeholder' => 'Ingrese su Nombre(s) y Apellido(s)', 'required' ,'autocomplete'=>'off']) !!}
                                </div>
        
                                <div class="form-group  col-md-4">
                                        {!! Form::label('cedula', '(*) Cedula:') !!}
                                        {!! Form::text('cedula', null, ['class' => 'form-control', 'placeholder' => 'Ingrese su cedula', 'required','autocomplete'=>'off']) !!}
                                </div>

                                <div class="form-group  col-md-4">
                                        {!! Form::label('email', '(*) Correo Electronico:') !!}
                                        {!! Form::text('email', null, ['class' => 'form-control', 'placeholder' => 'Ingrese su correo ', 'required','autocomplete'=>'off']) !!}
                                </div>
        
                
                
                                <div class="form-group col-md-4">
                                    {!! Form::label('telefono', '(*) Telefono:') !!}
                                    {!! Form::text('telefono', null, ['class' => 'form-control','placeholder' => 'ingrese el telefono', 'required','autocomplete'=>'off']) !!}
                               </div>
                
                
                            <div class="form-group col-md-4">
                                {!! Form::label('profesion', '(*) Profesion:') !!}
                                {!! Form::text('profesion', null, ['class' => 'form-control', 'placeholder' => 'Ingrese su profesion', 'required']) !!}
                            </div>
                
                
                               
                
                                       <!-- tiempo de experiencia -->
                                <div class="form-group col-md-4">
                                    {!! Form::label('tiempo_experiencia', '(*) Tiempo experiencia:') !!}
                                    {!! Form::select('tiempo_experiencia', [
                                    'Sin experiencia'=> 'Sin experiencia',
                                    'Menos de 6 meses'=>'Menos de 6 meses',
                                    'De 6  a 12 meses'=>'De 6  a 12 meses',
                                    'De 13 a 24 meses'=>'De 13 a 24 meses',
                                    'De 25  a 48 meses'=>'De 25  a 48 meses',
                                    'Mas de 48 meses'=>'Mas de 48 meses'  ],
                
                                        null, ['class' => 'form-control',
                                        'placeholder' => 'Seleccione una opcion...', 'required']) !!}
                                </div> 




                                  <!-- tiempo de experiencia entidades de salud-->
                                  <div class="form-group col-md-4">
                                        {!! Form::label('experiencia_salud', '(*) Tiene experiencia en entidades de salud?:') !!}
                                        {!! Form::select('experiencia_salud', [
                                        'Si'=> 'Si',
                                        'No'=>'No',                                        
                                        'No aplica'=>'No aplica'    ],
                    
                                            null, ['class' => 'form-control',
                                            'placeholder' => 'Seleccione una opcion...', 'required']) !!}
                                    </div> 


                                    <div class="form-group col-md-4">
                                            {!! Form::label('nivel', '(*) laboro en entidades de salud nivel?:') !!}
                                            {!! Form::select('nivel', [
                                            'Nivel 1'=> 'Nivel 1',
                                            'Nivel 2'=>'Nivel 2',  
                                            'Nivel 3'=>'Nivel 3',   
                                            'Nivel 4'=>'Nivel 4',                                   
                                            'Ninguna'=>'Ninguna' ],
                        
                                                null, ['class' => 'form-control',
                                                'placeholder' => 'Seleccione una opcion...', 'required']) !!}
                                    </div> 



                    
                                    <div class="form-group col-md-4">
                                        {!! Form::label('file', '(*) Adjunte Archivo:') !!}
                                        {!! Form::file('file', null, ['class' => 'form-control','style'=>'width:20px    ;' ,'placeholder' => 'Ingrese su profesion', 'required']) !!}
                                    </div>

                                    <div class="row col-md-11">   
                                    
                                           
                                            <button type="submit" style="float: right; width: 35%;" class="btn btn-primary  btn-md" id="saveBtn" >Cargar CV</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:'success',
                    imageUrl: '../public/img/loading.gif',
                    title: 'Se cargo la hoja de vida',
                    showConfirmButton: false,
                    timer: 800
                    })
            }

</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