@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() }}">

    <input type="hidden" name="id_curso" value="{{ $id_curso }}">
    
    
    

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

    @if(isset($planning->id_valoracion) && $planning->id_valoracion != '0')
        <input type="hidden" name="id_valoracion" value="{{ $planning->id_valoracion }}">
    @else
        <input type="hidden" name="id_valoracion" value="4">
    @endif

    <!-- Item -->
    <div class="form-group {{ $errors->has('id_estado_planificacion') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="id_estado_planificacion">Estado de la planificación</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_planificacion" id="id_estado_planificacion"
                        v-model="id_estado_planificacion">
                        <option value="">Selecciona un valor</option>
                        <option value="1">En configuración</option>
                        <option value="2">Planificado</option>
                        <option value="3">Completo</option>
                        <option value="4">En ejecución</option>
                        <option value="5">Cerrado</option>
                        <option value="6">Histórico</option>
                        <option value="7">Desechado</option>
                </select>
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('id_lenguaje') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="id_lenguaje">Lenguaje</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_lenguaje" id="id_lenguaje"
                        v-model="id_lenguaje">
                        <option value="">Selecciona un valor</option>
                        <option value="1">Español</option>
                        <option value="2">Inglés</option>
                </select>
            </div>
        </div>
    </div>
    <!-- / end Item -->
    
    <!-- Item -->
    <div class="form-group {{ $errors->has('codigo') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="codigo">Código</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="codigo" id="codigo"
                       autocomplete="off" v-model="codigo">
            </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">Obligatorio</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('id_moneda') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="id_moneda">Moneda</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_moneda" id="id_moneda"
                        v-model="id_moneda">
                        <option value="1">EUR</option>
                        <option value="2">USD</option>
                </select>
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('descuento') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="descuento">Descuento</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="descuento" id="descuento"
                       autocomplete="off" v-model="descuento">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group">
        <div class="row">
            <div class="col-xs-12">
                <label for="">Número alumnos</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">
                <div class="row">
                    <div class="col-xs-6 col-sm-2 col-sm-offset-6">
                        <div class="form-group {{ $errors->has('minimo_alumnos') ? 'has-error' : '' }}">
                            <label for="minimo_alumnos">Mínimo</label>
                            <input type="text" class="form-control" name="minimo_alumnos" id="minimo_alumnos"
                                   autocomplete="off" v-model="minimo_alumnos">
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-2">
                            <div class="form-group {{ $errors->has('maximo_alumnos') ? 'has-error' : '' }}">
                                <label for="maximo_alumnos">Máximo</label>
                                <input type="text" class="form-control" name="maximo_alumnos" id="maximo_alumnos"
                                       autocomplete="off" v-model="maximo_alumnos">
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('fecha_inicio') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="fecha_inicio">Fecha inicio</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="fecha_inicio" id="fecha_inicio" 
                    autocomplete="off" v-model="fecha_inicio">
            </div>
        </div>
    </div>
    <!-- / end Item -->

    <!-- Item -->
    <div class="form-group {{ $errors->has('fecha_fin') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="fecha_fin">Fecha fin</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="fecha_fin" id="fecha_fin" 
                    autocomplete="off" v-model="fecha_fin">
            </div>
        </div>
    </div>
    <!-- / end Item -->

     <!-- Item -->
    <div class="form-group {{ $errors->has('huso_horario') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="huso_horario">Huso Horario</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="huso_horario" id="huso_horario" v-model="huso_horario">
                    <option value="">Seleccionar...</option>
                    <option value="GMT-11:00">GMT-11:00</option>
                    <option value="GMT-10:00">GMT-10:00</option>
                    <option value="GMT-09:00">GMT-09:00</option>
                    <option value="GMT-09:00">GMT-09:00</option>
                    <option value="GMT-08:00">GMT-08:00</option>
                    <option value="GMT-07:00">GMT-07:00</option>
                    <option value="GMT-06:00">GMT-06:00</option>
                    <option value="GMT-05:00">GMT-05:00</option>
                    <option value="GMT-04:30">GMT-04:30</option>
                    <option value="GMT-04:00">GMT-04:00</option>
                    <option value="GMT-03:30">GMT-03:30</option>
                    <option value="GMT-03:00">GMT-03:00</option>
                    <option value="GMT-02:00">GMT-02:00</option>
                    <option value="GMT-01:00">GMT-01:00</option>
                    <option value="GMT+00:00">GMT+00:00</option>
                    <option value="GMT+01:00">GMT+01:00</option>
                    <option value="GMT+02:00">GMT+02:00</option>
                    <option value="GMT+03:00">GMT+03:00</option>
                    <option value="GMT+03:30">GMT+03:30</option>
                    <option value="GMT+04:00">GMT+04:00</option>
                    <option value="GMT+04:30">GMT+04:30</option>
                    <option value="GMT+05:00">GMT+05:00</option>
                    <option value="GMT+05:30">GMT+05:30</option>
                    <option value="GMT+05:45">GMT+05:45</option>
                    <option value="GMT+06:00">GMT+06:00</option>
                    <option value="GMT+06:00">GMT+06:00</option>
                    <option value="GMT+06:30">GMT+06:30</option>
                    <option value="GMT+07:00">GMT+07:00</option>
                    <option value="GMT+08:00">GMT+08:00</option>
                    <option value="GMT+09:00">GMT+09:00</option>
                    <option value="GMT+09:30">GMT+09:30</option>
                    <option value="GMT+10:00">GMT+10:00</option>
                    <option value="GMT+11:00">GMT+11:00</option>
                    <option value="GMT+12:00">GMT+12:00</option>
                    <option value="GMT+12:45">GMT+12:45</option>
                    <option value="GMT+13:00">GMT+13:00</option>
                </select>
            </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>


    <link href="/js/libs/rome/rome.min.css" rel="stylesheet">
    <script src="/js/libs/rome/rome.standalone.min.js"></script>

    <script>
        $(function () {
            // SELECT2
            $(".select2-one").select2();

            rome(fecha_inicio, { 
                weekStart: 1, 
                time: false,
                dateValidator: rome.val.beforeEq(fecha_fin),
                inputFormat: "YYYY-MM-DD",
            });

            rome(fecha_fin, { 
                weekStart: 1, 
                time: false,
                dateValidator: rome.val.afterEq(fecha_inicio)
            });
        });
    </script>
    </script>