@extends('eliteadmin::layouts.app')



@section('title', 'Marketplace')

@section('page_class', 'page-marketplace')



@push('styles')

<link href="{{ asset('assets/css/marketplace.css') }}" rel="stylesheet">

@endpush



@section('content')

    <div class="page-header">

        <div>

            <h1 class="page-title">Marketplace</h1>

            <nav class="breadcrumb">

                <a href="{{ route('dashboard') }}" class="breadcrumb-item">Home</a>

                <span class="breadcrumb-item active">Marketplace</span>

            </nav>

        </div>

    </div>



    @if ($platformNotice ?? null)

        <x-eliteadmin::alert type="info" :message="$platformNotice" class="mb-4" />

    @endif



    @if ($registrationWarning ?? null)

        <x-eliteadmin::alert type="warning" :message="$registrationWarning" class="mb-4" />

    @endif



    @if ($catalogNotice ?? null)

        <x-eliteadmin::alert type="warning" :message="$catalogNotice" class="mb-4" />

    @endif



    <div class="card mb-4">

        <div class="card-body">

            <form action="{{ route('marketplace.index') }}" method="GET" class="row g-3 align-items-end">

                <div class="col-md-6 col-lg-5">

                    <label for="search" class="form-label">Search Modules</label>

                    <input type="search" name="search" id="search" class="form-control"

                           placeholder="Search by name or description..." value="{{ request('search') }}">

                </div>

                <div class="col-md-4 col-lg-3">

                    <label for="category" class="form-label">Category</label>

                    <select name="category" id="category" class="form-select">

                        <option value="">All Categories</option>

                        @foreach ($categories ?? [] as $categoryName)

                            <option value="{{ $categoryName }}" @selected(request('category') === $categoryName)>

                                {{ $categoryName }}

                            </option>

                        @endforeach

                    </select>

                </div>

                <div class="col-md-2 col-lg-2">

                    <button type="submit" class="btn btn-primary w-100">Filter</button>

                </div>

            </form>

        </div>

    </div>



    <h2 class="marketplace-section-title">Available Modules</h2>



    <div class="marketplace-module-grid mb-4">

        @forelse ($modules ?? [] as $module)

            @php

                $uuid = (string) ($module['uuid'] ?? '');

                $name = (string) ($module['name'] ?? 'Module');

                $description = (string) ($module['description'] ?? '');

                $specs = \App\Support\RichTextSanitizer::clean($module['specs'] ?? null);

                $category = (string) ($module['category'] ?? '');

                $type = (string) ($module['pricing_type'] ?? 'free');

                $price = (float) ($module['price'] ?? 0);

                $currency = $module['currency'] ?? null;

                $version = (string) ($module['version'] ?? '1.0');

                $isInstalled = in_array($uuid, $installedUuids ?? [], true);

                $isPaid = $type !== 'free' && $price > 0;

                $modalId = 'module-specs-'.Str::slug($uuid ?: $loop->index);

            @endphp



            <article class="marketplace-module-card">

                <div class="marketplace-module-card__header">

                    <div class="marketplace-module-card__icon" aria-hidden="true">

                        <i class="bi bi-puzzle"></i>

                    </div>

                    <div class="marketplace-module-card__actions-top">

                        @if ($specs)

                            <button

                                type="button"

                                class="btn btn-light marketplace-specs-btn"

                                data-bs-toggle="modal"

                                data-bs-target="#{{ $modalId }}"

                                title="View specifications"

                                aria-label="View specifications for {{ $name }}"

                            >

                                <i class="bi bi-eye"></i>

                            </button>

                        @endif

                        <span class="badge bg-{{ $type === 'free' ? 'success' : 'primary' }}">

                            {{ ucfirst(str_replace('_', ' ', $type)) }}

                        </span>

                        @if ($isInstalled)

                            <span class="badge bg-success">Installed</span>

                        @endif

                    </div>

                </div>



                <div class="marketplace-module-card__body">

                    <h3 class="marketplace-module-card__title">{{ $name }}</h3>



                    @if ($category !== '')

                        <div class="marketplace-module-card__category">

                            <i class="bi bi-tag"></i>

                            <span>{{ $category }}</span>

                        </div>

                    @endif



                    <p class="marketplace-module-card__description">

                        {{ $description !== '' ? Str::limit($description, 120) : 'No short description provided.' }}

                    </p>



                    <div class="marketplace-module-card__meta">

                        <span class="small text-muted">Version {{ $version }}</span>

                        @if ($isPaid && ! $isInstalled)

                            <span class="marketplace-module-card__price">{{ platform_money($price, $currency) }}</span>

                        @elseif ($type === 'free' || $price <= 0)

                            <span class="badge bg-light text-success border">Free</span>

                        @endif

                    </div>



                    <div class="marketplace-module-card__footer">

                        @if ($isInstalled)

                            <div class="d-grid gap-2">

                                <a href="{{ route('modules.index') }}" class="btn btn-outline-primary">

                                    <i class="bi bi-gear me-1"></i> Manage

                                </a>

                                @php

                                    $installedModule = ($installedModules ?? collect())->firstWhere('module_uuid', $uuid);

                                @endphp

                                @if ($installedModule)

                                    @can('uninstall', $installedModule)

                                        <form

                                            action="{{ route('modules.destroy', $installedModule) }}"

                                            method="POST"

                                            onsubmit="return confirm('Uninstall {{ $installedModule->name }}? Users will lose access until it is reinstalled.');"

                                        >

                                            @csrf

                                            @method('DELETE')

                                            <button type="submit" class="btn btn-outline-danger w-100">

                                                <i class="bi bi-trash me-1"></i> Uninstall

                                            </button>

                                        </form>

                                    @endcan

                                @endif

                            </div>

                        @else

                            @can('install', \App\Http\Controllers\Marketplace\MarketplaceController::class)

                                <form action="{{ route('marketplace.install', $uuid) }}" method="POST" onsubmit="return confirm('Install this module? Paid modules will debit your platform wallet.');">

                                    @csrf

                                    <button type="submit" class="btn btn-primary w-100">

                                        @if (! $isPaid)

                                            <i class="bi bi-download me-1"></i> Install Free

                                        @else

                                            <i class="bi bi-cart-plus me-1"></i> Buy & Install — {{ platform_money($price, $currency) }}

                                        @endif

                                    </button>

                                </form>

                            @endcan

                        @endif

                    </div>

                </div>

            </article>



            @if ($specs)

                <div class="modal fade module-specs-modal" id="{{ $modalId }}" tabindex="-1" aria-labelledby="{{ $modalId }}-label" aria-hidden="true">

                    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">

                        <div class="modal-content">

                            <div class="modal-header">

                                <div>

                                    <h5 class="modal-title" id="{{ $modalId }}-label">{{ $name }}</h5>

                                    @if ($category !== '')

                                        <div class="text-muted small">{{ $category }} · v{{ $version }}</div>

                                    @else

                                        <div class="text-muted small">Version {{ $version }}</div>

                                    @endif

                                </div>

                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                            </div>

                            <div class="modal-body">

                                <div class="module-specs-content">

                                    {!! $specs !!}

                                </div>

                            </div>

                            <div class="modal-footer flex-wrap gap-2">

                                @if ($isInstalled)

                                    <a href="{{ route('modules.index') }}" class="btn btn-outline-primary">Manage Module</a>

                                @elseif (auth()->user()?->can('install', \App\Http\Controllers\Marketplace\MarketplaceController::class))

                                    <form action="{{ route('marketplace.install', $uuid) }}" method="POST" class="ms-auto" onsubmit="return confirm('Install this module? Paid modules will debit your platform wallet.');">

                                        @csrf

                                        <button type="submit" class="btn btn-primary">

                                            @if (! $isPaid)

                                                Install Free

                                            @else

                                                Buy & Install — {{ platform_money($price, $currency) }}

                                            @endif

                                        </button>

                                    </form>

                                @endif

                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

                            </div>

                        </div>

                    </div>

                </div>

            @endif

        @empty

            <div class="col-12">

                <div class="card">

                    <div class="card-body text-center text-muted py-5">

                        <i class="bi bi-shop display-4 d-block mb-3"></i>

                        <p class="mb-0">No modules found. Connect to the Product Owner Platform to browse available modules.</p>

                    </div>

                </div>

            </div>

        @endforelse

    </div>



    @if (isset($modules) && is_object($modules) && method_exists($modules, 'links'))

        <div class="mt-4">

            {{ $modules->links() }}

        </div>

    @endif

@endsection