@extends('layouts.app')
@section('title', 'QuickBooks Data Import')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item">Company</li>
    <li class="breadcrumb-item">Import from QuickBooks</li>
    <li class="breadcrumb-item active">QuickBooks Data Import</li>
@endsection

@push('styles')
<style>
    #qbDataImportTabs .nav-link {
        font-size: 13px;
        font-weight: 500;
        color: #495057;
        border: 0;
        border-bottom: 3px solid transparent;
        border-radius: 0;
        padding: 12px 18px;
        white-space: nowrap;
    }
    #qbDataImportTabs .nav-link.active {
        color: var(--primary);
        background: #fff;
        border-bottom-color: var(--primary-light);
        font-weight: 700;
    }
    .missing-list-box {
        max-height: 220px;
        overflow: auto;
        font-size: 13px;
    }
    .import-dropzone {
        border-style: dashed !important;
        background: #fafbfc !important;
    }
</style>
@endpush

@section('content')
@php
    $journal = $types['journal-entry'];
    $canImport = auth()->user()->hasPermission('vouchers', 'create');
    $hasMissing = $preview && (count($preview['missing_accounts'] ?? []) || count($preview['missing_parties'] ?? []));
@endphp

<div class="page-header">
    <div>
        <h1 class="page-title">QuickBooks Data Import</h1>
        <p class="page-subtitle">Import transactional QuickBooks Desktop exports as posted journal vouchers</p>
    </div>
</div>

