@extends('layouts.app')

@section('title', 'Import Logs - MiMSMS Voter System')

@section('content')
<h1 style="color: var(--primary-orange); margin-bottom: 2rem;">Import Logs</h1>

<div class="card">
    @if($logs->count() > 0)
        <table>
            <thead>
                <tr>
                    <th>File Name</th>
                    <th>Imported By</th>
                    <th>Total Records</th>
                    <th>Successful</th>
                    <th>Failed</th>
                    <th>Status</th>
                    <th>Date</th>
                </tr>
            </thead>
            <tbody>
                @foreach($logs as $log)
                    <tr>
                        <td>{{ $log->file_name }}</td>
                        <td>{{ $log->user->name }}</td>
                        <td>{{ $log->total_records }}</td>
                        <td><span class="badge badge-success">{{ $log->successful_records }}</span></td>
                        <td>
                            @if($log->failed_records > 0)
                                <span class="badge badge-danger">{{ $log->failed_records }}</span>
                            @else
                                <span class="badge badge-success">0</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge badge-{{ $log->import_status === 'completed' ? 'success' : ($log->import_status === 'failed' ? 'danger' : 'warning') }}">
                                {{ ucfirst($log->import_status) }}
                            </span>
                        </td>
                        <td>{{ $log->created_at->format('M d, Y H:i') }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div style="margin-top: 2rem;">
            {{ $logs->links() }}
        </div>
    @else
        <p style="text-align: center; color: var(--text-light); padding: 2rem;">No import logs yet</p>
    @endif
</div>

<div style="margin-top: 2rem;">
    <a href="{{ route('admin.import') }}" class="btn">📤 Import New Data</a>
</div>
@endsection