@extends('layouts.admin')

@section('title', __('admin_imports.title'))

@section('content')
    <div class="page-header">
        <h1 class="page-title">{{ __('admin_imports.title') }}</h1>
    </div>

    <div class="warning-box">{{ __('admin_imports.preview_only') }}</div>

    <div class="card import-card">
        <form method="POST" action="{{ route('admin.imports.preview') }}" enctype="multipart/form-data">
            @csrf
            <label class="file-label" for="excel_file">{{ __('admin_imports.choose_file') }}</label>
            <input id="excel_file" name="excel_file" type="file" accept=".xlsx,.xls,.csv" required>
            <p class="muted">{{ __('admin_imports.file_help') }}</p>
            <button class="button" type="submit">{{ __('admin_imports.preview_button') }}</button>
        </form>
    </div>

    <div class="card headers-card">
        <h2>{{ __('admin_imports.required_headers') }}</h2>
        <ol>@foreach($requiredHeaders as $header)<li>{{ $header }}</li>@endforeach</ol>
    </div>

    @if($preview)
        <div class="summary-grid">
            <div class="card"><strong>{{ count($preview['rows']) }}</strong><span>{{ __('admin_imports.total_rows') }}</span></div>
            <div class="card valid"><strong>{{ $preview['validCount'] }}</strong><span>{{ __('admin_imports.valid_rows') }}</span></div>
            <div class="card invalid"><strong>{{ $preview['invalidCount'] }}</strong><span>{{ __('admin_imports.invalid_rows') }}</span></div>
        </div>

        @if($preview['missingHeaders'] !== [])
            <div class="error-message">
                <strong>{{ __('admin_imports.missing_headers') }}</strong>
                <ul>@foreach($preview['missingHeaders'] as $header)<li>{{ $header }}</li>@endforeach</ul>
            </div>
        @endif

        <div class="card table-wrap">
            <table>
                <thead><tr>
                    <th>{{ __('admin_imports.row_number') }}</th>
                    <th>{{ __('admin_imports.product_name') }}</th>
                    <th>{{ __('admin_imports.brand') }}</th>
                    <th>{{ __('admin_imports.jod_price') }}</th>
                    <th>{{ __('admin_imports.quantity') }}</th>
                    <th>{{ __('admin_imports.vehicle') }}</th>
                    <th>{{ __('admin_imports.result') }}</th>
                </tr></thead>
                <tbody>
                @foreach($preview['rows'] as $row)
                    <tr class="{{ $row['errors'] === [] ? 'row-valid' : 'row-invalid' }}">
                        <td>{{ $row['number'] }}</td>
                        <td>{{ $row['data']['اسم القطعة بالعربية'] ?? '—' }}</td>
                        <td>{{ $row['data']['ماركة القطعة'] ?? '—' }}</td>
                        <td>{{ $row['data']['السعر بالدينار'] ?? '—' }}</td>
                        <td>{{ $row['data']['الكمية'] ?? '—' }}</td>
                        <td>{{ $row['data']['ماركة السيارة'] ?? '' }} {{ $row['data']['موديل السيارة'] ?? '' }}</td>
                        <td>
                            @if($row['errors'] === [])
                                <span class="ok">{{ __('admin_imports.valid') }}</span>
                            @else
                                <ul>@foreach($row['errors'] as $error)<li>{{ $error }}</li>@endforeach</ul>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        @if($preview['missingHeaders'] === [] && $preview['validCount'] > 0)
            <form method="POST" action="{{ route('admin.imports.start', $batch) }}" onsubmit="return confirm('{{ __('admin_import_runtime.confirm_message') }}')">
                @csrf
                <button class="button button-success" type="submit">{{ __('admin_import_runtime.start_import') }}</button>
            </form>
        @else
            <button class="button disabled-import" type="button" disabled>{{ __('admin_import_runtime.fix_before_import') }}</button>
        @endif
    @endif

    <div class="card batches-card">
        <h2>{{ __('admin_import_runtime.previous_batches') }}</h2>
        <div class="table-wrap">
            <table>
                <thead><tr><th>#</th><th>{{ __('admin_import_runtime.file_name') }}</th><th>{{ __('admin_import_runtime.status') }}</th><th>{{ __('admin_imports.total_rows') }}</th><th></th></tr></thead>
                <tbody>
                @forelse($batches as $item)
                    <tr><td>{{ $item->id }}</td><td>{{ $item->original_file_name }}</td><td>{{ __('admin_import_runtime.statuses.'.$item->status) }}</td><td>{{ $item->total_rows }}</td><td><a href="{{ route('admin.imports.show', $item) }}">{{ __('admin_import_runtime.details') }}</a></td></tr>
                @empty
                    <tr><td colspan="5">{{ __('admin_import_runtime.no_batches') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $batches->links() }}
    </div>
@endsection

@push('styles')
    .warning-box{padding:15px;margin-bottom:18px;border-radius:10px;background:#fff4d6;color:#7a4b00;font-weight:700}.import-card,.headers-card{margin-bottom:18px}.file-label{display:block;margin-bottom:10px;font-weight:700}.muted{color:var(--muted)}.headers-card ol{columns:2;line-height:1.9}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-grid .card{display:flex;flex-direction:column;gap:5px}.summary-grid strong{font-size:28px}.summary-grid .valid{border-color:#52a56b}.summary-grid .invalid{border-color:#d66}.table-wrap{overflow:auto;margin-bottom:18px}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--border);text-align:start;vertical-align:top;white-space:nowrap}td:last-child{white-space:normal;min-width:220px}.row-invalid{background:#fff6f6}.ok{color:#17803d;font-weight:700}.disabled-import{opacity:.5;cursor:not-allowed}@media(max-width:700px){.summary-grid{grid-template-columns:1fr}.headers-card ol{columns:1}}
@endpush