@extends('template.layout')

@section('content')
    @include('sweet::alert')

    <h1 class="page-title">
        <a href="{{ url('reportesestadisticos/encuestas') }}" title="Volver"><i class="icon-action-undo"></i></a>
        Detalle Encuesta
    </h1>

    <div class="row">
        <div class="col-lg-12">

            <div class="portlet light portlet-fit portlet-datatable bordered">

                <div class="portlet-title">
                    <div class="caption">
                        <span class="caption-subject font-green sbold uppercase"><i class="icon-users"></i> Resultado de la Encuesta </span>
                    </div>
                </div>

                <div class="portlet-body">

                    <div class=" row" style="padding-top: 3%;">
                        <div class="col-lg-12 ">

                            <div class="col-lg-8">
                                <div class="col-lg-6">
                                    <div class="col-lg-2">
                                        <h5 style="color:#898989">Título:</h5>
                                    </div>
                                    <div class="col-lg-10">
                                        <h5 style="color:#666666">{{$encuesta->nombre}}</h5>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="col-lg-6">
                                        <h5 style="color:#898989">Período de Publicacíón:</h5>
                                    </div>
                                    <div class="col-lg-6">
                                        <h5 style="color:#666666"> {{ \Carbon\Carbon::parse( $encuesta->fecha_publicacion)->format('d-m-Y') }}
                                            - {{ \Carbon\Carbon::parse( $encuesta->fecha_finalizacion)->format('d-m-Y') }}</h5>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="col-lg-12">
                                    <div class="col-lg-12 pull-right">
                                <span class="pull-right btn btn-lg btn-primary">{{$cantRespondidas[0]->cantRespondidas}}
                                    Respuestas</span>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>

                </div>

            </div>

        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="col-lg-6">

                <div class="portlet light portlet-fit portlet-datatable bordered">
                    <h1 class="titulo-pagina"> Usuarios que han respondido</h1>
                    <div class="portlet-body">

                        <table class="table table-hover nowrap dataTable dtr-inline collapsed tbEncuestados"
                               id="tbEncuestados" width="100%" role="grid"
                               aria-describedby="tbEncuestados_info">
                            <thead class="thead-default">
                            <tr>
                                <th>Nombre</th>
                                <th>Fecha</th>
                                <th>Detalle</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($usuariosencuestados as $item)
                                <tr>
                                    <td> {{ $item->apellido_paterno }} {{ $item->apellido_materno }}
                                        , {{ $item->nombres }} </td>
                                    <td> {{ \Carbon\Carbon::parse( $item->updated_at)->format('d-m-Y')}} </td>
                                    <td>
                                        <a class="link-underlined color-primary"
                                           href="{{url('encuestas/respuestasdetalle',['id'=>$item->id,'userID' => $item->userid])}}">
                                            ver detalle</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                    </div>

                </div>

            </div>

            <div class="col-lg-6">

                <div class="portlet light portlet-fit portlet-datatable bordered">
                    <h1 class="titulo-pagina"> Usuarios que no han respondido</h1>

                    <div class="portlet-body">

                        <table class="table table-hover nowrap dataTable dtr-inline collapsed tbEncuestadosporresponder"
                               id="tbEncuestadosporresponder" width="100%" role="grid"
                               aria-describedby="tbEncuestadosporresponder_info">
                            <thead class="thead-default">
                            <tr>
                                <th>Nombre</th>
                                <th>Email</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($usuariosporresponder as $item)
                                <tr>
                                    <td> {{ $item->apellido_paterno }} {{ $item->apellido_materno }}
                                        , {{ $item->nombres }} </td>
                                    <td> {{$item->email}} </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                    </div>

                </div>

            </div>
        </div>
    </div>

    @php($count = 1)
    @if(count($preguntas)>0)
        @php($aux = $preguntas[0]->pregunta)
    @endif
    @php($count1 = 1)

    @foreach($preguntas as $obj)

        @if($aux != $obj->pregunta || $count==1)
            @if($count1 == 1)
                <div class="row">
                    @endif
                    <div class="col-lg-6">

                        <div class="portlet light portlet-fit portlet-datatable bordered">

                            <div class="portlet-title">
                                <div class="caption">
                                    <span class="caption-subject font-green sbold uppercase">Pregunta: {{ $obj->pregunta }} </span>
                                </div>
                            </div>

                            <div class="portlet-body">

                                <table class="table table-hover nowrap dataTable dtr-inline collapsed tbpregunta{{$count}}"
                                       id="tbpregunta{{$count}}" width="100%" role="grid"
                                       aria-describedby="tbpregunta{{$count}}_info">
                                    <thead class="thead-default">
                                    <tr>
                                        <th>Respuestas</th>
                                        <th>Cantidad</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php($aux1 = $obj->pregunta)

                                    @foreach($preguntas as $obj1)

                                        @if($aux1 == $obj1->pregunta)
                                            <tr>
                                                <td> {{$obj1->respuesta}} </td>
                                                <td> {{$obj1->cantrespuestas}} </td>
                                            </tr>
                                        @endif

                                    @endforeach
                                    </tbody>
                                </table>

                            </div>

                        </div>

                    </div>
                    @if($count1 == 2)
                </div>
                @php($count1 = 0)
            @endif

        @endif
        @php($count++)
        @php($count1++)
        @php($aux = $obj->pregunta)

    @endforeach

