@extends('layouts.plantilla')

@section('title', 'Consultas Salud Ambiental - ')


@section('content')
        
        <div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center py-4 sm:pt-0">
            
            <div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
                <center>
                    <div>
                        <img src="{{asset('imagenes/Logo-siis-1-300x120.png')}}" width="400px" height="130px" alt="">
                    </div>
                </center>
                <h1>SECRETARÍA DE SALUD PÚBLICA DE MANIZALES</h1>
                <h4><b>REPORTES - PROGRAMA DE SALUD AMBIENTAL</b></h4>
                <div class="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
                    <div class="grid grid-cols-1 md:grid-cols-2">
                        <div class="p-6">
                            <div class="flex items-center">
                                <svg class="icon icon-tabler icon-tabler-medical-cross" width="80" height="80" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff4500" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                  <path d="M13 3a1 1 0 0 1 1 1v4.535l3.928 -2.267a1 1 0 0 1 1.366 .366l1 1.732a1 1 0 0 1 -.366 1.366l-3.927 2.268l3.927 2.269a1 1 0 0 1 .366 1.366l-1 1.732a1 1 0 0 1 -1.366 .366l-3.928 -2.269v4.536a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-4.536l-3.928 2.268a1 1 0 0 1 -1.366 -.366l-1 -1.732a1 1 0 0 1 .366 -1.366l3.927 -2.268l-3.927 -2.268a1 1 0 0 1 -.366 -1.366l1 -1.732a1 1 0 0 1 1.366 -.366l3.928 2.267v-4.535a1 1 0 0 1 1 -1h2z" />
                                </svg>
                                <div class="ml-4 text-lg leading-7 font-semibold"><a href="{{route('accidentes_rabicos.index')}}" class="underline text-gray-900 dark:text-white"><strong><h4>Accidentes Rábicos</h4></strong></a></div>
                            </div>
                            <div class="ml-12">
                                <a href="{{route('accidentes_rabicos.index')}}">
                                    <div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
                                        <div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
                                            Tablas con los registros consultados, apoyados en una gráfica de línea.
                                        </div>
                                    </div>
                                    <div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
                                       
                                        <div class="ml-4 text-lg leading-7 font-semibold"><strong>Consultar</strong></div>
                                    </div>
                                </a>
                            </div>
                        </div>

                        <div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
                            <div class="flex items-center">
                                <div class="ml-4 text-lg leading-7 font-semibold"><a href="{{route('mascotas_vacunaciones.index')}}" class="underline text-gray-900 dark:text-white"><strong><h4>Vacunación de Mascotas</h4></strong></a></div>
                                <svg class="icon icon-tabler icon-tabler-paw" width="80" height="80" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff4500" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                  <path d="M14.7 13.5c-1.1 -2 -1.441 -2.5 -2.7 -2.5c-1.259 0 -1.736 .755 -2.836 2.747c-.942 1.703 -2.846 1.845 -3.321 3.291c-.097 .265 -.145 .677 -.143 .962c0 1.176 .787 2 1.8 2c1.259 0 3 -1 4.5 -1s3.241 1 4.5 1c1.013 0 1.8 -.823 1.8 -2c0 -.285 -.049 -.697 -.146 -.962c-.475 -1.451 -2.512 -1.835 -3.454 -3.538z" />
                                  <path d="M20.188 8.082a1.039 1.039 0 0 0 -.406 -.082h-.015c-.735 .012 -1.56 .75 -1.993 1.866c-.519 1.335 -.28 2.7 .538 3.052c.129 .055 .267 .082 .406 .082c.739 0 1.575 -.742 2.011 -1.866c.516 -1.335 .273 -2.7 -.54 -3.052z" />
                                  <path d="M9.474 9c.055 0 .109 0 .163 -.011c.944 -.128 1.533 -1.346 1.32 -2.722c-.203 -1.297 -1.047 -2.267 -1.932 -2.267c-.055 0 -.109 0 -.163 .011c-.944 .128 -1.533 1.346 -1.32 2.722c.204 1.293 1.048 2.267 1.933 2.267z" />
                                  <path d="M16.456 6.733c.214 -1.376 -.375 -2.594 -1.32 -2.722a1.164 1.164 0 0 0 -.162 -.011c-.885 0 -1.728 .97 -1.93 2.267c-.214 1.376 .375 2.594 1.32 2.722c.054 .007 .108 .011 .162 .011c.885 0 1.73 -.974 1.93 -2.267z" />
                                  <path d="M5.69 12.918c.816 -.352 1.054 -1.719 .536 -3.052c-.436 -1.124 -1.271 -1.866 -2.009 -1.866c-.14 0 -.277 .027 -.407 .082c-.816 .352 -1.054 1.719 -.536 3.052c.436 1.124 1.271 1.866 2.009 1.866c.14 0 .277 -.027 .407 -.082z" />
                                </svg>
                                
                            </div>
                            
                            <div class="flex items-center">
                                <a href="{{route('mascotas_vacunaciones.index')}}">
                                    <div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
                                        <div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
                                            Tablas con la información consultada y un gráfico de línea.
                                        </div>
                                    </div>
                                    <div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
                                       
                                        <div class="ml-4 text-lg leading-7 font-semibold"><strong>Consultar</strong></div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        
                        
                        <div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
                            <div class="flex items-center">
                                <svg class="icon icon-tabler icon-tabler-paw-filled" width="80" height="80" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff9300" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                  <path d="M12 10c-1.32 0 -1.983 .421 -2.931 1.924l-.244 .398l-.395 .688a50.89 50.89 0 0 0 -.141 .254c-.24 .434 -.571 .753 -1.139 1.142l-.55 .365c-.94 .627 -1.432 1.118 -1.707 1.955c-.124 .338 -.196 .853 -.193 1.28c0 1.687 1.198 2.994 2.8 2.994l.242 -.006c.119 -.006 .234 -.017 .354 -.034l.248 -.043l.132 -.028l.291 -.073l.162 -.045l.57 -.17l.763 -.243l.455 -.136c.53 -.15 .94 -.222 1.283 -.222c.344 0 .753 .073 1.283 .222l.455 .136l.764 .242l.569 .171l.312 .084c.097 .024 .187 .045 .273 .062l.248 .043c.12 .017 .235 .028 .354 .034l.242 .006c1.602 0 2.8 -1.307 2.8 -3c0 -.427 -.073 -.939 -.207 -1.306c-.236 -.724 -.677 -1.223 -1.48 -1.83l-.257 -.19l-.528 -.38c-.642 -.47 -1.003 -.826 -1.253 -1.278l-.27 -.485l-.252 -.432c-1.011 -1.696 -1.618 -2.099 -3.053 -2.099z" stroke-width="0" fill="currentColor" />
                                  <path d="M19.78 7h-.03c-1.219 .02 -2.35 1.066 -2.908 2.504c-.69 1.775 -.348 3.72 1.075 4.333c.256 .109 .527 .163 .801 .163c1.231 0 2.38 -1.053 2.943 -2.504c.686 -1.774 .34 -3.72 -1.076 -4.332a2.05 2.05 0 0 0 -.804 -.164z" stroke-width="0" fill="currentColor" />
                                  <path d="M9.025 3c-.112 0 -.185 .002 -.27 .015l-.093 .016c-1.532 .206 -2.397 1.989 -2.108 3.855c.272 1.725 1.462 3.114 2.92 3.114l.187 -.005a1.26 1.26 0 0 0 .084 -.01l.092 -.016c1.533 -.206 2.397 -1.989 2.108 -3.855c-.27 -1.727 -1.46 -3.114 -2.92 -3.114z" stroke-width="0" fill="currentColor" />
                                  <path d="M14.972 3c-1.459 0 -2.647 1.388 -2.916 3.113c-.29 1.867 .574 3.65 2.174 3.867c.103 .013 .2 .02 .296 .02c1.39 0 2.543 -1.265 2.877 -2.883l.041 -.23c.29 -1.867 -.574 -3.65 -2.174 -3.867a2.154 2.154 0 0 0 -.298 -.02z" stroke-width="0" fill="currentColor" />
                                  <path d="M4.217 7c-.274 0 -.544 .054 -.797 .161c-1.426 .615 -1.767 2.562 -1.078 4.335c.563 1.451 1.71 2.504 2.941 2.504c.274 0 .544 -.054 .797 -.161c1.426 -.615 1.767 -2.562 1.078 -4.335c-.563 -1.451 -1.71 -2.504 -2.941 -2.504z" stroke-width="0" fill="currentColor" />
                                </svg>
                                <div class="ml-4 text-lg leading-7 font-semibold"><a href="{{route('mis_mascotas_vacunaciones.index')}}" class="underline text-gray-900 dark:text-white"><strong><h4>Vacunación de mis Mascotas</h4></strong></a></div>
                            </div>
                            
                            <div class="ml-12">
                                <a href="{{route('mis_mascotas_vacunaciones.index')}}">
                                    <div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
                                        <div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
                                            Registros de vacunación de mis mascotas.
                                        </div>
                                    </div>
                                    <div class="mt-3 flex items-center text-sm font-semibold text-indigo-700">
                                       
                                        <div class="ml-4 text-lg leading-7 font-semibold"><strong>Consultar</strong></div>
                                    </div>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
                

                
            </div>
        </div>
@endsection