@extends('admin.layout')
@section('title', 'Import Logs')

@section('content')
<h2 style="font-size:18px; color:#fff; margin-bottom:16px;">📄 Import Logs & Reports</h2>

<div style="display:flex; flex-wrap:wrap; gap:24px;">
    <div style="flex:1; min-width:280px;">
        <h3 style="font-size:14px; color:#aaa; margin-bottom:8px;">Log Files</h3>
        <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:12px;">
            @if(empty($logs))
                <div style="font-size:12px; color:#777;">Belum ada log.</div>
            @else
                <table style="width:100%; font-size:12px;">
                    <thead>
                        <tr>
                            <th style="text-align:left; padding:6px 4px;">Nama</th>
                            <th style="text-align:left; padding:6px 4px;">Ukuran</th>
                            <th style="text-align:left; padding:6px 4px;">Waktu</th>
                            <th style="text-align:left; padding:6px 4px;">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($logs as $log)
                            <tr>
                                <td style="padding:6px 4px; color:#6fafdf;">{{ $log['name'] }}</td>
                                <td style="padding:6px 4px; color:#999;">{{ number_format($log['size']) }} B</td>
                                <td style="padding:6px 4px; color:#999;">{{ date('Y-m-d H:i:s', $log['modified']) }}</td>
                                <td style="padding:6px 4px;">
                                    <a href="{{ route('admin.videos.import.logs.show', ['filename' => $log['name']]) }}" class="btn btn-secondary" style="padding:4px 8px; font-size:11px;">Lihat</a>
                                    <a href="{{ route('admin.videos.import.logs.download', ['filename' => $log['name']]) }}" class="btn btn-primary" style="padding:4px 8px; font-size:11px;">Download</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>

    <div style="flex:1; min-width:280px;">
        <h3 style="font-size:14px; color:#aaa; margin-bottom:8px;">Report CSV</h3>
        <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:12px;">
            @if(empty($reports))
                <div style="font-size:12px; color:#777;">Belum ada report.</div>
            @else
                <table style="width:100%; font-size:12px;">
                    <thead>
                        <tr>
                            <th style="text-align:left; padding:6px 4px;">Nama</th>
                            <th style="text-align:left; padding:6px 4px;">Ukuran</th>
                            <th style="text-align:left; padding:6px 4px;">Waktu</th>
                            <th style="text-align:left; padding:6px 4px;">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($reports as $report)
                            <tr>
                                <td style="padding:6px 4px; color:#6fafdf;">{{ $report['name'] }}</td>
                                <td style="padding:6px 4px; color:#999;">{{ number_format($report['size']) }} B</td>
                                <td style="padding:6px 4px; color:#999;">{{ date('Y-m-d H:i:s', $report['modified']) }}</td>
                                <td style="padding:6px 4px;">
                                    <a href="{{ route('admin.videos.import.reports.download', ['filename' => $report['name']]) }}" class="btn btn-primary" style="padding:4px 8px; font-size:11px;">Download</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
</div>

<div style="margin-top:16px;">
    <a href="{{ route('admin.videos.import') }}" class="btn btn-secondary">Kembali ke Import</a>
</div>
@endsection