@if ($errors->any())
                <div class="row">
                    <div class="col-xs-12">

                        <div class="alert alert-danger" role="alert">
                            <ul class="erroresContainer">
                                @foreach($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>

                    </div>
                </div>
            @endif

    <input type="hidden" name="_token" value="{{ csrf_token() }}">

    @if(isset($course->id))
        <input type="hidden" name="id" value="{{ $course->id }}">
    @endif

    <!-- Item -->
    <div class="form-group {{ $errors->has('id_estado_curso') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="id_estado_curso">Estado de curso</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">Obligatorio</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <select class="form-control select2-one" name="id_estado_curso" id="id_estado_curso"
                        v-model="id_estado_curso">
                        <option value="">Selecciona un valor</option>
                        <option value="1">Inactivo</option>
                        <option value="2">Activo</option>
                </select>
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('id_tipo_curso') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="id_tipo_curso">Tipo de curso</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">Obligatorio</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <select class="form-control select2-one" name="id_tipo_curso" id="id_tipo_curso"
                        v-model="id_tipo_curso">
                        <option value="">Selecciona un valor</option>
                        <option value="1">To get certified by PMP</option>
                        <option value="2">On Management Skills</option>
                </select>
            </div>
        </div>
    </div>
    <!-- / end Item -->
    
    <!-- Item -->
    <div class="form-group {{ $errors->has('titulo') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="titulo">Título</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">Obligatorio</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="titulo" id="titulo"
                       autocomplete="off" v-model="titulo">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('descripcion') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="descripcion">Descripción</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="descripcion" id="descripcion"
                       autocomplete="off" v-model="descripcion">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('texto') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="texto">Texto</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <textarea rows="4" class="form-control rich_editor" name="texto" id="texto"
                       autocomplete="off" v-model="texto">
                        @if(isset($course->id))
                            {{ !is_null(old("texto")) ? old("texto") : $course->texto }}
                        @endif
                       </textarea>
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('objetivos') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="objetivos">Objetivos</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <textarea rows="4" class="form-control rich_editor" name="objetivos" id="objetivos"
                       autocomplete="off" v-model="objetivos">
                       @if(isset($course->id))
                            {{ !is_null(old("objetivos")) ? old("objetivos") : $course->objetivos }}
                        @endif
                        </textarea>
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('duracion') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="duracion">Duración</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="duracion" id="duracion"
                       autocomplete="off" v-model="duracion">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('temario') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="temario">Temario</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="temario" id="temario"
                       autocomplete="off" v-model="temario">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('talent') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="talent">Talent</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="talent" id="talent"
                       autocomplete="off" v-model="talent">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('pdus') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="pdus">PDUs</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="pdus" id="pdus"
                       autocomplete="off" v-model="pdus">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('precio') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="precio">Precio</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">El precio es informativo</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="precio" id="precio"
                       autocomplete="off" v-model="precio">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('precio_dolar') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="precio_dolar">Precio Dólar</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">El precio es informativo</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="precio_dolar" id="precio_dolar"
                       autocomplete="off" v-model="precio_dolar">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('orden') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="orden">Orden</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">Obligatorio</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="orden" id="orden"
                       autocomplete="off" v-model="orden">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('img_curso') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="img_curso">Imagen</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                
                <input type="file" class="form-control" name="img_curso" id="img_curso"
                       autocomplete="off" v-model="img_curso">
                <br>
                <img v-attr="src:img_curso" alt="" class="img-responsive">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('file_programa') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="file_programa">Programa</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block"></p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">

                <input type="file" class="form-control" name="file_programa" id="file_programa"
                       autocomplete="off" v-model="file_programa">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('url_youtube_1') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="url_youtube_1">Vídeo Youtube 1</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">Incluir http:// o https://</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="url_youtube_1" id="url_youtube_1"
                       autocomplete="off" v-model="url_youtube_1">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('url_youtube_2') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="url_youtube_2">Vídeo Youtube 2</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">Incluir http:// o https://</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="url_youtube_2" id="url_youtube_2"
                       autocomplete="off" v-model="url_youtube_2">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('url_youtube_3') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="url_youtube_3">Vídeo Youtube 3</label>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <p class="help-block">Incluir http:// o https://</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                <input type="text" class="form-control" name="url_youtube_3" id="url_youtube_3"
                       autocomplete="off" v-model="url_youtube_3">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <div class="row">
        <div class="col-xs-12">
            <br><br>
            <button type="button" class="btn w-btn w-btn-1 pull-right submit" v-on="click: submit">
                Guardar
            </button>
        </div>
    </div>

    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        $(function () {
            // SELECT2
            $(".select2-one").select2();

            tinymce.init({ 
                selector:'.rich_editor' ,
                theme: 'modern',
                menubar: false,
                  plugins: [
                    'advlist autolink lists link anchor pagebreak',
                  ],
                  toolbar1: 'bold italic | bullist outdent indent | link'   
            });

        });
    </script>
    </script>