@extends('layouts.user_type.auth')
@section('cronLog')
<div class="container-fluid py-4 px-4">
    @include('components.alert')
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <div>
                <h5 class="mb-0" style="font-weight:700;">Cron Logs</h5>
                <p class="mb-0" style="font-size:0.75rem;color:var(--grey);margin-top:2px;">Scheduled job execution history.</p>
            </div>
            <span class="badge bg-gradient-light" style="font-size:0.7rem;">{{ $logs->total() ?? 0 }} Records</span>
        </div>
        <div class="card-body p-0">
            <div style="max-height:calc(100vh - 270px);overflow-y:auto;overflow-x:auto;border:none;">
                <table class="table mb-0" style="min-width:1000px;">
                    <thead>
                        <tr>
                            <th style="padding-left:1.25rem;width:4%;">#</th>
                            <th class="text-center">Cron Name</th>
                            <th class="text-center">Tenant</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Message</th>
                            <th class="text-center">Exec Time (s)</th>
                            <th class="text-center">Triggered By</th>
                            <th class="text-center">Executed At</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($logs as $index => $log)
                            <tr>
                                <td style="padding-left:1.25rem;"><span class="mono" style="font-size:0.72rem;color:var(--grey);">{{ str_pad($logs->firstItem()+$index,2,'0',STR_PAD_LEFT) }}</span></td>
                                <td class="text-center"><span style="font-weight:600;color:var(--heading);">{{ $log->cron_name }}</span></td>
                                <td class="text-center"><span class="badge bg-gradient-light" style="font-size:0.64rem;">{{ $log->tenant_id ? 'Tenant '.$log->tenant_id : 'System' }}</span></td>
                                <td class="text-center">
                                    <span class="badge {{ $log->status==='success' ? 'bg-gradient-success' : 'bg-gradient-danger' }}">{{ ucfirst($log->status) }}</span>
                                </td>
                                <td class="text-center" style="color:var(--grey-mid);" title="{{ $log->message }}">
                                    {{ \Illuminate\Support\Str::limit($log->message, 45) }}
                                </td>
                                <td class="text-center">
                                    <span class="mono" style="font-size:0.75rem;color:var(--grey-mid);">{{ $log->execution_time }}s</span>
                                </td>
                                <td class="text-center">
                                    <span class="badge bg-gradient-light" style="font-size:0.64rem;">{{ ucfirst($log->triggered_by) }}</span>
                                </td>
                                <td class="text-center">
                                    <span class="mono" style="font-size:0.72rem;color:var(--grey-mid);">{{ \Carbon\Carbon::parse($log->created_at)->format('d-m-Y') }}<br><span style="font-size:0.67rem;color:var(--grey);">{{ \Carbon\Carbon::parse($log->created_at)->format('H:i:s') }}</span></span>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="8"><div class="empty-state"><i class="fas fa-clock"></i><p>No cron logs found</p></div></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="px-4 py-3" style="border-top:1px solid var(--border);">
                @include('components.pagination', ['paginator' => $logs])
            </div>
        </div>
    </div>
</div>
@endsection