@endsection
@section('scripts')
    <script>
        $('#tbEncuestas').DataTable({
            "lengthMenu": [[25, 20, 50, -1], [25, 20, 50, "Todas"]],
            bFilter: true,
            "bLengthChange": false,
            bInfo: true,
            responsive: true,
            "autoWidth": true,
            "language": {
                "lengthMenu": "Mostrar _MENU_ Entradas",
                "zeroRecords": "No se encontraron registros",
                "info": "Mostrando la página _PAGE_ de _PAGES_",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrado de _MAX_ registros totales)",
                "search": "Buscar: ",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
            },
            "order": [],
            "aoColumns": [
                {"bSearchable": true},
                {"bSearchable": true},
                {"bSearchable": false},
                {"bSearchable": false},
            ],
            "columns": [
                {"orderable": true},
                {"orderable": true},
                {"orderable": false},
                {"orderable": false},
            ]
        });
        $('#tbEncuestados').DataTable({
            "lengthMenu": [[5, 10, 50, -1], [5, 10, 50, "Todas"]],
            bFilter: true,
            "bLengthChange": false,
            bInfo: true,
            responsive: true,
            "autoWidth": true,
            "language": {
                "lengthMenu": "Mostrar _MENU_ Entradas",
                "zeroRecords": "No se encontraron registros",
                "info": "Mostrando la página _PAGE_ de _PAGES_",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrado de _MAX_ registros totales)",
                "search": "Buscar: ",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
            },
            "order": [],
            "aoColumns": [
                {"bSearchable": true},
                {"bSearchable": false},
                {"bSearchable": false},
            ],
            "columns": [
                {"orderable": true},
                {"orderable": false},
                {"orderable": false},
            ]
        });
        $('#tbEncuestadosporresponder').DataTable({
            "lengthMenu": [[5, 10, 50, -1], [5, 10, 50, "Todas"]],
            bFilter: true,
            "bLengthChange": false,
            bInfo: true,
            responsive: true,
            "autoWidth": true,
            "language": {
                "lengthMenu": "Mostrar _MENU_ Entradas",
                "zeroRecords": "No se encontraron registros",
                "info": "Mostrando la página _PAGE_ de _PAGES_",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrado de _MAX_ registros totales)",
                "search": "Buscar: ",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
            },
            "order": [],
            "aoColumns": [
                {"bSearchable": true},
                {"bSearchable": false},
            ],
            "columns": [
                {"orderable": true},
                {"orderable": false},
            ]
        });

        @for($i=1; $i<$count; $i++)
        $('#tbpregunta{{$i}}').DataTable({
            "lengthMenu": [[25, 20, 50, -1], [25, 20, 50, "Todas"]],
            bFilter: false,
            "bLengthChange": false,
            bInfo: false,
            responsive: true,
            "autoWidth": true,
            "language": {
                "lengthMenu": "Mostrar _MENU_ Entradas",
                "zeroRecords": "No se encontraron registros",
                "info": "Mostrando la página _PAGE_ de _PAGES_",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrado de _MAX_ registros totales)",
                "search": "Buscar: ",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
            },
            "order": [],
            "aoColumns": [
                {"bSearchable": false},
                {"bSearchable": false},
            ],
            "columns": [
                {"orderable": false},
                {"orderable": false},
            ]
        });

        @endfor
    </script>
@endsection