@extends('layouts.app')
{{-- Customize layout sections --}}

@section('subtitle', 'SYSTEMLOGS')
@section('content_header_title', 'SYSTEMLOGS')
@section('content_header_subtitle', 'LIST')

{{-- Content body: main page content --}}
@section('content_body')

<div class="card text-dark">
    <div class="card-header">
        <h3 class="card-title">SYSTEMLOGS</h3>
        <div class="card-tools">
            {{html()->form('GET', route('position.index'))->open()}}
                <div class="input-group input-group-sm" style="min-width: 150px;">
                    {{html()->text('search', $search)->class('form-control')->placeholder('Search')}}
                    <div class="input-group-append">
                        <button type="submit" class="btn btn-default" form="search_form">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                </div>
            {{html()->form()->close()}}
        </div>
    </div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-bordered table-striped table-sm">
            <thead>
                <tr>
                    <th>LOG NAME</th>
                    <th>DESCRIPTION</th>
                    <th>USER</th>
                    <th>CHANGES</th>
                    <th>TIMESTAMP</th>
                </tr>
            </thead>
            <tbody>
                @foreach($activities as $activity)
                <tr>
                    <td>{{$activity->log_name}}</td>
                    <td>{{$activity->description}}</td>
                    <td>
                        {{$activity->causer->name}}
                    </td>
                    <td class="p-1 text-xs">
                        @if($activity->log_name == 'update' && !empty($updates[$activity->id]))
                        <ul class="list-group">
                            @foreach($updates[$activity->id] as $column => $data)
                            <li class="list-group-item p-1">
                                <b>{{$column}}:</b> {{$data['old']}}
                                <p class="m-0 p-0 d-inline">
                                    <b>to:</b> {{$data['new']}}
                                </p>
                            </li>
                            @endforeach
                        </ul>
                        @endif
                    </td>
                    <td>{{date('F j, Y H:i:s a', strtotime($activity->created_at))}}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="card-footer">
        {{$activities->links()}}
    </div>
</div>

@stop

{{-- Push extra CSS --}}
@push('css')
    {{-- Add here extra stylesheets --}}
@endpush

{{-- Push extra scripts --}}
@push('js')
    <script>
    </script>
@endpush