@extends('layouts.plantilla')

@section('title', 'SIIS CURSOS') 

<!--  favicon --> 
<link rel="shortcut icon" type="image/jpg" href="{{ asset('/imagenes/cropped-Logo-siis-2-32x32.png') }}">
<link rel="shortcut icon" sizes="192x192" href="{{ asset('/imagenes/cropped-Logo-siis-2-32x32.png') }}">

{{-- <link rel="stylesheet" href="{{asset('vendor/jquery-ui-1.12.1.custom/jquery-ui.min.css')}}"> --}}

<style>
    .imagenppl{ 
        background-image: url("{{asset('imagenes/logos.png')}}");
        height: 18%; 
        width: 25%;
        float: left;
        margin-left: 12%; 
        margin-right: auto;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }  
</style>

<style>
    .imagenppl2{
        background-image: url("{{asset('imagenes/logoSIIS2.png')}}");
        height: 18%; 
        width: 25%;
        float: right;
        margin-left: auto; 
        margin-right:12%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }  
</style>

@section('content')
    @if (Route::has('login'))
    <div class="fixed top-0 right-0 px-6 py-0 sm:block">
        @auth
            <a href="{{ url('/dashboard') }}" class="text-sm text-gray-700 underline">Dashboard</a>
        @else
            <a href="{{ route('login') }}" class="text-sm text-gray-700 underline">Iniciar sesión</a>

            @if (Route::has('register'))
                <a href="{{ route('register') }}" class="ml-4 text-sm text-gray-700 underline">Registrarse</a>
            @endif
        @endauth
    </div>
    @endif 
    <br>
    <img src="{{asset('imagenes/logos.png')}}" class="imagenppl" alt=""><img src="{{asset('imagenes/Logo-siis-1-1024x410.png')}}" class="imagenppl2" alt="">
    <br><br><br><br><br>
    <h1>Cursos</h1> 
    <center>
    <table>
        <tbody>  
            <tr>
                <th>
                    <center>
                    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
                        @foreach ($cursos as $curso)
                            <div class="bg-blue-100 border-4">
                                
                                    <center>{{$curso->titulo_curso}}</center>
                                    
                                
                                <center> 
                                    <h4>
                                        
                                        <form action="{{route('informaciones.index')}}" method="POST" target="_blank">
                                        <!-- token para seguridad, con la directiva de blade -->
                                            @csrf
                                            <!-- metódo get  -->
                                            @method('get')
                                            <input type="hidden" name="id_curso" value="{{$curso->id}}">
                                            <br>
                                            <center>
                                                <input type="submit" class="btn btn-info" value="Más información">
                                            </center>
                                    </form>
                                    
                                    </h4>
                                </center>
                            </div> 
                        
                             
                              @endforeach 
                            <div class="bg-blue-100 border-4">
                                DIAGNÓSTICO Y MANEJO CLÍNICO DEL DENGUE <br> OPS
                                    <br>
                                    <center>
                                        <a href='https://campusvirtualsp.org/es/curso/diagnostico-y-manejo-clinico-del-dengue-2020' target="_blank">
                                        <input type="submit" class="btn btn-info" value="Más información">
                                        </a>
                                    </center>
                                
                            </div>
                            <!--
                            <div class="bg-blue-100 border-4">
                                I SIMPOSIO INFECCIONES ASOCIADAS A LA ANTENCIÓN EN SALUD<br> (IAAS)
                                    <br>
                                    <center>
                                        <a href='https://manizalessalud.net/certificados2/' target="_blank">
                                        <input type="submit" class="btn btn-info" value="Inscripción">
                                        </a>
                                    </center>
                                
                            </div>
                            -->
                    </div>
                    </center>
                    
                </th> 
                
            </tr> 
            <tr>
                <th>
                    
                </th>
            </tr>
            
        </tbody>
    </table> 
    
   </center>


    <a href="{{route('certificas.index')}}" target="_blank" rel="noopener noreferrer">
        <h1></h1>
        <center>
                <svg class="icon icon-tabler icon-tabler-file-certificate" width="60" height="60" viewBox="0 0 24 24" stroke-width="1.5" stroke="#00abfb" fill="none" stroke-linecap="round" stroke-linejoin="round">
                  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                  <path d="M14 3v4a1 1 0 0 0 1 1h4" />
                  <path d="M5 8v-3a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5" />
                  <circle cx="6" cy="14" r="3" />
                  <path d="M4.5 17l-1.5 5l3 -1.5l3 1.5l-1.5 -5" />
                </svg><h1>Certificados</h1>  
        </center>   
    </a> 

    {{--<h1>Manual de usuario</h1>
    <a href="{{route('manualusuarios.index')}}" target="_blank" rel="noopener noreferrer">
        <h1></h1>
        <center>
            <x-jet-button class="ml-4">
                {{ __('Leer') }}
            </x-jet-button> 
        </center>   
    </a>--}}
  
@endsection