@extends('layouts.backend')
@section('content')
<div class="row">
    <div class="col-md-12" id="div_pr">
        <div class="card border-info mb-3 " id="card_pr">                                                
            <div class="card-header">
                <span class="title_pregunta" id="nombre_pr"></span>
                <span class="op_pregunta">
                    <a onclick="$.fn_ajax_add_alternativa2(this,'{{route('alternativa.agregar')}}','Modal_alternativa','body_alternativa')" 
                       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>                    
                </span>
            </div>
            <div class="card-body text-info" id="tbody">                
                <table class="table table-hover">                                                        
                    <tbody id="tbody_pr">
                        @foreach($alternativa_p as $a)
                        <tr class="no-b @if($a->correcta=='S') green accent-1 @endif" id="tr_upd_alt{{$a->id}}">                            
                            <td class="">
                                @if($a->url_imagen_generado!=null)
                                <img class="img-100" id="imagen_alt{{$a->id}}" src="{{ url('/') }}/image/{{$a->url_imagen_generado}}"/>
                                @endif
                            </td>                            
                            <td class=" card-text">
                                <h6 id="nombre_alt{{$a->id}}">{{$a->nombre}}</h6>                                                        
                            </td>
                            <td class="" id="created_at_alt{{$a->id}}">{{ \FormatTime::LongTimeFilter($a->created_at) }}</td>
                            <td class="w-10">
                                <a t="{{$a->id}}" onclick="$.fn_ajax_upd_alternativa(this,'{{route('alternativa.get_alternativa')}}','Modal_alternativa','body_alternativa')" 
                                   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>
                        @endforeach
                    </tbody>                                                        
                </table>
                
                
            </div>
        </div>        
    </div>
</div>                                    
<div class="modal fade bd-example-modal-xl" id="Modal_alternativa" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" id="" role="document">
        <div class="modal-content">                                                                    
            <button type="button" class="btn-fab btn-fab-sm fab-right-bottom blue lighten-2 shadow1 close_modal" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true" class="s-24">&times;</span>
            </button>
            <div class="modal-body text-left" id="body_alternativa">

                
            </div>
            
        </div>
    </div>
    
</div>
{{$alternativa_p->links()}}
@endsection