<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Comrpobante de pago</title>

    <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
        }

        .table {
            width: 100%;
            margin-bottom: 1rem;
            color: #212529;
            border-collapse: collapse;
        }

        .table-bordered {
            border: 1px solid #000000;
        }

        .table-bordered th,
        .table-bordered td {
            border: 1px solid #000000;
        }

        .table-bordered thead th {
            border-bottom-width: 2px;
        }
    </style>
</head>

<body>
    <table border="0" style="font-size: 7pt;">
        <tr>
            <td style="text-align: center">
                <img src="{{ url($configuracion->logo) }}" alt="Logo" width="50"> <br>
                <b>{{ $configuracion->nombre }}</b> <br>
                {{ $configuracion->direccion }} <br>
                {{ $configuracion->telefono }} <br>
                {{ $configuracion->email }} <br>
            </td>
            <td style="width: 450px"></td>
            <td><h2><b>ORIGINAL</b></h2></td>
        </tr>
    </table>

    <h3 style="text-align: center"><b><u>Comprobante de pago # {{ $pago->id }}</u></b></h3>
<hr>
    <b>Datos del estudiante</b>
    <table border="0" cellpadding="7" style="width: 100%">
        <tr>
            <td colspan="2" style="text-align: center">
                <b>Estudiante: </b> <br>
                {{ $estudiante->apellidos . ' ' . $estudiante->nombres }} <br>
            </td>
            <td colspan="2" style="text-align: center">
                <b>CI: </b> <br>
                {{ $estudiante->ci }} <br>
            </td>
        </tr>
    </table>
    <hr>
    <b>Datos de la matricula</b>
    <table cellpadding="7" style="width: 100%">
        <tr>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->gestion->nombre }} <br>
            </td>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->nivel->nombre }} <br>
            </td>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->periodo->nombre }} <br>
            </td>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->carrera->nombre }} <br>
            </td>
        </tr>
    </table>
    <hr>
    <b>Datos del pago</b>
    <table class="table table-bordered" cellpadding="7" style="width: 100%">
        <thead>
            <tr>
                <th style="text-align: center">Monto</th>
                <th style="text-align: center">Metodo de pago</th>
                <th style="text-align: center">Descripción</th>
                <th style="text-align: center">Fecha de pago</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="text-align: center">{{ $pago->monto }}</td>
                <td style="text-align: center">{{ $pago->metodo_pago }}</td>
                <td style="text-align: center">{{ $pago->descripcion }}</td>
                <td style="text-align: center">{{ $pago->fecha_pago }}</td>
            </tr>
        </tbody>

    </table>

    <span>------------------------------------------------------------------------------------------------------------------------------------------</span>



    <table border="0" style="font-size: 7pt;">
        <tr>
            <td style="text-align: center">
                <img src="{{ url($configuracion->logo) }}" alt="Logo" width="50"> <br>
                <b>{{ $configuracion->nombre }}</b> <br>
                {{ $configuracion->direccion }} <br>
                {{ $configuracion->telefono }} <br>
                {{ $configuracion->email }} <br>
            </td>
            <td style="width: 450px"></td>
            <td><h2><b>COPIA</b></h2></td>
        </tr>
    </table>

    <h3 style="text-align: center"><b><u>Comprobante de pago # {{ $pago->id }}</u></b></h3>
<hr>
    <b>Datos del estudiante</b>
    <table border="0" cellpadding="7" style="width: 100%">
        <tr>
            <td colspan="2" style="text-align: center">
                <b>Estudiante: </b> <br>
                {{ $estudiante->apellidos . ' ' . $estudiante->nombres }} <br>
            </td>
            <td colspan="2" style="text-align: center">
                <b>CI: </b> <br>
                {{ $estudiante->ci }} <br>
            </td>
        </tr>
    </table>
    <hr>
    <b>Datos de la matricula</b>
    <table cellpadding="7" style="width: 100%">
        <tr>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->gestion->nombre }} <br>
            </td>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->nivel->nombre }} <br>
            </td>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->periodo->nombre }} <br>
            </td>
            <td>
                <b>Gestión: </b> <br>
                {{ $matriculacion->carrera->nombre }} <br>
            </td>
        </tr>
    </table>
    <hr>
    <b>Datos del pago</b>
    <table class="table table-bordered" cellpadding="7" style="width: 100%">
        <thead>
            <tr>
                <th style="text-align: center">Monto</th>
                <th style="text-align: center">Metodo de pago</th>
                <th style="text-align: center">Descripción</th>
                <th style="text-align: center">Fecha de pago</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="text-align: center">{{ $pago->monto }}</td>
                <td style="text-align: center">{{ $pago->metodo_pago }}</td>
                <td style="text-align: center">{{ $pago->descripcion }}</td>
                <td style="text-align: center">{{ $pago->fecha_pago }}</td>
            </tr>
        </tbody>

    </table>

</body>

</html>
