@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_planificacion" value="{{ $id_planificacion }}">
    
    @if(isset($session->id))
        <input type="hidden" name="id" value="{{ $session->id }}">
    @endif

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

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

    <!-- Item -->
    <div class="form-group {{ $errors->has('hora_fin') ? 'has-error' : '' }}">
        <div class="row">
            <div class="col-xs-12">
                <label for="hora_fin">Hora fin</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="hora_fin" id="hora_fin" 
                    autocomplete="off" v-model="hora_fin">
            </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_sesion, { 
                weekStart: 1, 
                time: false,
                inputFormat: "YYYY-MM-DD",
            });

            rome(hora_inicio, { 
                date: false, 
                timeFormat: "HH:mm",
            });

            rome(hora_fin, { 
                date: false, 
                timeFormat: "HH:mm",
            });
        });
    </script>
    </script>