@extends('layouts.app')

@section('content')
<div class="mb-4 d-flex">
    <h3 class="text-muted my-auto"><b>User log</b></h3>
    <!-- <a href="javascript:void();" onclick="showFormBar()" class="btn btn-primary ml-auto">Add Role</a> -->
    <a href="{{ route('users.index') }}" class="btn btn-primary ml-auto">Go Back</a>
</div>
<div class="card">
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Username</th>
                    <th>Action Time</th>
                    <th>Client_ip</th>
                    <th>URL</th>
                    <!-- <th class="text-right">Action</th> -->
                </tr>
            </thead>
            <tbody>
                @foreach($logs as $_log)
                <tr>
                    <td>{{ $_log->id }}</td>
                    <td>{{ $_log->name }}</td>
                    <td>{{ $_log->created_at }}</td>
                    <td>{{ $_log->client_ip }}</td>
                    <td>{{ $_log->url }}</td>
                    <!-- <td class="text-right">
                        <div class="d-flex">
                            <a href="{{ route('log.edit', $_log->id) }}" class="btn btn-primary btn-sm ml-auto mr-2">Edit</a>
                            <form action="{{ route('log.destroy', $_log->id) }}" method="POST">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-primary btn-sm ml-auto">Delete</button>
                            </form>
                        </div>
                    </td> -->
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection

<!-- @section('form-bar')
<h4>Add role</h4>
<form action="{{ isset($id)? route('log.update', $id) : route('log.store') }}" method="POST">
    @csrf
    @if(isset($id))
        @method('PUT')
    @endif
    <div class="form-group">
        <label for="">Name</label>
        <input type="text" name="name" class="form-control" value="{{ isset($id)? $log->name : '' }}">
    </div>
    <div class="form-group">
        <label for="">Status</label>
        <select id="status" name="status" class="form-control">
            <option value="active">Active</option>
            <option value="inactive">Inactive</option>
        </select>
    </div>
    <button type="submit" class="btn btn-primary">Save</button>
</form>
@endsection -->

@section('script')
@if(isset($id))
<script>
    $(document).ready(function(){
        var formBar = $('.form-bar');
        var formBarOverlay = $('.form-bar-overlay');

        formBar.addClass('show-form-bar'); 
        formBarOverlay.addClass('show-form-bar-overlay');

        $('#status').val('{{ $role->status }}')
    });
</script>
@endif
@endsection