Sindbad~EG File Manager

@extends('adminlte::page')

@section('title', 'Envio de mensajes')

@section('content_header')
    <h1>Editar envio de mensajes: </h1>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-info">
            {!! Form::model($envio,['method'=>'PATCH','route'=>['envio_mensajes.update',$envio->id]]) !!}
            {{Form::token()}}
            <div class="card-body">
                <div class="row" id="addfecha">
                    <div class="col-md-12">
                        <label>Titulo:</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-heading"></i></span>
                            </div>
                            <input type="text" class="form-control @error('titulo') is-invalid @enderror" value="{{ $envio->titulo }}" name="titulo" placeholder="Titulo" required>
                            @error('titulo')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label for="informacion">Mensaje: evaluador &#123;&#123;$evaluador&#125;&#125; - evaluado &#123;&#123;$evaluado&#125;&#125; - ci del evaluador &#123;&#123;$ci&#125;&#125;</label>
                            <textarea name="mensaje" id="informacion" class="textarea form-control" style="width: 100%" placeholder="Escriba el cuerpo del mensaje" cols="30" rows="10" required>{{ $envio->mensaje }}</textarea>
                            @error('mensaje')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12">
                        <h3>Fechas de notificación <button type="button" class="btn btn-sm btn-success" onclick="addfecha();"><i class="fas fa-plus-circle"></i> Agregar fecha</button></h3>
                        @foreach($fechas as $fec)
                            <div class="form-group">
                                <label for="informacion">Fecha</label>
                                <input type="text" class="form-control" value="{{$fec->fecha}}" id="meeting-time" name="fechas[]" />
                            </div>
                        @endforeach
                    </div>
                </div>
                @livewire('create-mensajes', ['envioid' => $envio->id])
            </div>
            <div class="card-footer" align="center">
                <button type="submit" class="btn btn-info"><i class="fas fa-save"></i> Guardar cambios</button>
            </div>
            {!!Form::close()!!}
        </div>
    </div>
    <script>
        var selectedItems =[];
    </script>
    @foreach($usuario_id as $usu)
        <script>
            selectedItems.push({{ $usu->usuario_id }});
        </script>
    @endforeach

@stop

@section('adminlte_js')
    <script>
        function addfecha(){
            $('#addfecha').append('<div class="col-12"><div class="form-group"><label for="informacion">Fecha</label><input type="datetime-local" class="form-control" id="meeting-time" name="fechas[]" /></div></div>');
        }
        
        $(function () {
            // Summernote
            $('#informacion').summernote({
                height: '100%',
            });

            $(".js-example-basic-multiple").select2({
                multiple: true,
            });
            $('.js-example-basic-multiple').val(selectedItems).trigger('change');
        });

        document.addEventListener("livewire:load", () => {
        Livewire.hook('message.processed', (message, component) => {
            $('.js-example-basic-multiple').select2()
        }); });
    </script>

@stop