@extends('layouts.app')

@section('title', __('Affiliate Account'))

@php
    /*
     * Use the currency selected in Payment Settings for all
     * affiliate earnings.
     */
    $displayCurrency = currency_code(
        $displayCurrency
        ?? $currency
        ?? default_currency()
    );

    $affiliateEnabled = (bool) (
        $affiliateEnabled ?? false
    );

    $applicationStatus = strtolower(
        trim(
            (string) (
                $applicationStatus
                ?? $user->affiliate_application_status
                ?? ''
            )
        )
    );

    $stats = is_array($stats ?? null)
        ? $stats
        : [];

    $statCards = [
        [
            'key' => 'links',
            'label' => __('Links'),
            'icon' => 'fa-link',
            'color' => 'primary',
            'decimals' => 0,
            'suffix' => '',
        ],
        [
            'key' => 'clicks',
            'label' => __('Clicks'),
            'icon' => 'fa-mouse-pointer',
            'color' => 'info',
            'decimals' => 0,
            'suffix' => '',
        ],
        [
            'key' => 'unique_visitors',
            'label' => __('Visitors'),
            'icon' => 'fa-users',
            'color' => 'success',
            'decimals' => 0,
            'suffix' => '',
        ],
        [
            'key' => 'conversions',
            'label' => __('Conversions'),
            'icon' => 'fa-shopping-cart',
            'color' => 'warning',
            'decimals' => 0,
            'suffix' => '',
        ],
        [
            'key' => 'conversion_rate',
            'label' => __('Conversion Rate'),
            'icon' => 'fa-percentage',
            'color' => 'danger',
            'decimals' => 2,
            'suffix' => '%',
        ],
    ];

    $isAffiliate = (bool) (
        $user->is_affiliate ?? false
    );

    $exportRouteExists =
        \Illuminate\Support\Facades\Route::has(
            'account.affiliate.export'
        );

    $joinRouteExists =
        \Illuminate\Support\Facades\Route::has(
            'account.affiliate.join'
        );

    $redirectRouteExists =
        \Illuminate\Support\Facades\Route::has(
            'affiliate.redirect'
        );
@endphp

