@extends('layouts.modal')

@section('modal_id'){{ 'modal-course-create' }}@overwrite
@section('modal_title'){{ 'Creando curso nuevo' }}@overwrite

@section('modal_body')
    <form method="POST" action="/course" enctype="multipart/form-data" id='modal-course-create-form'>
        @csrf
        <div class="row">
            <div class="form-group col-sm-6">
                <label for="modal-course-create-code">Codificacion:</label>
                <input id="modal-course-create-code" type="text" class="form-control" name="code" maxlength="8" minlength="8" size="8" required>
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-12">
                <label for="modal-course-create-title">Titulo:</label>
                <input id="modal-course-create-title" type="text" class="form-control" name="title" maxlength="255">
            </div>
        </div>
        <div class="row">
            <div class="form-group col-sm-8">
                <label for="modal-course-create-syllabus">Prontuario:</label>
                <input id="modal-course-create-syllabus" type="file" name="syllabus">
            </div>
            <div class="form-group col-sm-4">
                <label for="modal-course-create-dept">Departamento:</label>
                <select id="modal-course-create-dept" class="form-control" name="dept_id" default="1" required>
                    @foreach (App\Department::all() as $department)
                        <option value="{{ $department->id }}" @if ($department->id === 1) selected @else disabled hidden @endif >
                            {{ $department->name }}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>
    </form>
@overwrite

@section('modal_submit_text'){{ 'Crear curso' }}@overwrite
@section('modal_submit')
    function(){document.getElementById('modal-course-create-form').submit()}
@overwrite