@extends('padrao')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>Filtro</strong> Auditoria
                </h2>
            </div>
            <div class="body">
                <form id="form_validation" action="" method="GET" enctype="multipart/form-data">
                    @csrf
                    <div class="row clearfix">
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_usuario" class="form-control"
                                        value="@if(isset($_GET['filtro_usuario'])){{$_GET['filtro_usuario']}}@endif">
                                    <label class="form-label">Usuário</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_rota" class="form-control"
                                        value="@if(isset($_GET['filtro_rota'])){{$_GET['filtro_rota']}}@endif">
                                    <label class="form-label">Rota</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_url" class="form-control"
                                        value="@if(isset($_GET['filtro_url'])){{$_GET['filtro_url']}}@endif">
                                    <label class="form-label">Url</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_data_inicial" class="datepicker form-control"
                                        placeholder="selecione a data"
                                        value="@if(isset($_GET['filtro_data_inicial'])){{$_GET['filtro_data_inicial']}}@endif">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                        Inicial</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="filtro_data_final" class="datepicker form-control"
                                        placeholder="selecione a data"
                                        value="@if(isset($_GET['filtro_data_final'])){{$_GET['filtro_data_final']}}@endif">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Data
                                        Final</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <select tabindex="-1" name="filtro_status" class="form-label">
                                        <option value="" {{{ ''==old('filtro_status', (isset($_GET['filtro_status'])) ?
                                            $_GET['filtro_status'] : '' ) ? 'selected' : '' }}}>Todos</option>
                                        <option value="1" {{{ '1'==old('filtro_status', (isset($_GET['filtro_status']))
                                            ? $_GET['filtro_status'] : '' ) ? 'selected' : '' }}}>Acessando</option>
                                        <option value="2" {{{ '2'==old('filtro_status', (isset($_GET['filtro_status']))
                                            ? $_GET['filtro_status'] : '' ) ? 'selected' : '' }}}>Alterando</option>
                                        <option value="3" {{{ '3'==old('filtro_status', (isset($_GET['filtro_status']))
                                            ? $_GET['filtro_status'] : '' ) ? 'selected' : '' }}}>Deletando</option>
                                        <option value="4" {{{ '4'==old('filtro_status', (isset($_GET['filtro_status']))
                                            ? $_GET['filtro_status'] : '' ) ? 'selected' : '' }}}>Criando</option>
                                        <option value="5" {{{ '5'==old('filtro_status', (isset($_GET['filtro_status']))
                                            ? $_GET['filtro_status'] : '' ) ? 'selected' : '' }}}>Erro</option>
                                    </select>
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Status
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="pull-right">
                                <button class="btn btn-primary waves-effect" type="submit"> <i
                                        class="material-icons">search</i>
                                    <span>BUSCAR</span>
                                </button>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="card">
        <div class="header">
            <h2>
                <strong>Listagem</strong> NF-e
            </h2>
        </div>
        <div class="body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Nome</th>
                            <th>Rota</th>
                            <th>Url</th>
                            <th>Data</th>
                            <th>Tipo</th>
                            <th>IP</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($auditorias as $auditoria)
                        <tr>
                            <td class="id_auditoria">{{$auditoria->id}} </td>
                            <td>{{$auditoria->nome}} </td>
                            <td>{{$auditoria->route}} </td>
                            <td>{{$auditoria->uri}} </td>
                            <td>{{Str::formatBRDatetime($auditoria->data)}} </td>
                            <td class="text-center">
                                @switch($auditoria->tipo)
                                @case(0)
                                <span class="label bg-blue">Acessando</span>
                                @break
                                @case(1)
                                <span class="label bg-orange">Alterando</span>
                                @break
                                @case(2)
                                <span class="label bg-deep-orange">Deletando</span>
                                @break
                                @case(3)
                                <span class="label bg-green">Criando</span>
                                @break
                                @case(4)
                                <span class="label bg-red">Erro</span>
                                @break
                                @endswitch
                            </td>
                            <td> {{$auditoria->ip}} </td>
                            <td class="text-right" style="width:50px">
                                <button data-toggle="modal" data-target=".bd-itens-nfe-modal-lg"
                                    class="bg-teal btn-circle waves-effect waves-circle waves-float bt_show_auditoria">
                                    <i class="material-icons">
                                        visibility</i>
                                </button>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="row">
                <div class="col-sm-12 col-md-5">
                    <div>
                        {{$auditorias->lastItem().' de '.$auditorias->total().' registros'}}
                    </div>
                </div>
                <div class="col-sm-12 col-md-7">
                    {{$auditorias->links()}}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bd-auditoria-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" style="max-width: 70%;">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myLargeModalLabel">Visualizando auditoria</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="pull-right" id="modal_tipo">
                    <span class="label bg-blue">Acessando</span>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-4" id="modal_usuario">
                    </div>
                    <div class="col-sm-4" id="modal_rota">
                    </div>
                    <div class="col-sm-4" id="modal_url">
                    </div>
                    <div class="col-sm-4" id="modal_ip">
                    </div>
                    <div class="col-sm-4" id="modal_data">
                    </div>
                </div>
                <hr></hr>
                <label class="form-label" id="modal_dados"><b>Dados: </b></label>
                <div id="json"></div>
                <hr></hr>
                <div id="modal_agent">
                </div>
                <div  id="modal_log">
                </div>
                <div class="pull-right">
                    <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal"> <i
                            class="material-icons">cancel</i>
                        <span>VOLTAR</span></button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('css')
