@extends('layouts.app')

@section('content-header')
    <div class="col-sm-6">
        <h1 class="m-0"><i class="nav-icon fas fa-users fa-xs"></i> {{ __('Usuarios') }}</h1>
    </div><!-- /.col -->
    <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item">Seguridad</li>
        <li class="breadcrumb-item active">Auditoria</li>
        </ol>
    </div><!-- /.col -->
@endsection

@section('content')

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                      {{-- <h3 class="card-title">{{ __('users.lista.titulo') }}</h3> --}}
                      {{-- <a href="{{ route('users.create') }}" class="btn bg-primary">Nuevo Usuario</a> --}}
                      @if(!@empty(session('message')))
                      <hr class="hr hr-blurry" />
                          @switch(session('type'))
                              @case('OK')
                                <div class="alert alert-success alert-dismissible">
                                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                  <h5><i class="icon fas fa-check"></i> Listo!</h5>
                                  {{ session('message') }}
                                </div>
                                  @break
                              @default
                                <div class="alert alert-warning alert-dismissible">
                                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                  <h5><i class="icon fas fa-exclamation-triangle"></i> Atención!</h5>
                                  {{ session('message') }}
                                </div>
                          @endswitch
                      @endif
                      <div class="card-tools">
                        <form action="{{ route('users-get-logs') }}" method="POST">
                          @csrf
                          <div class="input-group input-group-sm" style="width: 150px;">
                            <input type="text" name="descripcion" class="form-control float-right" placeholder="Buscar" value="{{ old('descripcion') }}">
                            <div class="input-group-append">
                              <button type="submit" class="btn btn-default">
                                <i class="fas fa-search"></i>
                              </button>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body table-responsive p-0">
                      <table class="table table-hover text-nowrap">
                        <thead>
                          <tr>
                            <th class="text-center">ID</th>
                            <th>Usuario</th>
                            <th>Descripción</th>
                            <th class="text-center">Fecha</th>
                          </tr>
                        </thead>
                        <tbody>
                          @if (empty($logs) || count($logs) == 0)
                                <tr>
                                  <td colspan="4" class="text-center">No existen registros.</td>
                                </tr>
                            @endif
                            @foreach($logs as $log)
                            <tr>
                                <td class="align-middle">{{ $log->id }}</td>
                                <td class="align-middle">{{ $log->user->name }}</td>
                                <td class="align-middle">{{ $log->descripcion }}</td>
                                <td class="text-center align-middle">{{ $log->created_at->format('d/m/Y H:m') }}</td>
                            </tr>                          
                            @endforeach
                        </tbody>
                      </table>
                    </div>
                    <!-- /.card-body -->                    
                    <div class="card-footer clearfix">                      
                      {{ $logs->links() }}
                    </div>
                  </div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
  </section>
  <!-- /.content -->

  <div class="modal fade" id="modal-delete" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
      <div class="modal-content">
        <form id="delete-form" action="" method="POST">
          @csrf
          @method('DELETE')
        <div class="modal-header">
          <h4 class="modal-title">Eliminar</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
          <p>¿Confirmas eliminar el registro?</p>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
          <button type="submit" class="btn btn-danger">Eliminar</button>
        </div>
        </form>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>

@endsection

@section('custom-scripts')
  {{-- <script src="/js/demo.js"></script>
  <script src="/js/pages/dashboard.js"></script> --}}
  <script>
    $('#modal-delete').on('show.bs.modal', function (event) {
    
      var button = $(event.relatedTarget);
      $('#delete-form').attr('action', button.data('form-action'));
    
    });
  </script>
@endsection