@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/curso') }}">Curso</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Modifica Registro del Curso</h3>
            </div>
            <div class="card-body">
                <form class="form-horizontal" method="post" action="your_action_url_here" enctype='multipart/form-data'>
                    <div class="row">
                        <div class="col-lg-12">

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="catecurso">Categoría:</label>
                                    <select name="catecurso" class="form-control" required>
                                        <option value="" selected>..:: Seleccione ::..</option>
                                        <option value="1">Categoría 1</option>
                                        <option value="2">Categoría 2</option>
                                        <!-- Añade más opciones según sea necesario -->
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="curso">Nombre Curso:</label>
                                    <input type="hidden" class="form-control" maxlength="255" name="idcurso"
                                        placeholder="ID del Curso" value="1" required autofocus>
                                    <input type="text" class="form-control" maxlength="255" name="curso"
                                        placeholder="Ingrese Nombre del Curso" value="Curso de Ejemplo" required autofocus>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <div class="col-lg-12">
                                            <label class="control-label" for="precio">Precio:</label>
                                            <div class="input-group">
                                                <span class="input-group-addon"><b>S/.</b></span>
                                                <input id="precio" type="number" step="any" class="form-control"
                                                    name="precio" value="100.00" placeholder="0.00" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <div class="col-lg-12">
                                            <label class="control-label" for="marketing">Marketing:</label>
                                            <div class="input-group">
                                                <span class="input-group-addon"><b>S/.</b></span>
                                                <input id="marketing" type="number" step="any" class="form-control"
                                                    name="marketing" value="50.00" placeholder="0.00">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="imagen">Imagen Curso:</label>
                                    <small>Formatos Permitidos:*gif, *.jpg, *.jpeg, *.png / peso imagen menor a 500KB -
                                        dimensiones 914px x 514px</small>
                                    <input id="imagen" name="imagen" type="file" class="form-control" />
                                    <span class="help-block">
                                        <font color="#E3171B"><b>Si es la misma imagen del registro no cargar ninguno</b>
                                        </font>
                                    </span>
                                    <input type="hidden" class="form-control" maxlength="255" name="nomimage"
                                        placeholder="Nombre de la Imagen" value="imagen_curso.jpg" required autofocus>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="videovimeo">Video VIMEO Intro:</label>
                                    <small>
                                        <font color="#D90205">Campo opcional</font>
                                    </small>
                                    <input name="videovimeo" type="text" class="form-control"
                                        value="https://vimeo.com/81760478" />
                                    <strong style="color: #D90205;font-size: 13px;">Ejemplo:
                                        https://vimeo.com/81760478</strong>
                                </div>
                            </div>

                            <div class="border border-success">
                                <div class="form-group">
                                    <div class="col-lg-12">
                                        <label class="control-label" for="linkwasap">Link WhatsApp</label>
                                        <small>
                                            <font color="#D90205">Campo opcional</font>
                                        </small>
                                        <input name="linkwasap" type="url" class="form-control"
                                            value="https://web.whatsapp.com/" />
                                        <strong style="color: #D90205;font-size: 13px;">Ejemplo:
                                            https://web.whatsapp.com/</strong>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-lg-12">
                                        <label class="control-label" for="wasapimagen">Imagen WhatsApp:</label>
                                        <small>
                                            <font color="#D90205">Campo opcional</font>
                                        </small>
                                        <small>Formatos Permitidos:*gif, *.jpg, *.jpeg, *.png</small>
                                        <input id="wasapimagen" name="wasapimagen" type="file"
                                            class="form-control" />
                                        <input type="hidden" name="doswasapimagen" value="imagen_whatsapp.jpg" />
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="privado">Restringido:</label>
                                    <select name="privado" class="form-control" required>
                                        <option value="No">Público</option>
                                        <option value="Si">Restringido</option>
                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="editor">Descripción del curso:</label>
                                    <small>Información del curso</small>
                                    <textarea id="editordescripcion" name="editordata" required>Este es un ejemplo de descripción del curso.</textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="editorprofe">Descripción profesor:</label>
                                    <textarea id="editorprofe" name="editorprofe" placeholder="Ingrese descripción del profesor">Ejemplo de descripción del profesor.</textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label class="control-label" for="secionlista">Listar las secciones que contendrá el
                                        curso:</label>
                                    <textarea id="secionlista" name="secionlista" placeholder="Ingrese descripción">Ejemplo de lista de secciones del curso.</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <div class="col-lg-4">
                                    <label class="control-label" for="estadocurso">Estado:</label>
                                    <select name="estadocurso" class="form-control">
                                        <option value="A">Habilitado</option>
                                        <option value="D">Deshabilitado</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-5 col-sm-12">
                            <button type="submit" class="btn btn-success" name="guardar"><i class="bx bx-save"></i>
                                Guardar</button>
                            <a href="{{url('/admin/curso')}}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                        </div>
                    </div>

                </form>
            </div>
        </div>


        <script type='text/javascript'>
            window.onload = function() {
                CKEDITOR.replace('editorprofe');
                CKEDITOR.replace('secionlista');
                CKEDITOR.replace('editordescripcion');
                
            };
        </script>

    </main>
@endsection