@extends('layouts.app')
@section('title', __('Home'))
@section('content')
    <div class="container-fluid" >
        <div class="row justify-content-center" >
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h5><span class="text-center fa fa-home"></span>GERENCIA REGIONAL DE EDUCACION CUSCO</h5>
                    </div>
                    <div class="d-flex justify-content-center" style="position: fixed; bottom: 0px; left: 20px; right: 20px;">
                        <div class="alert alert-primary d-flex justify-content-center align-items-center" role="alert"
                        style="position: relative; bottom: 30px; width: 100%; background-color:rgba(255, 204, 157, 0.616); border-color:rgba(127, 127, 223, 0.623);">
                        <p class="mb-0 text-center">
                            <a href="{{ route('download.excel', 'COMPROBANTE.xlsx') }}" class="text-black">COMPROBANTE DE PAGO</a>
                        </p>
                    </div>
                    <div class="alert alert-primary d-flex justify-content-center align-items-center" role="alert"
                        style="position: relative; bottom: 30px; width: 100%; background-color:rgba(255, 204, 157, 0.616); border-color:rgba(127, 127, 223, 0.623);">
                        <p class="mb-0 text-center">
                            <a href="{{ route('download.excel', 'ORDEN DE COMPRA.xlsx') }}" class="text-black">ORDEN DE COMPRA</a>
                        </p>
                    </div>
                    <div class="alert alert-primary d-flex justify-content-center align-items-center" role="alert"
                        style="position: relative; bottom: 30px; width: 100%; background-color:rgba(255, 204, 157, 0.616); border-color:rgba(127, 127, 223, 0.623);">
                        <p class="mb-0 text-center">
                            <a href="{{ route('download.excel', 'ORDEN DE SERVICIO.xlsx') }}" class="text-black">ORDEN DE SERVICIO</a>
                        </p>
                    </div>
                    <div class="alert alert-primary d-flex justify-content-center align-items-center" role="alert"
                        style="position: relative; bottom: 30px; width: 100%; background-color:rgba(255, 204, 157, 0.616); border-color:rgba(127, 127, 223, 0.623);">
                        <p class="mb-0 text-center">
                            <a href="{{ route('download.excel', 'SOLICITUD DE COTIZACION.xlsx') }}" class="text-black">SOLICITUD DE COTIZACION</a>
                        </p>
                    </div>
                    
                    </div>
                    
                    <img class="img-fluid mx-auto d-block"
                    src="https://lh3.googleusercontent.com/p/AF1QipMZim4lz5ECi6WkOaT4XegO8vYbhTVf8OgYfBs6=s680-w680-h510"
                    alt="Imagen" style="width: 1100px; height: 620px;">
                    </div>
            </div>
        </div>
    </div>
    <div style="background-color: rgba(90, 90, 94, 0.644);position:fixed; bottom: 0; width: 100%; height:45px; color: white;">
        <footer class="mt-1">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                    </div>
                    <div class="col-md-6 text-md-end">
                        <p style="margin-bottom: 5px; line-height: 1;">
                            Copyright  2023 Gerencia Regional de Educacion Cusco
                            <strong>Oficina de Centro de Computo</strong>.</p>
                            <p style="margin-bottom: 5px; line-height: 1;">
                            Todos los derechos reservados.
                        </p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <div style="position: absolute;">
        <center style="font-size: 8px; opacity: 0.1;color:white;">JAFET CALEB ROJAS GARAY</center>
        <center style="font-size: 8px; opacity: 0.1;color:white;">MICHAEL ANTONNI MAMANI QUINTA</center>
    </div>
@endsection