Sindbad~EG File Manager

<div>
    <h1>Cursos <button class="btn btn-success" wire:click.prevent="crear()"><i class="fas fa-plus-circle"></i> Nuevo</button></h1><hr>
    <div class="row">
        <div class="col-md-12" {{ ( $updateMode != 0 && $updateMode <= 2) ? 'style=display:inline;' : 'style=display:none;' }}>
            @include('livewire.cursos.create')
        </div>
        <div class="col-md-12" {{ ( $updateMode != 0 && $updateMode >= 3) ? 'style=display:inline;' : 'style=display:none;' }}>
            @include('livewire.cursos.campos')
        </div>
        <div class="col-md-12">
              <input wire:model="search" class="form-control" type="search" placeholder="Buscar curso">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-12">
            <table class="table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Curso</th>
                        <th>Informaciones</th>
                        <th>Categoria</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>

                    @foreach ($cursos as $value)
                        <tr>
                            <td>{{ $value->id }}</td>
                            <td><img src="{{ asset('/images/cursos/'.$value->logo) }}" width="50px;" style="border-radius: 50%"> {{ $value->titulo }}</td>
                            <td>
                                <b>Porcentaje: </b> {{ $value->porcentaje }}%<br/>
                                <b>Fecha de finalización: </b> {{ date_format(date_create($value->fincurso),"d/m/Y") }}
                            </td>
                            <td>{{ $value->categoria }}</td>
                            <td>
                                <button class="btn btn-sm btn-success"><i class="fas fa-eye"></i></button>
                                <button wire:click="edit({{ $value->id }})" class="btn btn-sm btn-info"><i class="fas fa-edit"></i></button>
                                <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{ $value->id }}"><i class="far fa-trash-alt"></i></button><hr>
                                <button wire:click='crearimportancia({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="importancia"><img src="{{ asset('/imagenes/importancia.png') }}" width="20px;"></button>
                                <button wire:click='crearalcance({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="alcance"><img src="{{ asset('/imagenes/alcance.png') }}" width="20px;"></button>
                                <button wire:click='crearobjetivo({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="objetivo"><img src="{{ asset('/imagenes/objetivo.png') }}" width="20px;"></button>
                                <button wire:click='crearcapsula({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="cantidad capsulas"><img src="{{ asset('/imagenes/cantidad-capsulas.png') }}" width="20px;"></button>
                                <button wire:click='creartutor({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="tutor"><img src="{{ asset('/imagenes/tutor.png') }}" width="20px;"></button>
                                <button wire:click='crearrecurso({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="recurso adicional"><img src="{{ asset('/imagenes/recurso-adicional.png') }}" width="20px;"></button>
                                <a href="/admin/cursos/formularios/{{ $value->id }}"><button class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="reflexion"><img src="{{ asset('/imagenes/reflexion.png') }}" width="20px;"></button></a>
                                <button wire:click='crearpodcast({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="podcast"><img src="{{ asset('/imagenes/podcast.png') }}" width="20px;"></button>
                                <button wire:click='crearcertificado({{ $value->id }})' class="btn btn-sm btn-dark" data-toggle="tooltip" data-placement="top" title="Certificado"><i class="fas fa-certificate"></i></button>

        						<!-- Modal -->
        						<div class="modal fade" id="exampleModal{{$value->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        							<div class="modal-dialog" role="document">
        							    <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">Eliminar curso</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <p>¿Realmente quiere eliminar el curso: {{ $value->titulo }}?</p>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                                                <button type="button" wire:click="delete({{ $value->id }})" class="btn btn-danger" data-dismiss="modal">Eliminar</button>
                                            </div>
        							    </div>
        							</div>
        						</div>
                            </td>
                        </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
        <div class="col-md-12">
            {{ $cursos->links() }}
        </div>
    </div>
    @section('adminlte_js')
        <script>
            $('#summernoteimportancia').summernote({
                height: 50,
                codemirror: {
                    theme: 'monokai'
                },
                callbacks: {
                    onChange: function(contents, $editable) {
                        @this.set('importancia', contents);
                    }
                }
            });

            Livewire.on('importancia', importancia => {
                $('#summernoteimportancia').summernote('code', importancia);
                console.log(importancia);
            });

            $('#summernotealcance').summernote({
                height: 50,
                codemirror: {
                    theme: 'monokai'
                },
                callbacks: {
                    onChange: function(contents, $editable) {
                        @this.set('alcance', contents);
                    }
                }
            });

            Livewire.on('alcance', alcance => {
                $('#summernotealcance').summernote('code', alcance);
                console.log(alcance);
            });

            $('#summernoteobjetivo').summernote({
                height: 50,
                codemirror: {
                    theme: 'monokai'
                },
                callbacks: {
                    onChange: function(contents, $editable) {
                        @this.set('objetivo', contents);
                    }
                }
            });

            Livewire.on('objetivo', objetivo => {
                $('#summernoteobjetivo').summernote('code', objetivo);
                console.log(objetivo);
            });

            $('#summernotetutor').summernote({
                height: 50,
                codemirror: {
                    theme: 'monokai'
                },
                callbacks: {
                    onChange: function(contents, $editable) {
                        @this.set('tutor', contents);
                    }
                }
            });

            Livewire.on('tutor', tutor => {
                $('#summernotetutor').summernote('code', tutor);
                console.log(tutor);
            });

            $('#summernoterecurso').summernote({
                height: 50,
                codemirror: {
                    theme: 'monokai'
                },
                callbacks: {
                    onChange: function(contents, $editable) {
                        @this.set('recurso', contents);
                    }
                }
            });

            Livewire.on('recurso', recurso => {
                $('#summernoterecurso').summernote('code', recurso);
                console.log(recurso);
            });

            $('#summernotecertificado').summernote({
                height: 50,
                codemirror: {
                    theme: 'monokai'
                },
                callbacks: {
                    onChange: function(contents, $editable) {
                        @this.set('certificado', contents);
                    }
                }
            });

            Livewire.on('certificado', certificado => {
                $('#summernotecertificado').summernote('code', certificado);
                console.log(certificado);
            });

            $('#summernotepodcast').summernote({
                height: 50,
                codemirror: {
                    theme: 'monokai'
                },
                callbacks: {
                    onChange: function(contents, $editable) {
                        @this.set('podcast', contents);
                    }
                }
            });

            Livewire.on('podcast', podcast => {
                $('#summernotepodcast').summernote('code', podcast);
                console.log(podcast);
            });

        </script>
    @stop
</div>