{{-- resources/views/admin/assigned-leads/upload.blade.php --}}
@extends('layouts.contentLayoutMaster')

@section('title', 'Upload Assigned Leads')

@section('content')
    <div class="container py-4">
        <h2 class="mb-4">Upload Assigned Leads</h2>

        {{-- Flash messages --}}
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        {{-- Validation errors --}}
        @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Upload failed:</strong>
                <ul class="mb-0">
                    @foreach ($errors->all() as $err)
                        <li>{{ $err }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        {{-- Skipped reasons (from controller import) --}}
        @php $reasons = session('import_skipped_reasons', []); @endphp
        @if (!empty($reasons))
            <div class="alert alert-warning">
                <strong>Some rows were skipped:</strong>
                <ul class="mb-0">
                    @foreach ($reasons as $r)
                        <li>{{ $r }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <ul class="nav nav-tabs" id="leadTabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="life-tab" data-bs-toggle="tab" href="#life" role="tab">Life Leads</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="mortgage-tab" data-bs-toggle="tab" href="#mortgage" role="tab">Mortgage
                    Protection Leads</a>
            </li>
        </ul>

        <div class="tab-content border p-4" id="leadTabsContent">
            {{-- Life Leads Tab --}}
            <div class="tab-pane fade show active" id="life" role="tabpanel" aria-labelledby="life-tab">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <form action="{{ route('admin.assigned-leads.upload.life') }}" method="POST"
                        enctype="multipart/form-data" class="d-flex gap-2">
                        @csrf
                        <input type="file" class="form-control" name="csv_file" id="life_csv" accept=".csv" required>
                        <button type="submit" class="btn btn-primary">Upload Life Leads</button>
                    </form>
                    <a href="{{ route('admin.assigned-leads.template.life') }}" class="btn btn-outline-secondary">
                        Download CSV Template
                    </a>
                </div>

                <details class="mb-2">
                    <summary class="fw-semibold">Accepted headers / aliases (Life)</summary>
                    <div class="small text-muted mt-2">
                        <strong>Required:</strong> first_name (firstname, first), last_name (lastname, last, surname),
                        phone_number (phone, phone1, primary_phone)<br>
                        <strong>Optional:</strong> email (email_address), age, date_of_birth (dob, birthdate, birth_date),
                        address (street, street_address, address1), city (town), state (province, region), zipcode (zip,
                        postal_code), county (parish), insurance_type (type), status, agent_id (agent)
                    </div>
                </details>
            </div>

            {{-- Mortgage Protection Leads Tab --}}
            <div class="tab-pane fade" id="mortgage" role="tabpanel" aria-labelledby="mortgage-tab">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <form action="{{ route('admin.assigned-leads.upload.mortgage') }}" method="POST"
                        enctype="multipart/form-data" class="d-flex gap-2">
                        @csrf
                        <input type="file" class="form-control" name="csv_file" id="mortgage_csv" accept=".csv"
                            required>
                        <button type="submit" class="btn btn-primary">Upload Mortgage Leads</button>
                    </form>
                    <a href="{{ route('admin.assigned-leads.template.mortgage') }}" class="btn btn-outline-secondary">
                        Download CSV Template
                    </a>
                </div>

                <details class="mb-2">
                    <summary class="fw-semibold">Accepted headers / aliases (Mortgage Protection)</summary>
                    <div class="small text-muted mt-2">
                        <strong>Required:</strong> first_name (firstname, first), last_name (lastname, last, surname),
                        phone_number (phone, phone1, primary_phone)<br>
                        <strong>Optional:</strong> email (email_address), age, date_of_birth (dob, birthdate, birth_date),
                        <u>mortgage</u> (loan_amount, mortgage_amount), <u>lender</u> (mortgage_lender, bank), address
                        (street, street_address, address1), city (town), state (province, region), zipcode (zip,
                        postal_code), county (parish), insurance_type (type), status, agent_id (agent)
                    </div>
                </details>
            </div>
        </div>
    </div>
@endsection