@extends('layouts.footerVerticalIESSyllabus')

@section('titulo')
    ES - SYLLABUS
@endsection
    <style>
        body{
            font-family:arial;
        }
        *{
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }
        .firmas{
            text-align: center;
            margin-top:70px;
            overflow:auto;  
        }
        .firma{
            padding:15px;
        }
        h1{
            font-size:22px;
        }
        h2{
            font-size:18px;
        }
        h5{
            margin-bottom: 0px;
        }
        .firma p{
            margin-top: 5px;
        }
        .table{
            width:65%;
            margin:0 auto;
        }
        td, th {
            border: black 1px solid;
            word-wrap: break-word;
        }
        .id{
            width:20%;
        }
        table, .table{
            width: 100%;
            border-collapse: collapse;
        }
        header {
                position: fixed;
                top: 0px;
                left: 0px;
                right: 0px;
                height: 50px;
        }
    </style>
@section('header')
<header>
    @if ($clave == 1)
        <table style="border-collapse:collapse; width: 100%;" cellspacing="0">
            <tbody>
                <tr>
                    <td rowspan="3" style="width:20%; text-align: center;"><img width="100px" style="margin: 0;" alt="LOGO" src="img/logo-aerocivil.png" /></td>
                    <td colspan="2" bgcolor="#CBDAED" style="width:60%;"><p style="text-align: center; margin: 0;"><b>FORMATO</b></p></td>
                    <td rowspan="2" style="width:20%; text-align: center;"><img width="100px" style="margin: 0;" alt="LOGO" src="img/logocea.png" /></td>
                </tr>
                <tr>
                    <td colspan="2" style="width:60%; text-align: center;"><p style="text-align: center; margin: 0; text-transform: uppercase;"><b>@yield('titulo')</b></p></td>
                </tr>
                <tr>
                    <td><p style="font-size: 8px; height: 8px; margin: 0;"><b>Clave: </b> MEDU-1.0-12-XXX </p></td>
                    <td><p style="font-size: 8px; height: 8px; margin: 0;"><b>Versión: </b> 02</p></td>
                    <td><p style="font-size: 8px; height: 8px; margin: 0;"><b>Fecha de aprobación: </b> 20/10/2022</p></td>
                </tr>
            </tbody>
        </table>
        @else
        <table style="border-collapse:collapse; width: 100%;" cellspacing="0">
            <tbody>
                <tr>
                    <td rowspan="2" style="width:20%; text-align: center;"><img width="100px" style="margin: 0;" alt="LOGO" src="img/logo-aerocivil.png" /></td>
                    <td bgcolor="#CBDAED" style="width:60%;"><p style="text-align: center; margin: 0;"><b>FORMATO</b></p></td>
                    <td rowspan="2" style="width:20%; text-align: center;"><img width="100px" style="margin: 0;" alt="LOGO" src="img/logocea.png" /> </td>
                </tr>
                <tr>
                    <td style="width:60%; text-align: center;"><p style="text-align: center; margin: 0; text-transform: uppercase;"><b>@yield('titulo')</b></p></td>
                </tr>
            </tbody>
        </table>
    @endif
</header>
@endsection
    @section('contenido')