@extends('admin.layouts.main')

@section('title', $title ?? 'API Logs')
@section('menu', 'Logs')

@section('content')
<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <div class="row margin-bottom-10">
            <div class="col-md-12">
                <form action="{{ route($indexRoute ?? 'admin.api-logs.index') }}" method="GET" class="form-inline">
                    <input type="text" name="search" class="form-control form-control-sm" placeholder="Search URL, error..." value="{{ request('search') }}" style="width:200px;">
                    <select name="service" class="form-control form-control-sm" style="margin-left:5px;">
                        <option value="">All Services</option>
                        @foreach($services as $service)
                            <option value="{{ $service }}" {{ request('service') === $service ? 'selected' : '' }}>{{ ucfirst(str_replace('_', ' ', $service)) }}</option>
                        @endforeach
                    </select>
                    <select name="status" class="form-control form-control-sm" style="margin-left:5px;">
                        <option value="">All Statuses</option>
                        <option value="success" {{ request('status') === 'success' ? 'selected' : '' }}>Success</option>
                        <option value="error" {{ request('status') === 'error' ? 'selected' : '' }}>Error</option>
                    </select>
                    <button type="submit" class="btn btn-sm btn-primary" style="margin-left:5px;"><i class="fa fa-search"></i> Filter</button>
                    @if(request()->hasAny(['search', 'service', 'status']))
                        <a href="{{ route($indexRoute ?? 'admin.api-logs.index') }}" class="btn btn-sm btn-default" style="margin-left:5px;"><i class="fa fa-times"></i> Clear</a>
                    @endif
                </form>
            </div>
        </div>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th class="tc">#</th>
                    <th class="tc">Date</th>
                    <th class="tc">Service</th>
                    <th class="tc">Method</th>
                    <th>URL</th>
                    <th class="tc">HTTP</th>
                    <th class="tc">Time</th>
                    <th class="tc">Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                <tr class="{{ $log->status === 'error' ? 'danger' : '' }}">
                    <td class="tc">{{ $log->id }}</td>
                    <td class="tc">{{ $log->created_at->format('M d, Y H:i:s') }}</td>
                    <td class="tc"><span class="label label-sm label-info">{{ ucfirst(str_replace('_', ' ', $log->service)) }}</span></td>
                    <td class="tc"><span class="label label-sm label-default">{{ $log->method }}</span></td>
                    <td title="{{ $log->url }}" style="max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
                        {{ Str::limit($log->url, 60) }}
                    </td>
                    <td class="tc">
                        @if($log->http_status)
                            <span class="label label-sm label-{{ $log->http_status >= 200 && $log->http_status < 300 ? 'success' : ($log->http_status >= 400 ? 'danger' : 'warning') }}">
                                {{ $log->http_status }}
                            </span>
                        @else
                            <span class="font-grey-mint">-</span>
                        @endif
                    </td>
                    <td class="tc">
                        @if($log->response_time)
                            {{ number_format($log->response_time, 0) }}ms
                        @else
                            -
                        @endif
                    </td>
                    <td class="tc">
                        <span class="label label-sm label-{{ $log->status === 'success' ? 'success' : 'danger' }}">
                            {{ ucfirst($log->status) }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route(($showRoutePrefix ?? 'admin.api-logs') . '.show', $log) }}" class="btn btn-sm blue"><i class="fa fa-eye"></i></a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="9" class="text-center font-grey-mint">No API logs found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($logs->hasPages())
    <div class="panel-footer clearfix">
        {{ $logs->links() }}
    </div>
    @endif
</div>
@endsection