<link rel="stylesheet" type="text/css" href="{{URL::to('/')}}/assets/css/json-viewer.css">
@endsection
@section('js')
<script src="{{URL::to('/')}}/assets/js/json-viewer.js"></script>
<script>
    var jsonObj = {};
	var jsonViewer = new JSONViewer();
	document.querySelector("#json").appendChild(jsonViewer.getContainer());
    $('.bt_show_auditoria').on('click', function() {
    try {
        var id_auditoria = $(this).closest("tr").find(".id_auditoria").text();
        $.LoadingOverlay("show");
            $.ajax({
                type: 'POST',
                url: "{{ route('dados_auditoria') }}",
                data: ({
                    "id": id_auditoria,
                    "_token": "{{ csrf_token() }}"
                }),
                success: function(response) {
                    if (response.success == true) {
                        var textarea = response.auditoria.dados;
                        jsonObj = JSON.parse(textarea);
                        jsonViewer.showJSON(jsonObj);
                        $("#modal_tipo").empty();
                        switch(response.auditoria.tipo) {
                        case 0:
                            $("#modal_tipo").append('<span class="label bg-blue">Acessando</span>');
                            break;
                        case 1:
                            $("#modal_tipo").append('<span class="label bg-orange">Alterando</span>');
                            break;
                        case 2:
                            $("#modal_tipo").append('<span class="label bg-deep-orange">Deletando</span>');
                            break;
                        case 3:
                            $("#modal_tipo").append('<span class="label bg-green">Criando</span>');
                            break;
                        case 4:
                            $("#modal_tipo").append('<span class="label bg-red">Erro</span>');
                            break;
                        }

                        $("#modal_usuario").empty();
                        $("#modal_usuario").append('<label class="form-label"><b>Usuário: </b>'+response.auditoria.nome+'</label>');
                        $("#modal_rota").empty();
                        $("#modal_rota").append('<label class="form-label"><b>Rota: </b>'+response.auditoria.route+'</label>');
                        $("#modal_url").empty();
                        $("#modal_url").append('<label class="form-label"><b>URL: </b>'+response.auditoria.uri+'</label>');
                        $("#modal_ip").empty();
                        $("#modal_ip").append('<label class="form-label"><b>IP: </b>'+response.auditoria.ip+'</label>');
                        $("#modal_data").empty();
                        $("#modal_data").append('<label class="form-label"><b>Data: </b>'+new Date(response.auditoria.data).toLocaleString()+'</label>');
                        $("#modal_agent").empty();
                        $("#modal_agent").append(' <label class="form-label"><b>Agent User: </b>'+response.auditoria.agent_user+'</label>');
                        $("#modal_log").empty();
                        if(response.auditoria.log) {
                            $("#modal_log").append(' <label class="form-label"><p style="color:#fb483a"><b>Log: </b>'+response.auditoria.log+'</p></label>');
                        }

                        $.LoadingOverlay("hide");
                        $('.bd-auditoria-modal-lg').modal('show');
                    } else {
                        swal("Falha ao salvar", response, "error");
                        $.LoadingOverlay("hide");
                    }
                },
                error: function(data) {
                    swal("Falha ao salvar", data.responseJSON.message, "error");
                    $.LoadingOverlay("hide");
                }
            });
    } catch (e) {
        console.log(e);
    }
    return false;
});
</script>
@endsection