@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;/ Admin Aula</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{url('/admin/examen')}}">Examenes Online</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div class="card-body">
                    @php $valor = 0; @endphp

                    @if ($valor == 1)
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>Mensaje!</strong> El nombre de la categoria se registró satisfactoriamente.
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if ($valor == 2)
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>Mensaje!</strong> El registro se modificó satisfactoriamente.
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if ($valor == 3)
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>Error!</strong> Campo vacío, verifique nuevamente.
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if ($valor == 4)
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>Mensaje!</strong> El registro se eliminó satisfactoriamente.
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif
                </div>
            </div>
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Registro Nueva Categoria</h3>
            </div>
            <div class="card-body">
                <form method="post" action="insertmodifcat.php">
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 col-form-label">Nombre Categoria</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" name="categoria" placeholder="Nombre Categoria"
                                required autofocus>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="offset-sm-2 col-sm-10">
                            <button type="submit" class="btn btn-primary"><i class="bx bx-save"></i> Registrar</button>
                            <a href="{{url('/admin/examen')}}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                        </div>
                    </div>
                </form>
            </div>
            <br><br>
            <div class="card-body">
                <div class="table table-responsive">
                    <table id="" class="table table-striped table-bordered table-condensed table-hover"
                        cellspacing="0" cellpadding="0" width="100%">
                        <thead>
                            <tr>
                                <th>N.</th>
                                <th>Categoria</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody id="">
                            <tr>
                                <td>1</td>
                                <td>Nombre de Categoria</td>
                                <td>
                                    <button type="button" class="btn btn-info" data-toggle="modal"
                                        data-target="#basicModal1">
                                        <span class='bx bxs-pencil'></span>
                                    </button>
                                    <button type="button" class="btn btn-danger">
                                        <span class='bx bxs-trash'></span>
                                    </button>
                                </td>
                            </tr>
                            <!-- Aquí irían más filas según sea necesario -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="flex-grow-1"></div>

        <!-- Modal -->
        <div class="modal fade" id="basicModal1" role="dialog" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Editar Registro</h5>
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form method="post" action="insertmodifcat.php">
                            <div class="form-group row">
                                <label for="inputEmail3" class="col-sm-4 col-form-label">Nombre Categoria</label>
                                <div class="col-sm-8">
                                    <input type="hidden" name="codcate" value="CODIGO">
                                    <input type="hidden" name="edita" value="edita">
                                    <input type="text" class="form-control" name="categoria"
                                        placeholder="Nombre Categoria" value="Nombre de Categoria" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="offset-sm-4 col-sm-10">
                                    <button type="submit" class="btn btn-success"><i class="bx bx-save"></i>
                                        Actualizar</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Fin Modal -->

    </main>
@endsection