@extends('admin.layouts.app')

@php
    $pageTitle = 'Admin - Import CSV';
    $pageHeading = 'Import CSV';
    $pageSubheading = 'Import metadata video dalam jumlah besar tanpa upload file video.';
@endphp

@push('head')
<style>
    .import-wrap { max-width: 980px; }
    .group { margin-bottom: 14px; }
    label { display:block; margin-bottom:6px; font-weight:600; font-size:13px; }
    input[type=file] { width:100%; padding:9px; border:1px solid #d1d5db; border-radius:8px; background:#fff; }
    .help { color:#6b7280; font-size:12px; margin-top:4px; }
    .errors { background:#fee2e2; color:#991b1b; border-radius:8px; padding:10px; margin-bottom:12px; font-size:13px; }
    table { width:100%; border-collapse:collapse; background:#fff; margin-top:8px; }
    th, td { border-bottom:1px solid #e5e7eb; padding:9px; text-align:left; font-size:13px; }
    th { background:#f8fafc; }
    .summary { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin:12px 0; }
    .summary-item { border:1px solid #e5e7eb; border-radius:10px; padding:10px; background:#fff; }
    .summary-label { font-size:12px; color:#6b7280; }
    .summary-value { font-size:20px; font-weight:700; }
    .actions { display:flex; gap:8px; flex-wrap:wrap; }
</style>
@endpush

@section('content')
<div class="content-card import-wrap">
    @if ($errors->any())
        <div class="errors">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('admin.videos.import.process') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="group">
            <label for="csv_file">File CSV</label>
            <input type="file" id="csv_file" name="csv_file" accept=".csv,.txt" required>
            <div class="help">
                Header wajib: title; provider; embed_url. Opsional: thumbnail_url; play_mode (auto|hls|iframe); status (active|disabled). Delimiter wajib titik koma (;). Maksimal 5MB.
            </div>
        </div>

        <div class="actions">
            <button type="submit" class="btn btn-primary">Proses Import</button>
            <a class="btn btn-secondary" href="{{ route('admin.videos.index') }}">Kembali ke Video List</a>
            <a class="btn btn-dark" href="{{ route('admin.videos.export') }}">Export CSV</a>
            <a class="btn btn-warning" href="{{ asset('sample-videos.csv') }}" download>Download Template CSV</a>
        </div>

        <div class="help" style="margin-top:8px;">
            Gunakan template agar kolom sesuai format import dan mudah diproses.
        </div>
    </form>

    @php($summary = session('import_summary'))
    @if(is_array($summary))
        <hr style="margin:18px 0; border:0; border-top:1px solid #e5e7eb;">

        <h3 style="margin:0 0 8px;">Ringkasan Import</h3>
        <div class="summary">
            <div class="summary-item">
                <div class="summary-label">Total Rows Diproses</div>
                <div class="summary-value">{{ (int) ($summary['total_rows'] ?? 0) }}</div>
            </div>
            <div class="summary-item">
                <div class="summary-label">Berhasil</div>
                <div class="summary-value" style="color:#166534;">{{ (int) ($summary['success_count'] ?? 0) }}</div>
            </div>
            <div class="summary-item">
                <div class="summary-label">Gagal</div>
                <div class="summary-value" style="color:#991b1b;">{{ (int) ($summary['failed_count'] ?? 0) }}</div>
            </div>
        </div>

        @if(!empty($summary['errors']) && is_array($summary['errors']))
            <h4 style="margin:12px 0 8px;">Detail Error Baris</h4>
            <table>
                <thead>
                <tr>
                    <th style="width:100px;">Row</th>
                    <th>Reason</th>
                </tr>
                </thead>
                <tbody>
                @foreach($summary['errors'] as $error)
                    <tr>
                        <td>{{ $error['row'] ?? '-' }}</td>
                        <td>{{ $error['reason'] ?? '-' }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        @endif
    @endif
</div>
@endsection