@extends('../layouts/partials/header')

@section('content')

    <div class="container mt-3">

        <h1>Creando curso</h1>
        <form action="{{ route('cursos.store') }}" method="POST">
            @csrf

            <div class="mb-3">
                <label for="nombre" class="form-label">*Nombre del curso:</label>
                <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}">
                @error('name') {{ $message }} @enderror
            </div>

            <div class="mb-3">
                <label for="categoria" class="form-label">*Categoria:</label>
                <input type="text" class="form-control" id="category" name="category" value="{{ old('category') }}">
                @error('category') {{ $message }} @enderror
            </div>

            <div class="mb-3">
                <label for="description" class="form-label">*Descripción:</label>
                <textarea class="form-control" id="description" name="description" rows="3">{{ old('description') }}</textarea>
                @error('description') {{ $message }} @enderror
            </div>

            <button type="submit" class="btn btn-primary">Guardar</button>
        </form>


    </div>

@endsection

@section('js')
    {{-- <script src="https://code.jquery.com/jquery-3.7.1.js"></script> --}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.bootstrap5.js"></script>

    <script src="https://cdn.datatables.net/buttons/3.0.2/js/dataTables.buttons.js"></script>
    <script src="https://cdn.datatables.net/buttons/3.0.2/js/buttons.dataTables.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/3.0.2/js/buttons.html5.min.js"></script>

    <script>
        new DataTable('#usuarios', {
            layout: {
                topStart: {
                    buttons: [{
                        extend: 'pdfHtml5',
                        download: 'open'
                    }]
                }
            }
        });
    </script>
@endsection

@extends('../layouts/partials/footer')