@section('content')
<div class="container-fluid px-4 py-4">
    {{-- Page Header --}}
    <div
        class="d-flex justify-content-between
            align-items-center flex-wrap gap-3 mb-4"
    >
        <div>
            <h1 class="h3 fw-700 mb-1">
                {{ __('Affiliate Account') }}
            </h1>

            <p class="text-muted mb-0">
                {{
                    __(
                        'Promote eligible products and earn commission from confirmed sales.'
                    )
                }}
            </p>
        </div>

        @if($isAffiliate && $exportRouteExists)
            <a
                href="{{
                    route(
                        'account.affiliate.export',
                        request()->query()
                    )
                }}"
                class="btn btn-success"
            >
                <i class="fas fa-file-csv me-1"></i>
                {{ __('Export Earnings') }}
            </a>
        @endif
    </div>

    {{-- Session Messages --}}
    @if(session('success'))
        <div
            class="alert alert-success alert-dismissible
                fade show shadow-sm"
            role="alert"
        >
            <i class="fas fa-check-circle me-2"></i>
            {{ session('success') }}

            <button
                type="button"
                class="btn-close"
                data-bs-dismiss="alert"
                aria-label="{{ __('Close') }}"
            ></button>
        </div>
    @endif

    @if(session('error'))
        <div
            class="alert alert-danger alert-dismissible
                fade show shadow-sm"
            role="alert"
        >
            <i class="fas fa-exclamation-circle me-2"></i>
            {{ session('error') }}

            <button
                type="button"
                class="btn-close"
                data-bs-dismiss="alert"
                aria-label="{{ __('Close') }}"
            ></button>
        </div>
    @endif

    @if(! $affiliateEnabled)
        <div class="alert alert-warning">
            <i class="fas fa-exclamation-triangle me-2"></i>
            {{
                __(
                    'The affiliate programme is currently disabled.'
                )
            }}
        </div>
    @elseif(! $isAffiliate)
        @if($applicationStatus === 'pending')
            <div class="alert alert-info">
                <i class="fas fa-clock me-2"></i>

                {{
                    __(
                        'Your affiliate application is awaiting administrator review.'
                    )
                }}
            </div>
        @else
            @if(
                $applicationStatus === 'rejected'
                && filled($user->affiliate_rejection_reason)
            )
                <div class="alert alert-danger">
                    <strong>
                        {{ __('Previous application feedback:') }}
                    </strong>

                    <br>

                    {{ $user->affiliate_rejection_reason }}
                </div>
            @endif

            <div class="card border-0 shadow-sm">
                <div class="card-body p-4">
                    <h4 class="fw-700">
                        {{ __('Become an Affiliate') }}
                    </h4>

                    <p class="text-muted">
                        {{
                            __(
                                'Create referral links, share products, and earn commission when referred customers complete payment.'
                            )
                        }}
                    </p>

                    @if($joinRouteExists)
                        <form
                            action="{{ route('account.affiliate.join') }}"
                            method="POST"
                            id="affiliateJoinForm"
                        >
                            @csrf

                            <div class="form-check mb-3">
                                <input
                                    class="form-check-input
                                        @error('accept_terms')
                                            is-invalid
                                        @enderror"
                                    type="checkbox"
                                    name="accept_terms"
                                    value="1"
                                    id="accept_terms"
                                    @checked(old('accept_terms'))
                                    required
                                >

                                <label
                                    class="form-check-label"
                                    for="accept_terms"
                                >
                                    {{
                                        __(
                                            'I accept the affiliate programme terms and fair-promotion rules.'
                                        )
                                    }}
                                </label>

                                @error('accept_terms')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>

                            <button
                                type="submit"
                                class="btn btn-primary"
                                id="affiliateJoinButton"
                            >
                                <i class="fas fa-handshake me-1"></i>
                                {{ __('Join Affiliate Programme') }}
                            </button>
                        </form>
                    @else
                        <div class="alert alert-warning mb-0">
                            {{
                                __(
                                    'Affiliate applications are temporarily unavailable.'
                                )
                            }}
                        </div>
                    @endif
                </div>
            </div>
        @endif
    @else
        {{-- Statistics --}}
        <div class="row g-3 mb-4">
            @foreach($statCards as $stat)
                @php
                    $statValue = max(
                        0,
                        (float) data_get(
                            $stats,
                            $stat['key'],
                            0
                        )
                    );
                @endphp

                <div class="col-6 col-lg">
                    <div
                        class="card border-0 shadow-sm
                            h-100 affiliate-stat-card"
                    >
                        <div class="card-body">
                            <div
                                class="d-flex align-items-start
                                    justify-content-between gap-2"
                            >
                                <div>
                                    <small
                                        class="text-muted
                                            text-uppercase"
                                    >
                                        {{ $stat['label'] }}
                                    </small>

                                    <h4
                                        class="fw-700 mb-0
                                            text-{{ $stat['color'] }}"
                                    >
                                        {{
                                            number_format(
                                                $statValue,
                                                $stat['decimals']
                                            )
                                        }}{{ $stat['suffix'] }}
                                    </h4>
                                </div>

                                <div
                                    class="affiliate-stat-icon
                                        rounded-circle
                                        bg-{{ $stat['color'] }}
                                        bg-opacity-10 d-flex
                                        align-items-center
                                        justify-content-center
                                        flex-shrink-0"
                                >
                                    <i
                                        class="fas {{ $stat['icon'] }}
                                            text-{{ $stat['color'] }}"
                                    ></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        {{-- Referral Links --}}
        <div class="card border-0 shadow-sm mb-4">
            <div
                class="card-header bg-white border-0 py-3
                    d-flex align-items-center
                    justify-content-between gap-2"
            >
                <h6 class="fw-700 mb-0">
                    <i class="fas fa-link text-primary me-2"></i>
                    {{ __('My Referral Links') }}
                </h6>

                <span class="badge bg-secondary">
                    {{ number_format($links->total()) }}
                </span>
            </div>

            <div class="card-body p-0">
                @if($links->isNotEmpty())
                    <div class="table-responsive">
                        <table
                            class="table table-hover
                                align-middle mb-0"
                        >
                            <thead class="bg-light">
                                <tr>
                                    <th scope="col">
                                        {{ __('Product') }}
                                    </th>

                                    <th scope="col">
                                        {{ __('Seller') }}
                                    </th>

                                    <th
                                        scope="col"
                                        class="text-center"
                                    >
                                        {{ __('Clicks') }}
                                    </th>

                                    <th scope="col">
                                        {{ __('Referral URL') }}
                                    </th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($links as $link)
                                    @php
                                        $productTitle = trim(
                                            (string) (
                                                $link->product
                                                    ?->details
                                                    ?->first()
                                                    ?->title
                                                ?? __(
                                                    'Product #:id',
                                                    [
                                                        'id' =>
                                                            $link
                                                                ->product_id,
                                                    ]
                                                )
                                            )
                                        );

                                        $sellerName = trim(
                                            (string) (
                                                $link->seller
                                                    ?->username
                                                ?? __('N/A')
                                            )
                                        );

                                        $referralUrl = null;

                                        if ($redirectRouteExists) {
                                            try {
                                                $referralUrl = route(
                                                    'affiliate.redirect',
                                                    $link
                                                );
                                            } catch (\Throwable) {
                                                $referralUrl = null;
                                            }
                                        }
                                    @endphp

                                    <tr>
                                        <td>
                                            <div
                                                class="fw-600
                                                    affiliate-product-title"
                                                title="{{ $productTitle }}"
                                            >
                                                {{ $productTitle }}
                                            </div>
                                        </td>

                                        <td>
                                            {{ $sellerName }}
                                        </td>

                                        <td class="text-center">
                                            <span class="badge bg-info text-dark">
                                                {{
                                                    number_format(
                                                        max(
                                                            0,
                                                            (int) (
                                                                $link
                                                                    ->clicks_count
                                                                ?? 0
                                                            )
                                                        )
                                                    )
                                                }}
                                            </span>
                                        </td>

                                        <td>
                                            @if(filled($referralUrl))
                                                <div
                                                    class="input-group
                                                        input-group-sm
                                                        affiliate-link-group"
                                                >
                                                    <input
                                                        type="text"
                                                        class="form-control"
                                                        readonly
                                                        value="{{
                                                            $referralUrl
                                                        }}"
                                                        aria-label="{{
                                                            __('Referral URL')
                                                        }}"
                                                    >

                                                    <button
                                                        class="btn
                                                            btn-outline-primary
                                                            copy-referral-link"
                                                        type="button"
                                                        title="{{
                                                            __(
                                                                'Copy referral link'
                                                            )
                                                        }}"
                                                        aria-label="{{
                                                            __(
                                                                'Copy referral link'
                                                            )
                                                        }}"
                                                    >
                                                        <i
                                                            class="fas
                                                                fa-copy"
                                                        ></i>
                                                    </button>
                                                </div>
                                            @else
                                                <span class="text-muted small">
                                                    {{ __('Unavailable') }}
                                                </span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center text-muted py-5 px-3">
                        <i
                            class="fas fa-link fa-3x
                                d-block mb-3 opacity-25"
                        ></i>

                        {{
                            __(
                                'No referral links yet. Browse eligible products to generate one.'
                            )
                        }}
                    </div>
                @endif
            </div>

            @if($links->hasPages())
                <div class="card-footer bg-white border-top">
                    {{
                        $links
                            ->withQueryString()
                            ->links('pagination::bootstrap-5')
                    }}
                </div>
            @endif
        </div>

        {{-- Earnings --}}
        <div class="card border-0 shadow-sm">
            <div
                class="card-header bg-white border-0 py-3
                    d-flex align-items-center
                    justify-content-between gap-2"
            >
                <h6 class="fw-700 mb-0">
                    <i class="fas fa-coins text-warning me-2"></i>
                    {{ __('Earnings') }}
                </h6>

                <span class="badge bg-secondary">
                    {{ number_format($earnings->total()) }}
                </span>
            </div>

            <div class="card-body p-0">
                @if($earnings->isNotEmpty())
                    <div class="table-responsive">
                        <table
                            class="table table-hover
                                align-middle mb-0"
                        >
                            <thead class="bg-light">
                                <tr>
                                    <th scope="col">
                                        {{ __('Order') }}
                                    </th>

                                    <th scope="col">
                                        {{ __('Product') }}
                                    </th>

                                    <th
                                        scope="col"
                                        class="text-center"
                                    >
                                        {{ __('Status') }}
                                    </th>

                                    <th
                                        scope="col"
                                        class="text-center"
                                    >
                                        {{ __('Rate') }}
                                    </th>

                                    <th
                                        scope="col"
                                        class="text-end"
                                    >
                                        {{ __('Amount') }}
                                    </th>

                                    <th
                                        scope="col"
                                        class="text-center"
                                    >
                                        {{ __('Date') }}
                                    </th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($earnings as $earning)
                                    @php
                                        $earningStatus = strtolower(
                                            trim(
                                                (string) (
                                                    $earning->status
                                                    ?? 'pending'
                                                )
                                            )
                                        );

                                        [
                                            $earningBadge,
                                            $earningIcon,
                                            $earningLabel,
                                        ] = match ($earningStatus) {
                                            'approved',
                                            'earned',
                                            'paid',
                                            'completed' => [
                                                'bg-success',
                                                'fa-check-circle',
                                                \Illuminate\Support\Str::headline(
                                                    $earningStatus
                                                ),
                                            ],

                                            'pending',
                                            'processing' => [
                                                'bg-warning text-dark',
                                                'fa-clock',
                                                \Illuminate\Support\Str::headline(
                                                    $earningStatus
                                                ),
                                            ],

                                            'reversed',
                                            'cancelled',
                                            'canceled',
                                            'rejected' => [
                                                'bg-danger',
                                                'fa-undo',
                                                \Illuminate\Support\Str::headline(
                                                    $earningStatus
                                                ),
                                            ],

                                            default => [
                                                'bg-secondary',
                                                'fa-question-circle',
                                                filled($earningStatus)
                                                    ? \Illuminate\Support\Str::headline(
                                                        $earningStatus
                                                    )
                                                    : __('Unknown'),
                                            ],
                                        };

                                        $earningAmount = max(
                                            0,
                                            (float) (
                                                $earning
                                                    ->earned_amount
                                                ?? 0
                                            )
                                        );

                                        $commissionRate = max(
                                            0,
                                            (float) (
                                                $earning
                                                    ->commission_rate
                                                ?? 0
                                            )
                                        );

                                        $earningDate = null;

                                        if (
                                            filled(
                                                $earning->created_at
                                            )
                                        ) {
                                            try {
                                                $earningDate =
                                                    \Illuminate\Support\Carbon::parse(
                                                        $earning
                                                            ->created_at
                                                    );
                                            } catch (\Throwable) {
                                                $earningDate = null;
                                            }
                                        }

                                        $earningProductTitle = trim(
                                            (string) (
                                                $earning->product
                                                    ?->details
                                                    ?->first()
                                                    ?->title
                                                ?? __(
                                                    'Product #:id',
                                                    [
                                                        'id' =>
                                                            $earning
                                                                ->product_id,
                                                    ]
                                                )
                                            )
                                        );

                                        $earningOrderNumber =
                                            $earning->order
                                                ?->order_number
                                            ?? $earning->order_id
                                            ?? __('N/A');
                                    @endphp

                                    <tr>
                                        <td class="fw-600 text-nowrap">
                                            #{{ $earningOrderNumber }}
                                        </td>

                                        <td>
                                            <div
                                                class="affiliate-product-title"
                                                title="{{
                                                    $earningProductTitle
                                                }}"
                                            >
                                                {{ $earningProductTitle }}
                                            </div>
                                        </td>

                                        <td class="text-center">
                                            <span
                                                class="badge
                                                    {{ $earningBadge }}"
                                            >
                                                <i
                                                    class="fas
                                                        {{ $earningIcon }}
                                                        me-1"
                                                ></i>

                                                {{ $earningLabel }}
                                            </span>
                                        </td>

                                        <td class="text-center">
                                            {{
                                                number_format(
                                                    $commissionRate,
                                                    2
                                                )
                                            }}%
                                        </td>

                                        <td
                                            class="text-end fw-700
                                                text-primary text-nowrap"
                                        >
                                            {{
                                                money(
                                                    $earningAmount,
                                                    $displayCurrency
                                                )
                                            }}
                                        </td>

                                        <td
                                            class="text-center
                                                small text-nowrap"
                                        >
                                            @if($earningDate)
                                                {{
                                                    $earningDate->format(
                                                        'M d, Y'
                                                    )
                                                }}

                                                <div class="text-muted">
                                                    {{
                                                        $earningDate
                                                            ->diffForHumans()
                                                    }}
                                                </div>
                                            @else
                                                {{ __('N/A') }}
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center text-muted py-5 px-3">
                        <i
                            class="fas fa-coins fa-3x
                                d-block mb-3 opacity-25"
                        ></i>

                        {{ __('No affiliate earnings yet.') }}
                    </div>
                @endif
            </div>

            @if($earnings->hasPages())
                <div class="card-footer bg-white border-top">
                    {{
                        $earnings
                            ->withQueryString()
                            ->links('pagination::bootstrap-5')
                    }}
                </div>
            @endif
        </div>
    @endif
