@extends('layouts.backend')
@section('content')
<div id="body_pregunta">
    <div class="row">
        <div class="col-lg-10"></div>
        <div class="col-lg-2 text-right">
            <a onclick="$.open_ventana(this,'ventana_add_pregunta','body_pregunta')" data-toggle="tooltip" 
               data-placement="top" title="Agregar Pregunta" style="margin: 5px 14px 5px 0px;" 
               class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                <i class="icon icon-plus s-14"  ></i>
            </a>                                            
        </div>
    </div>
    <div class="row" id="row_pr">
    @foreach($pregunta_p as $pr)
        <div class="col-md-6" id="div_pr{{$pr->id}}">
            <div class="card border-info mb-3 " id="card_pr{{$pr->id}}">                                                
                <div class="card-header">
                    <span class="title_pregunta" id="nombre_pr{{$pr->id}}">{{$pr->nombre}}</span>
                    <span class="op_pregunta">
                        <a onclick="$.fn_ajax_add_alternativa(this,'{{route('alternativa.add')}}','{{$pr->id}}','ventana_add_alternativa{{$pr->id}}','card_pr{{$pr->id}}')" 
                           data-toggle="tooltip" 
                            data-placement="top" title="Agregar alternativa" style="margin: 5px 14px 5px 0px;" 
                            class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                             <i class="icon icon-plus-square s-14"  ></i>
                        </a>
                        <a onclick="$.open_ventana(this,'ventana_upd_pregunta{{$pr->id}}','card_pr{{$pr->id}}')" data-toggle="tooltip" 
                           data-placement="top" title="Modificar"  class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                            <i class="icon icon-edit s-14"  ></i>
                        </a>

                        <a onclick="$.eliminar_pregunta(this,'{{$pr->id}}','div_pr{{$pr->id}}','{{route('pregunta.eliminar')}}')" data-toggle="tooltip" 
                           data-placement="top" title="Eliminar"  class="btn-fab btn-fab-sm fab-right-bottom red lighten-2 shadow1 pointer"> 
                            <i class="icon icon-trash-o s-14"  ></i>
                        </a>
                    </span>
                </div>

                <div class="card-body text-info scroll" id="tbody{{$pr->id}}">
                    @foreach($pr->alternativas as $a)
                    <table class="table table-hover">                                                        
                        <tbody id="">                                                            
                            <tr class="no-b @if($a->correcta=='S') green accent-1 @endif" id="tr_upd_alt{{$a->id}}">
                                @if($a->url_imagen_generado!=null)
                                <td class="w-20">
                                    <img class="" id="imagen_alt{{$a->id}}" src="{{ url('/') }}/image/{{$a->url_imagen_generado}}"/>
                                </td>
                                @endif
                                <td class="@if($a->url_imagen_generado!=null) w-40 @else w-60 @endif card-text">
                                    <h6 id="nombre_alt{{$a->id}}">{{$a->nombre}}</h6>                                                        
                                </td>
                                <td class="w-20" id="created_at_alt{{$a->id}}">{{ \FormatTime::LongTimeFilter($a->created_at) }}</td>
                                <td class="w-20">
                                    <a onclick="$.fn_ajax_add_alternativa(this,'{{route('alternativa.get_alternativa_pregunta')}}','{{$a->id}}','ventana_upd_alternativa{{$pr->id}}','card_pr{{$pr->id}}')" 
                                       data-toggle="tooltip" data-placement="top" title="Modificar"  
                                       class="btn-fab btn-fab-sm fab-right-bottom green lighten-2 shadow1 pointer"> 
                                         <i class="icon icon-edit s-14"  ></i>
                                    </a>


                                    <a onclick="$.eliminar_alternativa(this,'{{$a->id}}','tr_upd_alt{{$a->id}}','{{route('alternativa.eliminar')}}')" 
                                       data-toggle="tooltip" data-placement="top" title="Eliminar"  
                                       class="btn-fab btn-fab-sm fab-right-bottom red lighten-2 shadow1 pointer"> 
                                        <i class="icon icon-trash-o s-14"  ></i>
                                    </a>

                                </td>

                            </tr>                                                                                                                                                                                                                                                
                        </tbody>                                                        
                    </table>
                    
                    @endforeach
                </div>
            </div>
            <div  id="ventana_upd_pregunta{{$pr->id}}" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content" id="modal-content{{$pr->id}}">                                                                    
                        <button type="button" onclick="$.close_ventana(this,'ventana_upd_pregunta{{$pr->id}}','card_pr{{$pr->id}}')" 
                                class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" >
                            <span aria-hidden="true" class="s-24">&times;</span>
                        </button>
                        <div class="modal-body text-left" id="modal-body">
                            <h2 class="s-18">Modificar pregunta  </h2>
                            @include('includes.modal_upd_pregunta', array('pr' => $pr))
                        </div>
                        <div class="modal-footer">
                            <button onclick="$.fn_ajax_post_actualizar_pregunta(this,'{{route('pregunta.update')}}','frm_update_pregunta{{$pr->id}}','card_pr{{$pr->id}}','{{$pr->id}}','ventana_upd_pregunta{{$pr->id}}','card_pr{{$pr->id}}')" type="button" class="btn btn-success" >Grabar</button>
                            <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_upd_pregunta{{$pr->id}}','card_pr{{$pr->id}}')">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            <div  id="ventana_add_alternativa{{$pr->id}}" style="display: none;">

            </div>
            <div  id="ventana_upd_alternativa{{$pr->id}}" style="display: none;margin-bottom: 10px;">
                
            </div>
        </div>
    @endforeach
    </div>
</div>                                        

<div  id="ventana_add_pregunta" style="display: none;">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content" id="modal-content">                                                                    
            <button type="button" onclick="$.close_ventana(this,'ventana_add_pregunta','body_pregunta')" class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" >
                <span aria-hidden="true" class="s-24">&times;</span>
            </button>
            <div class="modal-body text-left" id="modal-body">
                <h2 class="s-24">Agregar pregunta </h2>
                @include('includes.modal_add_pregunta_new')
            </div>
            <div class="modal-footer">
                <button onclick="$.fn_ajax_post_agregar_pregunta(this,'{{route('pregunta.grabar')}}','frm_add_pregunta','row_pr','ventana_add_pregunta','body_pregunta')" type="button" class="btn btn-success" >Grabar</button>
                <button type="button" class="btn btn-secondary" onclick="$.close_ventana(this,'ventana_add_pregunta','body_pregunta')">Close</button>
            </div>
        </div>
    </div>
</div>
{{$pregunta_p->links()}}
@endsection