@extends('layouts.app')
@section('title','Import Products')
@section('page_title','Import Products')
@section('content')
<div class="page-heading"><h2>Import Products</h2><div class="heading-actions"><a class="btn btn-secondary" href="{{ route('products.import.template') }}">Download CSV Template</a><a class="btn btn-secondary" href="{{ route('products.index') }}">Back to Products</a></div></div>
@if(session('status'))<div class="status-box">{{ session('status') }}</div>@endif
@if($errors->any())<div class="error-box">{{ $errors->first() }}</div>@endif

<div class="card import-guide">
    <h3>Import Rules</h3>
    <div class="import-rule-grid">
        <div><strong>Maximum</strong><span>500 products per CSV</span></div>
        <div><strong>Whole-number TZS</strong><span>No decimal prices</span></div>
        <div><strong>New Categories</strong><span>Created automatically</span></div>
        <div><strong>Existing Products</strong><span>Skip or update details; stock stays unchanged</span></div>
        <div><strong>Selling Mode</strong><span>Use single, wholesale or wholesale_and_single</span></div>
        <div><strong>Opening Unit</strong><span>Use single or wholesale</span></div>
    </div>
</div>

@if(empty($previewRows))
<form data-unsaved-warning data-submit-once class="card import-upload-form" method="POST" action="{{ route('products.import.preview') }}" enctype="multipart/form-data">
    @csrf
    <div class="form-grid two-col">
        <div class="form-group"><label>CSV File</label><input type="file" name="file" accept=".csv,text/csv" required><small>Use the provided template for correct headers.</small></div>
        <div class="form-group"><label>When Product Name Already Exists</label><select name="import_mode"><option value="skip_existing">Skip existing product</option><option value="update_existing">Update product details (do not change stock)</option></select></div>
    </div>
    <button class="btn" type="submit">Preview Import</button>
</form>
@else
<div class="dashboard-top four">
    <div class="summary-card tone-blue"><span>Total Rows</span><strong>{{ count($previewRows) }}</strong></div>
    <div class="summary-card tone-green"><span>Valid Rows</span><strong>{{ $summary['valid'] ?? 0 }}</strong></div>
    <div class="summary-card tone-red"><span>Invalid Rows</span><strong>{{ $summary['invalid'] ?? 0 }}</strong></div>
    <div class="summary-card tone-orange"><span>Existing Products</span><strong>{{ $summary['existing'] ?? 0 }}</strong></div>
</div>
<div class="card table-card"><div class="table-scroll desktop-record-table"><table class="data-table"><thead><tr><th>Line</th><th>Status</th><th>Product</th><th>Category</th><th>Mode</th><th>Opening Stock</th><th>Wholesale Unit</th><th>Wholesale Price</th><th>Single Unit</th><th>Single Price</th><th>Notes</th></tr></thead><tbody>
@foreach($previewRows as $row)
<tr class="{{ $row['valid'] ? '' : 'low-row' }}"><td>{{ $row['line'] }}</td><td><span class="status-pill {{ $row['valid'] ? 'status-active' : 'status-out-of-stock' }}">{{ $row['valid'] ? ($row['existing'] ? 'Existing' : 'Valid') : 'Invalid' }}</span></td><td><strong>{{ $row['name'] ?: '—' }}</strong></td><td>{{ $row['category'] ?: '—' }}</td><td>{{ $row['selling_mode'] ?: '—' }}</td><td>{{ number_format($row['opening_stock_quantity']) }} {{ $row['opening_stock_unit'] }}</td><td>{{ $row['wholesale_unit'] ?: '—' }}</td><td>TZS {{ tzs_amount($row['default_selling_price_per_wholesale']) }}</td><td>{{ $row['single_unit'] ?: '—' }}</td><td>TZS {{ tzs_amount($row['default_selling_price_per_single']) }}</td><td>@if(!$row['valid']){{ implode(' ', $row['errors']) }}@elseif($row['existing'] && $importMode==='update_existing')Details will update; stock unchanged.@elseif($row['existing'])Will be skipped.@elseReady to create.@endif</td></tr>
@endforeach
</tbody></table></div><div class="mobile-record-list import-preview-mobile-list">@foreach($previewRows as $row)<article class="mobile-record-card mobile-data-card {{ $row['valid'] ? '' : 'low-row' }}"><div class="mobile-data-visual mobile-data-rank">{{ $row['line'] }}</div><div class="mobile-data-head"><div><h3>{{ $row['name'] ?: 'Unnamed product' }}</h3><small>{{ $row['category'] ?: 'General Products' }} · {{ $row['selling_mode'] ?: 'No mode' }}</small></div><span class="status-pill {{ $row['valid'] ? 'status-active' : 'status-out-of-stock' }}">{{ $row['valid'] ? ($row['existing'] ? 'Existing' : 'Valid') : 'Invalid' }}</span></div><div class="mobile-data-body"><div class="mobile-data-keyline"><span>Opening stock</span><strong>{{ number_format($row['opening_stock_quantity']) }} {{ $row['opening_stock_unit'] }}</strong></div><div class="mobile-data-support">@if(!$row['valid'])<span class="negative-value">{{ implode(' ', $row['errors']) }}</span>@elseif($row['existing'] && $importMode==='update_existing')<span>Details update; stock unchanged</span>@elseif($row['existing'])<span>Will be skipped</span>@else<span>Ready to create</span>@endif</div></div><div class="mobile-data-actions"><details class="mobile-more-menu"><summary title="More row details" aria-label="More details for import line {{ $row['line'] }}">•••</summary><div><span class="mobile-menu-note">Wholesale: {{ $row['wholesale_unit'] ?: '—' }} · TZS {{ tzs_amount($row['default_selling_price_per_wholesale']) }}</span><span class="mobile-menu-note">Single: {{ $row['single_unit'] ?: '—' }} · TZS {{ tzs_amount($row['default_selling_price_per_single']) }}</span></div></details></div></article>@endforeach</div></div>
<div class="heading-actions import-actions">
<form method="POST" action="{{ route('products.import.clear') }}">@csrf @method('DELETE')<button class="btn btn-secondary" type="submit">Cancel Preview</button></form>
@if(($summary['invalid'] ?? 0) === 0)<form method="POST" action="{{ route('products.import.commit') }}" data-confirm="Import these products now?" data-dialog-title="Confirm product import">@csrf<button class="btn" type="submit">Confirm Import</button></form>@endif
</div>
@endif
@endsection