</div>
@endsection

@once
    @push('styles')
        <style>
            .fw-600 {
                font-weight: 600;
            }

            .fw-700 {
                font-weight: 700;
            }

            .affiliate-stat-card {
                transition:
                    transform 0.2s ease,
                    box-shadow 0.2s ease;
            }

            .affiliate-stat-card:hover {
                transform: translateY(-2px);
                box-shadow:
                    0 8px 25px rgba(0, 0, 0, 0.08) !important;
            }

            .affiliate-stat-icon {
                width: 42px;
                height: 42px;
            }

            .affiliate-product-title {
                max-width: 280px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .affiliate-link-group {
                min-width: 280px;
            }

            @media (prefers-reduced-motion: reduce) {
                .affiliate-stat-card {
                    transition: none;
                }

                .affiliate-stat-card:hover {
                    transform: none;
                }
            }
        </style>
    @endpush
@endonce

@once
    @push('scripts')
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            function showCopied(button) {
                const icon = button.querySelector('i');

                if (!icon) {
                    return;
                }

                const originalClass = icon.className;

                icon.className =
                    'fas fa-check text-success';

                window.setTimeout(function () {
                    icon.className = originalClass;
                }, 2000);
            }

            function fallbackCopy(text, button) {
                const textarea =
                    document.createElement('textarea');

                textarea.value = text;
                textarea.setAttribute('readonly', '');
                textarea.style.position = 'fixed';
                textarea.style.left = '-9999px';

                document.body.appendChild(textarea);
                textarea.select();

                try {
                    if (document.execCommand('copy')) {
                        showCopied(button);
                    }
                } finally {
                    textarea.remove();
                }
            }

            document.querySelectorAll(
                '.copy-referral-link'
            ).forEach(function (button) {
                button.addEventListener(
                    'click',
                    async function () {
                        const input =
                            button.previousElementSibling;

                        if (!input) {
                            return;
                        }

                        try {
                            if (
                                navigator.clipboard
                                && window.isSecureContext
                            ) {
                                await navigator.clipboard.writeText(
                                    input.value
                                );

                                showCopied(button);
                            } else {
                                fallbackCopy(
                                    input.value,
                                    button
                                );
                            }
                        } catch (error) {
                            fallbackCopy(
                                input.value,
                                button
                            );
                        }
                    }
                );
            });

            const joinForm = document.getElementById(
                'affiliateJoinForm'
            );

            joinForm?.addEventListener(
                'submit',
                function () {
                    const button = document.getElementById(
                        'affiliateJoinButton'
                    );

                    if (button) {
                        button.disabled = true;
                        button.innerHTML =
                            '<i class="fas fa-spinner '
                            + 'fa-spin me-1"></i>'
                            + @json(__('Submitting...'));
                    }
                }
            );
        });
        </script>
    @endpush
@endonce