@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">Usuarios</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">Nuevos Usuarios</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">
                                                        <form action="{{ url('usuarios')}}" method="post">
                                                            @csrf
                                                            <!-- <form id="form-add-contact" class="contact-input"> -->
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="exampleModalLabel1">Nuevo usuario</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">Cédula</div>   
                                                                        <input type="text" name="matricula" id="matricula" value="{{ old('matricula') }}" required class="form-control" placeholder="Cédula">
                                                                    </fieldset>
                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Nombre</div>   
                                                                        <input type="text" name="nombre" id="nombre" value="{{ old('nombre') }}" required class="form-control" placeholder="Nombre">
                                                                    </fieldset>
                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Apellido paterno</div>   
                                                                        <input type="text" name="apellido_paterno" id="apellido_paterno" required value="{{ old('apellido_paterno') }}"  class="form-control" placeholder="Apellido materno">
                                                                    </fieldset>
                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Apellido materno</div>   
                                                                        <input type="text" name="apellido_materno" id="apellido_materno" required value="{{ old('apellido_materno') }}" class="form-control" placeholder="Apellido materno">
                                                                    </fieldset>

                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">
                                                                    Tipo de usuarios
                                                                    </div>                                           
                                                                    <select name="tipo_usuarios" id="tipo_usuarios" class="select2 form-control" required>                                                                                              
                                                                    <option value="">Seleccionar</option>               
                                                                        @foreach ($tipo_usuarios as $tipo_usuario)
                                                                            <option value="{{$tipo_usuario->id}}">{{$tipo_usuario->descripcion}}</option>
                                                                        @endforeach                                                                                                                                                                                                             
                                                                    </select> 
                                                                    </fieldset>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <fieldset class="form-group position-relative has-icon-left mb-0">
                                                                      
                                                                        <button type="submit" class="btn btn-info">Guardar</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($usuariom!=null) 
                                                           
                                                        <form  action="{{ url('usuarios/'.$usuariom->id)}}" method="post">
                                                            @method("PUT")
                                                            @csrf
                                                            
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="exampleModalLabel">Edit Contact</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">Cédula</div>   
                                                                        <input type="text" name="matricula" id="matricula" value="{{ $usuario->matricula }}" required class="form-control" placeholder="Cédula">
                                                                    </fieldset>
                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Nombre</div>   
                                                                        <input type="text" name="nombre" id="nombre" value="{{ old('nombre') }}" class="form-control" required placeholder="Nombre">
                                                                    </fieldset>
                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Apellido paterno</div>   
                                                                        <input type="text" name="apellido_paterno" id="apellido_paterno" value="{{ old('apellido_paterno') }}"  required class="form-control" placeholder="Apellido materno">
                                                                    </fieldset>
                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">Apellido materno</div>   
                                                                        <input type="text" name="apellido_materno" id="apellido_materno" value="{{ old('apellido_materno') }}" required  class="form-control" placeholder="Apellido materno">
                                                                    </fieldset>

                                                                    <fieldset class="form-group col-12">
                                                                    <div class="text-bold-600 font-medium-2">
                                                                    Tipo de usuarios
                                                                    </div>                                           
                                                                    <select name="tipo_usuarios" id="tipo_usuarios" class="select2 form-control" required>                                                                                              
                                                                    <option value="">Seleccionar</option>               
                                                                        @foreach ($tipo_usuarios as $tipo_usuario)
                                                                            <option value="{{$tipo_usuario->id}}">{{$tipo_usuario->descripcion}}</option>
                                                                        @endforeach                                                                                                                                                                                                             
                                                                    </select> 
                                                                    </fieldset>   
                                                                
                                                                    <span id="fav" class="d-none"></span>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <fieldset class="form-group position-relative has-icon-left mb-0">
                                                                        <button type="button" id="edit-contact-item" class="btn btn-info edit-contact-item" data-dismiss="modal"><i class="la la-paper-plane-o d-lg-none"></i> <span class="d-none d-lg-block">Edit</span></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>Id</th>
                                                        <th>Cédula</th>
                                                        <th>Nombre</th>
                                                        <th>Apellido paterno</th>
                                                        <th>Apellido materno</th>
                                                        <th>Tipo de usuario</th>
                                                        <th>Fecha de registro</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($usuarios as $usuario)
                                                    <tr>
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$usuario->id}}</a>
                                                                </div>
                                                            </div>
                                                        </td>    

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$usuario->matricula}}</a>
                                                                </div>
                                                            </div>
                                                        </td>

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$usuario->nombre}}</a>
                                                                </div>
                                                            </div>
                                                        </td>

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$usuario->apellido_paterno}}</a>
                                                                </div>
                                                            </div>
                                                        </td>

                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$usuario->apellido_materno}}</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$usuario->tipo_usuario->descripcion}}</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="media">                                                              
                                                                <div class="media-body media-middle">
                                                                    <a class="media-heading name">{{$usuario->created_at}}</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                       
                                                        <td>
                                                            <table>
                                                                <tr>
                                                                    <td> <a href="{{url('usuarios/'.$usuario->id.'/edit') }}" class="btn btn-warning  btn-sm">Editar</a></td>
                                                                    <td>
                                                                        <form id="frm_eliminar" action="{{ url('usuarios/'.$usuario->id) }}" method="POST">
                                                                            @method("DELETE")
                                                                            @csrf
                                                                            <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
                                                                            {{-- <a onclick="document.getElementById('frm_eliminar').submit()" class="danger  mr-1"><i class="la la-trash-o"></i></a>                                 --}}
                                                                        </form>
                                                                    </td>
                                                                </tr>
                                                            </table>                                                
                                                        </td>                                                        
                                                    </tr>  
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>    
                                                        <th>Id</th>                                                   
                                                        <th>Cédula</th>
                                                        <th>Nombre</th>
                                                        <th>Apellido paterno</th>
                                                        <th>Apellido materno</th>
                                                        <th>Tipo de usuario</th>
                                                        <th>Fecha de registro</th>
                                                        <th>Accciones</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!',
            'Esta Cédula ya esta registrada!',
            'error'
        )    
</script>
@endif
@endsection