<div class="card mb-4">
    <div class="card-body py-2 px-3">
        <ul class="nav flex-nowrap" id="qbDataImportTabs" role="tablist">
            <li class="nav-item">
                <span class="nav-link active">
                    <i class="bi {{ $journal['icon'] }} me-1"></i>{{ $journal['label'] }}
                </span>
            </li>
        </ul>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-body p-4">
        <div class="d-flex align-items-start gap-3 mb-4">
            <div class="rounded-3 d-flex align-items-center justify-content-center flex-shrink-0"
                 style="width:48px;height:48px;background:var(--accent);color:var(--primary)">
                <i class="bi {{ $journal['icon'] }} fs-4"></i>
            </div>
            <div>
                <h5 class="fw-bold mb-1" style="color:var(--primary-dark)">{{ $journal['label'] }}</h5>
                <p class="text-muted mb-0" style="font-size:13px">{{ $journal['description'] }}</p>
            </div>
        </div>

        <div class="row g-4 mb-4">
            <div class="col-md-6">
                <div class="border rounded-3 p-3 h-100 bg-light">
                    <h6 class="fw-semibold mb-2"><i class="bi bi-table me-1 text-primary"></i>QuickBooks Excel Columns</h6>
                    <div class="d-flex flex-wrap gap-1">
                        @foreach($journal['columns'] as $column)
                            <span class="badge text-bg-white border text-dark fw-medium">{{ $column }}</span>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="border rounded-3 p-3 h-100 bg-light">
                    <h6 class="fw-semibold mb-2"><i class="bi bi-lightning-charge me-1 text-primary"></i>Fast Import</h6>
                    <ul class="mb-0 ps-3 text-muted" style="font-size:13px">
                        <li>Reads only <strong>Sheet1</strong> with data-only mode for speed</li>
                        <li>Groups rows by <strong>Trans #</strong> and uses <strong>Account Type</strong> when auto-creating missing ledgers</li>
                        <li>Bulk posts journal vouchers with ledger entries</li>
                        <li>Uses Excel <strong>Trans #</strong> as the voucher number</li>
                        <li>Prefixes memo with Excel <strong>Num</strong> (e.g. <code>CHK-55 - Rent payment</code>)</li>
                        <li>Skips already imported QuickBooks transactions (matching Trans #)</li>
                    </ul>
                </div>
            </div>
        </div>

        @unless($canImport)
            <div class="alert alert-warning mb-0">You do not have permission to import journal data.</div>
        @else
            @if(!$preview)
                <form method="POST"
                      action="{{ route('admin.quickbooks.data-import.analyze') }}"
                      enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="data_type" value="journal-entry">
                    <div class="border rounded-3 p-4 text-center import-dropzone">
                        <i class="bi bi-file-earmark-spreadsheet text-success display-5 d-block mb-3"></i>
                        <h6 class="fw-semibold mb-2">Step 1 — Upload and Analyze</h6>
                        <p class="text-muted mb-3" style="font-size:13px">
                            Upload your QuickBooks journal export. The system will scan for missing accounts and parties before importing.
                        </p>
                        <input type="file"
                               name="import_file"
                               class="form-control form-control-sm mx-auto"
                               accept=".xlsx,.xls"
                               required
                               style="max-width:360px">
                        <div class="form-text mt-2">Maximum file size: 50 MB</div>
                    </div>
                    <div class="d-flex flex-wrap gap-2 mt-4">
                        <button type="submit" class="btn btn-primary btn-sm">
                            <i class="bi bi-search me-1"></i>Analyze File
                        </button>
                        <a href="{{ route('admin.quickbooks.data-import.sample', 'journal-entry') }}"
                           class="btn btn-outline-success btn-sm">
                            <i class="bi bi-download me-1"></i>Download Sample Format
                        </a>
                    </div>
                </form>
            @else
                <div class="alert alert-info" style="font-size:13px">
                    <div class="fw-semibold mb-1">
                        <i class="bi bi-file-earmark-check me-1"></i>{{ $preview['file_name'] }}
                    </div>
                    Found <strong>{{ number_format($preview['transactions']) }}</strong> journal transactions
                    with <strong>{{ number_format($preview['lines']) }}</strong> lines.
                </div>

                @if($hasMissing)
                    <div class="alert alert-warning" style="font-size:13px">
                        <i class="bi bi-exclamation-triangle me-1"></i>
                        Some master lists referenced in this file are not in your database yet.
                        You can auto-create them with a common name prefix, or import the lists first from
                        <a href="{{ route('admin.quickbooks.list-import') }}">QuickBooks List Import</a>.
                    </div>

                    <div class="row g-3 mb-4">
                        @if(count($preview['missing_accounts']))
                            <div class="col-md-6">
                                <div class="border rounded-3 p-3 h-100">
                                    <h6 class="fw-semibold text-danger mb-2">
                                        Missing Accounts ({{ count($preview['missing_accounts']) }})
                                    </h6>
                                    <div class="missing-list-box text-muted">
                                        @foreach($preview['missing_accounts'] as $account)
                                            <div class="d-flex align-items-center justify-content-between gap-2 py-1 border-bottom">
                                                <span>{{ is_array($account) ? $account['name'] : $account }}</span>
                                                @if(is_array($account) && !empty($account['account_type']))
                                                    <span class="badge text-bg-light border text-dark fw-medium">
                                                        {{ $account['account_type'] }}
                                                    </span>
                                                @endif
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if(count($preview['missing_parties']))
                            <div class="col-md-6">
                                <div class="border rounded-3 p-3 h-100">
                                    <h6 class="fw-semibold text-danger mb-2">
                                        Missing Parties ({{ count($preview['missing_parties']) }})
                                    </h6>
                                    <div class="missing-list-box text-muted">
                                        @foreach($preview['missing_parties'] as $name)
                                            <div>{{ $name }}</div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                @else
                    <div class="alert alert-success" style="font-size:13px">
                        <i class="bi bi-check-circle me-1"></i>All referenced accounts and parties already exist. You can import immediately.
                    </div>
                @endif

                @if($errors->has('import'))
                    <div class="alert alert-danger" style="font-size:13px">{{ $errors->first('import') }}</div>
                @endif

                <form method="POST" action="{{ route('admin.quickbooks.data-import.import') }}">
                    @csrf
                    <div class="border rounded-3 p-4 bg-light mb-4">
                        <h6 class="fw-semibold mb-3">
                            Step 2 — {{ $hasMissing ? 'Resolve Missing Lists and Import' : 'Run Import' }}
                        </h6>

                        @if(count($preview['missing_accounts']))
                            <div class="form-check mb-3">
                                <input class="form-check-input"
                                       type="checkbox"
                                       name="create_missing_accounts"
                                       value="1"
                                       id="createMissingAccounts"
                                       {{ old('create_missing_accounts', '1') ? 'checked' : '' }}>
                                <label class="form-check-label" for="createMissingAccounts">
                                    Auto-create missing <strong>accounts</strong> using the common name prefix and QuickBooks <strong>Account Type</strong>
                                </label>
                            </div>
                        @endif

                        @if(count($preview['missing_parties']))
                            <div class="form-check mb-3">
                                <input class="form-check-input"
                                       type="checkbox"
                                       name="create_missing_parties"
                                       value="1"
                                       id="createMissingParties"
                                       {{ old('create_missing_parties', '1') ? 'checked' : '' }}>
                                <label class="form-check-label" for="createMissingParties">
                                    Auto-create missing <strong>parties</strong> using the common name prefix
                                </label>
                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold">Default party list</label>
                                    <select name="party_default_type" class="form-select form-select-sm">
                                        <option value="customer" @selected(old('party_default_type', 'customer') === 'customer')>Customer</option>
                                        <option value="vendor" @selected(old('party_default_type') === 'vendor')>Vendor</option>
                                        <option value="employee" @selected(old('party_default_type') === 'employee')>Employee</option>
                                        <option value="other_name" @selected(old('party_default_type') === 'other_name')>Other Name</option>
                                    </select>
                                </div>
                            </div>
                        @endif

                        @if($hasMissing)
                            <div class="mt-3">
                                <label class="form-label fw-semibold">Common name prefix</label>
                                <input type="text"
                                       name="name_prefix"
                                       class="form-control form-control-sm"
                                       value="{{ old('name_prefix', 'QB Import') }}"
                                       maxlength="100"
                                       style="max-width:320px">
                                <div class="form-text">
                                    Example: <code>QB Import - Accounts Receivable</code>
                                </div>
                            </div>
                        @endif
                    </div>

                    <div class="d-flex flex-wrap gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-lightning-charge me-1"></i>Import Journal Data
                        </button>
                    </div>
                </form>

                <form method="POST" action="{{ route('admin.quickbooks.data-import.cancel') }}" class="mt-2">
                    @csrf
                    <button type="submit" class="btn btn-outline-secondary btn-sm">Cancel and Upload Another File</button>
                </form>
            @endif
        @endunless
    </div>
</div>
@endsection