@extends('/blueCPanel/header')

@section('main')

<main class='container mt-5 pt-1'>
    <form id='formId'>
        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
    </form>
    <section class='mt-5'>
        <div class='row justify-content-center'>
            <div class='col-12 col-md-4 my-2 mx-0 mx-md-3'>
                <div class='card shadow'>
                    <div class='card-header bg-fidelitas'>
                        <h3 class='text-uppercase text-white'>bbva</h3>
                    </div>
                    <div class='card-body'>
                        <div class='row justify-content-center'>
                            <div class='card col-12 col-md-8 m-2'>
                                <a href="/led/led-documentos-bbva" target='_blank' style='text-decoration: none;'>
                                    <div class='card-body text-center'>
                                        <h6 class='text-secondary'>Documentos para verificar</h6>
                                        <div id='la' class="spinner-border text-primary" role="status">
                                            <span class="visually-hidden">Loading...</span>
                                        </div>
                                        <h4 id='a' class='pt-3 d-none'></h4>
                                    </div>
                                </a>
                            </div>
                            <div class='card col-12 col-md-8 m-2'>
                                <a href="/led/led-valoracion-pendientes" target='_blank' style='text-decoration: none;'>
                                    <div class='card-body text-center'>
                                        <h6 class='text-secondary'>Pendientes de valoración</h6>
                                        <div id='lc' class="spinner-border text-primary" role="status">
                                            <span class="visually-hidden">Loading...</span>
                                        </div>
                                        <h4 id='c' class='pt-3 d-none'></h4>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class='col-12 col-md-4 my-2 mx-0 mx-md-3'>
                <div class='card shadow'>
                    <div class='card-header bg-fidelitas'>
                        <h3 class='text-uppercase text-white'>led</h3>
                    </div>
                    <div class='card-body'>
                        <div class='row justify-content-center'>
                            <div class='card col-12 col-md-8 m-2'>
                                <a href="/led/led-documentos" target='_blank' style='text-decoration: none;'>
                                    <div class='card-body text-center'>
                                        <h6 class='text-secondary'>Documentos para verificar</h6>
                                        <div id='lb' class="spinner-border text-primary" role="status">
                                            <span class="visually-hidden">Loading...</span>
                                        </div>
                                        <h4 id='b' class='pt-3 d-none'></h4>
                                    </div>
                                </a>
                            </div>

                            <div class='card col-12 col-md-8 m-2'>
                                <a href="/led/led-informes-activos" target='_blank' style='text-decoration: none;'>
                                    <div class='card-body text-center'>
                                        <h6 class='text-secondary'>Para produccón de informes</h6>
                                        <div id='ld' class="spinner-border text-primary" role="status">
                                            <span class="visually-hidden">Loading...</span>
                                        </div>
                                        <h4 id='d' class='pt-3 d-none'></h4>
                                    </div>
                                </a>
                            </div>

                            <div class='card col-12 col-md-8 m-2'>
                                <a href="/led/valoracion-sin-tarea" target='_blank' style='text-decoration: none;'>
                                    <div class='card-body text-center'>
                                        <h6 class='text-secondary'>Analisis y valoración sin tareas</h6>
                                        <div id='le' class="spinner-border text-primary" role="status">
                                            <span class="visually-hidden">Loading...</span>
                                        </div>
                                        <h4 id='e' class='pt-3 d-none'></h4>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

</main>

@endsection

@section('funcionesJs')
<script>
    $(document).ready(function () {
        cantidades();
    });
</script>
@endsection