@include('header_nuevo_generico')

<link rel="stylesheet" href="{{ asset('/css/panel_fuentes/fuentes_heatmap.css') }}">

<div class="container-fluid" style="margin-top:6%;">
    <div class="row">
        <div class="col-md-12 d-flex flex-column flex-md-row justify-content-between align-items-center text-center" style="padding: 0 8.3rem">
            <h2 class="text-center flex-grow-1 m-0">Catálogo de fuentes</h2>
            <a class="btn btn-success" id="modal_de_fuentes" role="button">Configuración fuente</a>
        </div>
        
        <!-- secciòn de modal de fuentes a crear y editar -->
        <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalToggleLabel"><b>Configuración</b></h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        @include('/panel_fuentes/modal_panel_fuentes')
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- secciòn de modal de resúmen de fuentes -->
    @include('/panel_fuentes/modal_resumen_fuentes')
    @include('/panel_fuentes/modal_resumen_fuentes_edictos')
    <!-- fin de resúmen de fuentes -->
    <div class="row mt-4 ml-1" style="width:95%;padding-left:5%">
        <table id="tabla_fuentes" class="table" style="width:100%">
            <thead style="background-color:#047150;color:white">
                <th>Nombre</th>
                <th>Descripción</th>
                <th>Period</th>
                <!-- <th>F.Información</th> -->
                <th>Ultima Novedad</th>
                <th>Proveedor</th>
                <!-- <th>F.proceso</th> -->
                <th>Resúmen</th>
                <th>Auto</th>
                <th>Editar</th>
            </thead>
            <tbody>
                @foreach($datosFuentes as $fuente)
                    <tr data-equipo = "{{$fuente->idTeam}}" data-familia="{{$fuente->familia}}" data-tipo-informe="{{$fuente->idTipo_informe}}" data-id-fuente ="{{$fuente->id_fuente_descripcion}}">
                        <td>{{$fuente->nombre}}</td>
                        <td>{{$fuente->descripcion}}</td>
                        <td>{{$fuente->periodicidad}}</td>
                        <td class="text-center">{{$fuente->ultima_novedad}}</td>
                        <td>{{$fuente->proveedor}}</td>
                        {{--<td>{{$fuente->fecha_cambio}}</td> --}}
                        <td>
                            <button type="button" class="btn btn-success fa fa-info-circle" id="resumen_fuente"
                                onclick="{{ $fuente->fuente_edictos ? "abrirModalresumenFuentesEdictos('".$fuente->id_fuente_descripcion."', '".$fuente->nombre."', '".$fuente->fuente_edictos."')" : "abrirModalresumenFuentes('".$fuente->id_fuente_descripcion."', '".$fuente->nombre."')" }}">
                            </button>
                        </td>
                        <td>
                            @if( $fuente->automatico == 0)
                                    {{-- <i class="fa fa-minus btn btn-danger" aria-hidden="true" onclick="cambioAutomatico(1,$(this))"></i> --}}
                                    NO
                            @else
                                    SI
                                    {{-- <i class="fa fa-plus btn btn-success" aria-hidden="true" onclick="cambioAutomatico(0,$(this))"></i> --}}
                            @endif
                        </td>
                        <td>
                            <button type="button" class="btn btn-success fa fa-pencil" id="edicion_fuente"></button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<input type="hidden" name="_token"  id="token_estado_automatico" value="{{ csrf_token() }}">

<script src="{{ asset('/HighCharts/code/highcharts.js') }}"></script>
<script src="{{ asset('/HighCharts/code/modules/heatmap.js')}}"></script>
<script src="{{ asset('/HighCharts/code/modules/accessibility.js')}}"></script>

<script>
    $(document).ready(function(){
        var tabla = $('#tabla_fuentes').DataTable()
        //para limpiar el modal
        $('#modal_de_fuentes').on('click', function () {
            $('#exampleModalToggle').modal('show');
            $('#valores_formulario input').val('');
            $("#id_fuente_escondida").val('');
            // Colocar el primer valor en los selects
            $('#valores_formulario select').each(function(){
            $(this).val($(this).find('option:first').val());
            });
            $('#descripcion_fuente').val('')
            $('#accion').val('A')
        });
    });
</script>

<script src="{{ asset('/js/panel_fuentes/fuentes_heatmap.js') }}?v={{ time() }}"></script>
<script src="{{ asset('/js/panel_fuentes/resumen_edictos.js') }}?v={{ time() }}"></script>