@extends('layouts.backend')
@section('content')
<div id="body_tipo_evaluacion">
    <div class="row">
        <div class="col-lg-10"></div>
        <div class="col-lg-2 text-right">
            <a onclick="$.open_ventana(this,'ventana_add_tipo_evaluacion','body_tipo_evaluacion')" data-toggle="tooltip" 
               data-placement="top" title="Agregar tipo de evaluacion" 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_te">
    @foreach($tevaluacion as $te)
        <div class="col-md-6" id="div_te{{$te->id}}">
            <div class="card border-info mb-3 " id="card_te{{$te->id}}">                                                
                <div class="card-header">
                    <span class="title_pregunta" id="tnombre{{$te->id}}">
                        {{$te->nombre}} 
                    </span>
                    <span class="op_pregunta">                                                
                        <a onclick="$.open_ventana(this,'ventana_upd_tipo_evaluacion{{$te->id}}','card_te{{$te->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_tipo_evaluacion(this,'{{$te->id}}','div_te{{$te->id}}','{{route('tipoevaluacion.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 " id="tbody{{$te->id}}"> 
                    <div class="table-responsive">                                            
                        <table class="table ">
                            <tbody>
                                <tr>
                                    <td>
                                        <h6><b>Imagen Desktop:</b></h6>
                                    </td>
                                    <td >
                                        @if($te->imagen_desktop!=null)
                                        <img id="imagen_desktop_l{{$te->id}}" src="{{url('').'/images/'.$te->imagen_desktop}}" />
                                        @else
                                        <img id="imagen_desktop_l{{$te->id}}" src="" />
                                        @endif
                                    </td>
                                    <td><h6><b>Imagen Mobile:</b></h6></td>
                                    <td >
                                        @if($te->imagen_mobile!=null)
                                        <img id="imagen_mobile_l{{$te->id}}" src="{{url('').'/images/'.$te->imagen_mobile}}" />
                                        @else
                                        <img id="imagen_mobile_l{{$te->id}}" src="" />
                                        @endif
                                    </td>
                                </tr>                              
                            </tbody>
                        </table> 
                    </div>    
                </div>
            </div>
            <div  id="ventana_upd_tipo_evaluacion{{$te->id}}" style="display: none;">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content" id="modal-content{{$te->id}}">                                                                    
                        <button type="button" onclick="$.close_ventana(this,'ventana_upd_tipo_evaluacion{{$te->id}}','card_te{{$te->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 Tipo de Evaluación  </h2>
                            @include('includes.modal_upd_tipo_evaluacion', array('te' => $te))
                        </div>
                        <div class="modal-footer">
                            <button 
                            onclick="$.fn_ajax_post_actualizar_tipo_evaluacion(this,'{{route('tipoevaluacion.update')}}'
                                ,'frm_update_tipo_evaluacion{{$te->id}}'
                                ,'card_te{{$te->id}}'
                                ,'{{$te->id}}'
                                ,'ventana_upd_tipo_evaluacion{{$te->id}}'
                                ,'card_te{{$te->id}}'
                                ,'{{url('/')}}/images/')" 
                            type="button" class="btn btn-success" >Grabar</button>
                            <button type="button" class="btn btn-secondary" 
                                    onclick="$.close_ventana(this,'ventana_upd_tipo_evaluacion{{$te->id}}','card_te{{$te->id}}')">Close</button>
                        </div>
                    </div>
                </div>
            </div>            
        </div>
    @endforeach
    </div>
</div>
<div  id="ventana_add_tipo_evaluacion" 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_tipo_evaluacion','body_tipo_evaluacion')" 
                    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 Tipo evaluación </h2>
                @include('includes.modal_add_tipo_evaluacion')
            </div>
            <div class="modal-footer">
                <button 
                    onclick="$.fn_ajax_post_agregar_tipo_evaluacion(this,'{{route('tipoevaluacion.save')}}','frm_add_tipo_evaluacion','row_te','ventana_add_tipo_evaluacion','body_tipo_evaluacion')" type="button" class="btn btn-success" >Grabar</button>
                <button type="button" class="btn btn-secondary" 
                    onclick="$.close_ventana(this,'ventana_add_tipo_evaluacion','body_tipo_evaluacion')">Close</button>
            </div>
        </div>
    </div>
</div>
@endsection