@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">Título de preguntas</h4>
                                        <div class="heading-elements mt-0">
                                        
                                        
                                        <button class="btn btn-primary btn-sm " data-toggle="modal" data-target="#AddContactModal"><i class="d-md-none d-block ft-plus white"></i>                                            
                                                <span class="d-md-block d-none">Nuevo Título de preguntas</span></button>
                                        
                                                <div class="modal fade" id="AddContactModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true">
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <section class="contact-form">      
                                                            
                                                            @if ($errors->any())
                                                            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                                                <ul>
                                                                    @foreach($errors->all() as $error)
                                                                    <li>{{$error}}</li>
                                                                    @endforeach
                                                                </ul>
                                                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                                              </div>c 
                                                            @endif
                                                        <form id="frm_guardar" action="{{ url('titulopreguntas')}}" method="post">
                                                                @csrf
                                                                <div class="modal-header">

                                                                    <h5 class="modal-title" id="exampleModalLabel1">Agregar nuevo título de pregunta</h5>
                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                {{-- <fieldset class="form-group col-12">
                                                                <div class="text-bold-600 font-medium-2">Número de pregunta</div>  
                                                                        <input type="text"  name="numero_pregunta" id="numero_pregunta" value="{{ $total +1 }}" class="form-control" placeholder="No de pregunta">
                                                                    </fieldset> --}}
                                                                   
                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Título de la pregunta</div>   
                                                                        <input type="text" name="titulo" id="titulo" value="{{ old('titulo') }}" class="form-control" required placeholder="Matrícula">
                                                                    </fieldset>
                                                                    
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <fieldset class="form-group position-relative has-icon-left mb-0">
                                                                    <button type="submit" class="btn btn-success">Guardar</button>
                                                                        <!-- <button type="button" id="add-contact-item" class="btn btn-info add-contact-item" data-dismiss="modal"><i class="la la-paper-plane-o d-block d-lg-none"></i> <span class="d-none d-lg-block">Guardar</span></button> -->
                                                                    </fieldset>
                                                                </div>
                                                            </form>
                                                        </section>
                                                    </div>
                                                </div>
                                            </div>
                                            

                                            <div class="modal fade" id="EditContactModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <section class="contact-form">
                                                          
                                                            @if($titulopreguntam!='') 
                                                            <form action="{{ url('titulopreguntas/'.$titulopreguntam->id)}}" method="post">
                                                                @method("PUT")
                                                                @csrf
                                                            
                                                                <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Título de la pregunta</div>   
                                                                        <input type="text" name="titulom" id="titulom" value="{{ $titulopreguntam->titulo }}" class="form-control" placeholder="Título de la pregunta">
                                                                    </fieldset>

                                                                <div class="modal-footer">
                                                                    <fieldset class="form-group position-relative has-icon-left mb-0">
                                                                        
                                                                        <button type="submit" class="btn btn-success">Guardar</button>
                                                                    </fieldset>
                                                                </div>
                                                            </form>
                                                            @endif
                                                       
                                                        </section>
                                                    </div>
                                                </div>
                                            </div>


                                           
                                            <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">
                                        <!-- Task List table -->                                       
                                        <div class="table-responsive">
                                            <table class="table table-striped table-bordered text-inputs-searching dataex-html5-export">           
                                                <thead>
                                                    <tr>
                                                    <th>No de preguntas</th>
                                                        <th>Título de las preguntas</th>                                                                                                             
                                                        <th style="width: 30%"></th>
                                                      
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($titulopreguntas as $titulopregunta)
                                                    <tr>                                                        
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$titulopregunta->id}}</a>
                                                                </div>
                                                            </div>
                                                        </td>

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$titulopregunta->titulo}}</a>
                                                                </div>
                                                            </div>
                                                        </td>                                                                                                       
                                                        <td>
                                                            
                                                           <div class="row">
                                                            <div class="col-6">                                                                
                                                                <a href="{{url('titulopreguntas/'.$titulopregunta->id.'/edit') }}" class="btn btn-warning btn-sm">Editar</a>
                                                                
                                                            </div>
                                                            <div class="col-6">
                                                                <form id="frm_eliminar" action="{{ url('titulopreguntas/'.$titulopregunta->id) }}" method="POST">                                                                   
                                                                    @csrf
                                                                    @method("DELETE")
                                                                    <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
                                                                </form>                                                                             
                                                            
                                                           </div>
                                                        </div>
                                                            
                                                        </td>                                                   
                                                    </tr>  
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>  
                                                        <th>No de preguntas</th>                                                     
                                                        <th>Título de las preguntas</th>                                                       
                                                        <th></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!',
            'Este título ya está asignado a una pregunta!',
            'error'
        )    
</script>
@endif
@endsection