@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li class=""><a href="{{ url('/admin') }}"><i class='bx bx-home-alt'
                            style="font-size: 18px;color: #F31519;"></i></a></li>
                <li class=""><a href="{{ url('/admin') }}">Principal </a></li>
                <li class="">&nbsp;&nbsp;/ Libro</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/libro') }}">Envío de correo</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            <p align="right"><a href="{{ url('/admin/libro') }}"><i class="bx bx-share"></i> Regresar</a></p>
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>PASO #2 / Crea el correo para el envío</h3>
            </div>
        
            <div class="card-body">
                <form class="form-horizontal" method="post" action="envioemailcerti.php">
                    <div class="form-group">
                        <label class="control-label col-sm-2" for="email">Usuario:</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="Nombre del Docente" value="Juan Pérez" disabled>
                            <input type="hidden" class="form-control" name="iddoce" value="12345"> <!-- Valor de ejemplo -->
                            <input type="hidden" class="form-control" name="idcerti" value="98765"> <!-- Valor de ejemplo -->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2" for="email">Para:</label>
                        <div class="col-sm-10">
                            <a class="btn btn-warning">juan.perez@example.com (Juan Pérez)</a>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2" for="email">Asunto:</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="email" placeholder="Asunto" name="tema" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-2" for="pwd">Mensaje:</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" id="froala-editor" placeholder="Mensaje" name="comentario" required></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-primary"><i class="bx bx-mail-send"></i> Enviar</button>
                            <a href="{{ url('/admin/libro') }}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        
    </main>
@endsection