@extends('layout/template')

@section('title','Usuarios | sistema')

@section('contenido')

 <!-- BEGIN: Content-->
 <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div class="content-detached">
                <div class="content-body">
                    <div class="content-overlay"></div>
                  

                    <section class="row all-contacts">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-head">
                                    <div class="card-header">
                                        <h4 class="card-title">Reportes</h4>
                                        <div class="heading-elements mt-0">
                                           
                                           
                                           
                                            <button class="btn btn-default btn-sm"><i class="ft-settings white"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="content-body">

                                        </div>
                                        <!-- Task List table -->                                       
                                        <div class="table-responsive">
                                        <table  class="table table-striped table-bordered dataex-html5-export">
                                                <thead>
                                                    <tr>
                                                        <th>#</th> 
                                                        <th>Cédula</th>                                                        
                                                        <th>Nombre</th>
                                                        <th>Apellido paterno</th>
                                                        <th>Apellido materno</th>
                                                        <th>Fecha de la encuesta</th>
                                                        <th>Título</th>
                                                        <th>Pregunta</th>
                                                        <th>Respuesta</th>
                                                        <th>Opción Cual</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($respuestas as $respuesta)
                                                    <tr>
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$loop->iteration}}</a>
                                                                </div>
                                                            </div>
                                                        </td> 

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->usuario->matricula}}</a>
                                                                </div>
                                                            </div>
                                                        </td>    

                                                      

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->usuario->nombre}}</a>
                                                                </div>
                                                            </div>
                                                        </td>

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->usuario->apellido_paterno}}</a>
                                                                </div>
                                                            </div>
                                                        </td>

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->usuario->apellido_materno}}</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->created_at}}</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->Pregunta->titulo_pregunta->titulo}}</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->Pregunta->texto}}</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                       
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->detalle_pregunta->opcion}}</a>
                                                                </div>
                                                            </div>
                                                        </td>     
                                                        
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$respuesta->texto_libre}}</a>
                                                                </div>
                                                            </div>
                                                        </td> 
                                                    </tr>  
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>    
                                                        <th>#</th> 
                                                        <th>Cédula</th>                                                        
                                                        <th>Nombre</th>
                                                        <th>Apellido paterno</th>
                                                        <th>Apellido materno</th>
                                                        <th>Fecha de la encuesta</th>
                                                        <th>Título</th>
                                                        <th>Pregunta</th>
                                                        <th>Respuesta</th>
                                                        <th>Opción Cual</th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
          



        </div>
    </div>
    <!-- END: Content-->

@endsection

@section('scripts')
<script>
    $('#frm_eliminar').on(
        'submit',function(e){
            e.preventDefault();    
            Swal.fire({ 
                title: 'Desea eliminar el registro?',
                text: "Tu respuesta no es reversible!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Eliminar',
                confirmButtonClass: 'btn btn-primary',
                cancelButtonClass: 'btn btn-danger ml-1',
                buttonsStyling: false,
            }).then((result)=>{
                if (result.value) {                    
                    this.submit()
            }
        })
    });
    


</script>

@if(Session::has('success'))
<script>
    Swal.fire(
            'OK!',
            'Registro eliminado correctamente!',
            'success'
        )    
</script>
@endif

@if(Session::has('save'))
<script>
    Swal.fire(
            'OK!',
            'Registro guardado correctamente!',
            'success'
        )    
</script>
@endif

@if(Session::has('duplicate'))
<script>
    Swal.fire(
            'OK!',
            'Esta Cédula ya esta registrada!',
            'error'
        )    
</script>
@endif
@endsection