-
-
@endif
-
@if($prepareDemoTurnstileRenderable)
@endif
diff --git a/Modules/User/App/Http/Controllers/Auth/SocialAuthController.php b/Modules/User/App/Http/Controllers/Auth/SocialAuthController.php
index 34c1449c6..750216311 100644
--- a/Modules/User/App/Http/Controllers/Auth/SocialAuthController.php
+++ b/Modules/User/App/Http/Controllers/Auth/SocialAuthController.php
@@ -6,10 +6,8 @@ use App\Http\Controllers\Controller;
use Illuminate\Http\RedirectResponse;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
-use Illuminate\Support\Facades\DB;
-use Illuminate\Support\Facades\Hash;
-use Illuminate\Support\Str;
use Laravel\Socialite\Facades\Socialite;
+use Modules\User\App\Models\SocialiteUser;
use Modules\User\App\Models\User;
use Modules\User\App\Support\AuthProviderCatalog;
use Modules\User\App\Support\AuthRedirector;
@@ -60,46 +58,7 @@ class SocialAuthController extends Controller
private function resolveUser(string $provider, mixed $oauthUser): User
{
- $socialiteUser = DB::table('socialite_users')
- ->where('provider', $provider)
- ->where('provider_id', (string) $oauthUser->getId())
- ->first();
-
- $user = null;
-
- if ($socialiteUser?->user_id) {
- $user = User::query()->find($socialiteUser->user_id);
- }
-
- if (! $user) {
- $email = filled($oauthUser->getEmail())
- ? strtolower(trim((string) $oauthUser->getEmail()))
- : sprintf('%s_%s@social.local', $provider, $oauthUser->getId());
-
- $user = User::query()->firstOrCreate(
- ['email' => $email],
- [
- 'name' => trim((string) ($oauthUser->getName() ?: $oauthUser->getNickname() ?: ucfirst($provider).' User')),
- 'password' => Hash::make(Str::random(40)),
- 'status' => 'active',
- 'email_verified_at' => now(),
- ],
- );
- }
-
- DB::table('socialite_users')->updateOrInsert(
- [
- 'provider' => $provider,
- 'provider_id' => (string) $oauthUser->getId(),
- ],
- [
- 'user_id' => $user->getKey(),
- 'updated_at' => now(),
- 'created_at' => $socialiteUser?->created_at ?? now(),
- ],
- );
-
- return $user;
+ return SocialiteUser::resolveUser($provider, $oauthUser);
}
private function driver(string $provider): mixed
diff --git a/Modules/User/App/Models/SocialiteUser.php b/Modules/User/App/Models/SocialiteUser.php
new file mode 100644
index 000000000..24d3fc75b
--- /dev/null
+++ b/Modules/User/App/Models/SocialiteUser.php
@@ -0,0 +1,58 @@
+belongsTo(User::class);
+ }
+
+ public static function resolveUser(string $provider, mixed $oauthUser): User
+ {
+ $socialiteUser = static::query()
+ ->with('user')
+ ->where('provider', $provider)
+ ->where('provider_id', (string) $oauthUser->getId())
+ ->first();
+ $user = $socialiteUser?->user;
+
+ if (! $user) {
+ $email = filled($oauthUser->getEmail())
+ ? strtolower(trim((string) $oauthUser->getEmail()))
+ : sprintf('%s_%s@social.local', $provider, $oauthUser->getId());
+
+ $user = User::query()->firstOrCreate(
+ ['email' => $email],
+ [
+ 'name' => trim((string) ($oauthUser->getName() ?: $oauthUser->getNickname() ?: ucfirst($provider).' User')),
+ 'password' => Hash::make(Str::random(40)),
+ 'status' => 'active',
+ 'email_verified_at' => now(),
+ ],
+ );
+ }
+
+ static::query()->updateOrCreate(
+ [
+ 'provider' => $provider,
+ 'provider_id' => (string) $oauthUser->getId(),
+ ],
+ [
+ 'user_id' => $user->getKey(),
+ ],
+ );
+
+ return $user;
+ }
+}
diff --git a/Modules/User/App/Models/User.php b/Modules/User/App/Models/User.php
index 2e0e08cfb..897009a8a 100644
--- a/Modules/User/App/Models/User.php
+++ b/Modules/User/App/Models/User.php
@@ -10,6 +10,7 @@ use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
+use Illuminate\Pagination\LengthAwarePaginator;
use Illuminate\Notifications\Notifiable;
use Illuminate\Support\Facades\Storage;
use Jeffgreco13\FilamentBreezy\Traits\TwoFactorAuthenticatable;
@@ -186,6 +187,11 @@ class User extends Authenticatable implements FilamentUser, HasAvatar
return true;
}
+ public function rememberListing(Listing $listing): void
+ {
+ $this->favoriteListings()->syncWithoutDetaching([$listing->getKey()]);
+ }
+
public function unreadInboxCount(): int
{
return Conversation::unreadCountForUser((int) $this->getKey());
@@ -223,7 +229,7 @@ class User extends Authenticatable implements FilamentUser, HasAvatar
return (int) static::query()->count();
}
- public function homeFavoriteListingIds(): array
+ public function favoriteListingIds(): array
{
return $this->favoriteListings()
->pluck('listings.id')
@@ -231,6 +237,43 @@ class User extends Authenticatable implements FilamentUser, HasAvatar
->all();
}
+ public function homeFavoriteListingIds(): array
+ {
+ return $this->favoriteListingIds();
+ }
+
+ public function favoriteListingsPage(string $statusFilter = 'all', ?int $categoryId = null, int $perPage = 10): LengthAwarePaginator
+ {
+ return $this->favoriteListings()
+ ->with(['category:id,name', 'user:id,name'])
+ ->wherePivot('created_at', '>=', now()->subYear())
+ ->when($statusFilter === 'active', fn ($query) => $query->where('status', 'active'))
+ ->when($categoryId, fn ($query) => $query->where('category_id', $categoryId))
+ ->orderByPivot('created_at', 'desc')
+ ->paginate($perPage)
+ ->withQueryString();
+ }
+
+ public function favoriteSearchesPage(int $perPage = 10): LengthAwarePaginator
+ {
+ return $this->favoriteSearches()
+ ->with('category:id,name')
+ ->latest()
+ ->paginate($perPage)
+ ->withQueryString();
+ }
+
+ public function favoriteSellersPage(int $perPage = 10): LengthAwarePaginator
+ {
+ return $this->favoriteSellers()
+ ->withCount([
+ 'listings as active_listings_count' => fn ($query) => $query->where('status', 'active'),
+ ])
+ ->orderByPivot('created_at', 'desc')
+ ->paginate($perPage)
+ ->withQueryString();
+ }
+
public function panelListingOptions(): Collection
{
return $this->listings()
diff --git a/Modules/User/App/Providers/UserServiceProvider.php b/Modules/User/App/Providers/UserServiceProvider.php
index be05f8d1c..64e37083e 100644
--- a/Modules/User/App/Providers/UserServiceProvider.php
+++ b/Modules/User/App/Providers/UserServiceProvider.php
@@ -13,5 +13,6 @@ class UserServiceProvider extends ServiceProvider
$this->loadViewsFrom(module_path('User', 'resources/views'), 'user');
}
- public function register(): void {}
+ public function register(): void
+ {}
}
diff --git a/Modules/User/Database/Seeders/AuthUserSeeder.php b/Modules/User/Database/Seeders/AuthUserSeeder.php
index 686b23875..6877a6c78 100644
--- a/Modules/User/Database/Seeders/AuthUserSeeder.php
+++ b/Modules/User/Database/Seeders/AuthUserSeeder.php
@@ -3,7 +3,6 @@
namespace Modules\User\Database\Seeders;
use Illuminate\Database\Seeder;
-use Illuminate\Support\Facades\Schema;
use Modules\User\App\Models\User;
use Modules\User\App\Support\DemoUserCatalog;
use Spatie\Permission\Models\Role;
@@ -22,10 +21,6 @@ class AuthUserSeeder extends Seeder
],
));
- if (! class_exists(Role::class) || ! Schema::hasTable((new Role)->getTable())) {
- return;
- }
-
$adminRole = Role::query()->firstOrCreate([
'name' => 'admin',
'guard_name' => 'web',
diff --git a/Modules/User/Database/migrations/0001_01_01_000000_create_user_domain_tables.php b/Modules/User/Database/migrations/0001_01_01_000000_create_user_domain_tables.php
index 37ad3c0f8..d6f1c6166 100644
--- a/Modules/User/Database/migrations/0001_01_01_000000_create_user_domain_tables.php
+++ b/Modules/User/Database/migrations/0001_01_01_000000_create_user_domain_tables.php
@@ -8,53 +8,45 @@ return new class extends Migration
{
public function up(): void
{
- if (! Schema::hasTable('users')) {
- Schema::create('users', function (Blueprint $table): void {
- $table->id();
- $table->string('name');
- $table->string('email')->unique();
- $table->timestamp('email_verified_at')->nullable();
- $table->string('status')->default('active');
- $table->string('password');
- $table->string('avatar_url')->nullable();
- $table->rememberToken();
- $table->timestamps();
- });
- }
+ Schema::create('users', function (Blueprint $table): void {
+ $table->id();
+ $table->string('name');
+ $table->string('email')->unique();
+ $table->timestamp('email_verified_at')->nullable();
+ $table->string('status')->default('active');
+ $table->string('password');
+ $table->string('avatar_url')->nullable();
+ $table->rememberToken();
+ $table->timestamps();
+ });
- if (! Schema::hasTable('profiles')) {
- Schema::create('profiles', function (Blueprint $table): void {
- $table->id();
- $table->foreignId('user_id')->unique()->constrained('users')->cascadeOnDelete();
- $table->string('avatar')->nullable();
- $table->text('bio')->nullable();
- $table->string('phone')->nullable();
- $table->string('city')->nullable();
- $table->string('country')->nullable();
- $table->string('website')->nullable();
- $table->boolean('is_verified')->default(false);
- $table->timestamps();
- });
- }
+ Schema::create('profiles', function (Blueprint $table): void {
+ $table->id();
+ $table->foreignId('user_id')->unique()->constrained('users')->cascadeOnDelete();
+ $table->string('avatar')->nullable();
+ $table->text('bio')->nullable();
+ $table->string('phone')->nullable();
+ $table->string('city')->nullable();
+ $table->string('country')->nullable();
+ $table->string('website')->nullable();
+ $table->boolean('is_verified')->default(false);
+ $table->timestamps();
+ });
- if (! Schema::hasTable('password_reset_tokens')) {
- Schema::create('password_reset_tokens', function (Blueprint $table): void {
- $table->string('email')->primary();
- $table->string('token');
- $table->timestamp('created_at')->nullable();
- });
- }
+ Schema::create('password_reset_tokens', function (Blueprint $table): void {
+ $table->string('email')->primary();
+ $table->string('token');
+ $table->timestamp('created_at')->nullable();
+ });
- if (! Schema::hasTable('sessions')) {
- Schema::create('sessions', function (Blueprint $table): void {
- $table->string('id')->primary();
- $table->foreignId('user_id')->nullable()->index();
- $table->string('ip_address', 45)->nullable();
- $table->text('user_agent')->nullable();
- $table->longText('payload');
- $table->integer('last_activity')->index();
- });
- }
+ Schema::create('sessions', function (Blueprint $table): void {
+ $table->string('id')->primary();
+ $table->foreignId('user_id')->nullable()->index();
+ $table->string('ip_address', 45)->nullable();
+ $table->text('user_agent')->nullable();
+ $table->longText('payload');
+ $table->integer('last_activity')->index();
+ });
}
public function down(): void
diff --git a/database/migrations/2026_03_03_080610_create_permission_tables.php b/Modules/User/Database/migrations/2026_03_03_080610_create_permission_tables.php
similarity index 93%
rename from database/migrations/2026_03_03_080610_create_permission_tables.php
rename to Modules/User/Database/migrations/2026_03_03_080610_create_permission_tables.php
index d952d6c8a..eb017d2de 100644
--- a/database/migrations/2026_03_03_080610_create_permission_tables.php
+++ b/Modules/User/Database/migrations/2026_03_03_080610_create_permission_tables.php
@@ -17,7 +17,7 @@ return new class extends Migration
throw_if(empty($tableNames), 'Error: config/permission.php not loaded. Run [php artisan config:clear] and try again.');
throw_if($teams && empty($columnNames['team_foreign_key'] ?? null), 'Error: team_foreign_key on config/permission.php not loaded. Run [php artisan config:clear] and try again.');
Schema::create($tableNames['permissions'], static function (Blueprint $table) {
- $table->id(); // permission id
+ $table->id();
$table->string('name');
$table->string('guard_name');
$table->timestamps();
@@ -25,8 +25,8 @@ return new class extends Migration
$table->unique(['name', 'guard_name']);
});
Schema::create($tableNames['roles'], static function (Blueprint $table) use ($teams, $columnNames) {
- $table->id(); // role id
- if ($teams || config('permission.testing')) { // permission.testing is a fix for sqlite testing
+ $table->id();
+ if ($teams || config('permission.testing')) {
$table->unsignedBigInteger($columnNames['team_foreign_key'])->nullable();
$table->index($columnNames['team_foreign_key'], 'roles_team_foreign_key_index');
}
@@ -48,7 +48,7 @@ return new class extends Migration
$table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_model_id_model_type_index');
$table->foreign($pivotPermission)
- ->references('id') // permission id
+ ->references('id')
->on($tableNames['permissions'])
->cascadeOnDelete();
if ($teams) {
@@ -71,7 +71,7 @@ return new class extends Migration
$table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_roles_model_id_model_type_index');
$table->foreign($pivotRole)
- ->references('id') // role id
+ ->references('id')
->on($tableNames['roles'])
->cascadeOnDelete();
if ($teams) {
@@ -91,12 +91,12 @@ return new class extends Migration
$table->unsignedBigInteger($pivotRole);
$table->foreign($pivotPermission)
- ->references('id') // permission id
+ ->references('id')
->on($tableNames['permissions'])
->cascadeOnDelete();
$table->foreign($pivotRole)
- ->references('id') // role id
+ ->references('id')
->on($tableNames['roles'])
->cascadeOnDelete();
diff --git a/database/migrations/2026_03_03_092653_create_breezy_sessions_table.php b/Modules/User/Database/migrations/2026_03_03_092653_create_breezy_sessions_table.php
similarity index 100%
rename from database/migrations/2026_03_03_092653_create_breezy_sessions_table.php
rename to Modules/User/Database/migrations/2026_03_03_092653_create_breezy_sessions_table.php
diff --git a/database/migrations/2026_03_03_092653_create_personal_access_tokens_table.php b/Modules/User/Database/migrations/2026_03_03_092653_create_personal_access_tokens_table.php
similarity index 100%
rename from database/migrations/2026_03_03_092653_create_personal_access_tokens_table.php
rename to Modules/User/Database/migrations/2026_03_03_092653_create_personal_access_tokens_table.php
diff --git a/database/migrations/2026_03_03_092655_create_passkeys_table.php b/Modules/User/Database/migrations/2026_03_03_092655_create_passkeys_table.php
similarity index 94%
rename from database/migrations/2026_03_03_092655_create_passkeys_table.php
rename to Modules/User/Database/migrations/2026_03_03_092655_create_passkeys_table.php
index 8dc4560ea..097322f97 100644
--- a/database/migrations/2026_03_03_092655_create_passkeys_table.php
+++ b/Modules/User/Database/migrations/2026_03_03_092655_create_passkeys_table.php
@@ -4,7 +4,8 @@ use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
-return new class extends Migration {
+return new class extends Migration
+{
public function up(): void
{
Schema::create('passkeys', function (Blueprint $table) {
diff --git a/database/migrations/2026_03_03_094518_create_socialite_users_table.php b/Modules/User/Database/migrations/2026_03_03_094518_create_socialite_users_table.php
similarity index 86%
rename from database/migrations/2026_03_03_094518_create_socialite_users_table.php
rename to Modules/User/Database/migrations/2026_03_03_094518_create_socialite_users_table.php
index da3e4125a..c90f6323b 100644
--- a/database/migrations/2026_03_03_094518_create_socialite_users_table.php
+++ b/Modules/User/Database/migrations/2026_03_03_094518_create_socialite_users_table.php
@@ -1,11 +1,12 @@
id();
@@ -23,7 +24,7 @@ return new class extends Migration {
});
}
- public function down()
+ public function down(): void
{
Schema::dropIfExists('socialite_users');
}
diff --git a/Modules/Admin/Filament/Resources/UserResource.php b/Modules/User/Filament/Admin/Resources/UserResource.php
similarity index 95%
rename from Modules/Admin/Filament/Resources/UserResource.php
rename to Modules/User/Filament/Admin/Resources/UserResource.php
index bc84e5d5f..9445e2e5e 100644
--- a/Modules/Admin/Filament/Resources/UserResource.php
+++ b/Modules/User/Filament/Admin/Resources/UserResource.php
@@ -1,6 +1,6 @@
discoverResources(
+ in: module_path('User', 'Filament/Admin/Resources'),
+ for: 'Modules\\User\\Filament\\Admin\\Resources',
+ );
+ }
+
+ public function boot(Panel $panel): void {}
+}
diff --git a/Modules/Video/Database/Seeders/VideoDemoSeeder.php b/Modules/Video/Database/Seeders/VideoDemoSeeder.php
index b52bdd45f..fbeed5db0 100644
--- a/Modules/Video/Database/Seeders/VideoDemoSeeder.php
+++ b/Modules/Video/Database/Seeders/VideoDemoSeeder.php
@@ -3,7 +3,6 @@
namespace Modules\Video\Database\Seeders;
use Illuminate\Database\Seeder;
-use Illuminate\Support\Facades\Schema;
use Modules\Listing\Models\Listing;
use Modules\User\App\Models\User;
use Modules\User\App\Support\DemoUserCatalog;
@@ -14,10 +13,6 @@ class VideoDemoSeeder extends Seeder
{
public function run(): void
{
- if (! Schema::hasTable('videos') || ! Schema::hasTable('listings')) {
- return;
- }
-
$users = User::query()
->whereIn('email', DemoUserCatalog::emails())
->orderBy('email')
diff --git a/Modules/Video/VideoPlugin.php b/Modules/Video/VideoPlugin.php
new file mode 100644
index 000000000..785a6a2cf
--- /dev/null
+++ b/Modules/Video/VideoPlugin.php
@@ -0,0 +1,35 @@
+discoverResources(
+ in: module_path('Video', 'Filament/Admin/Resources'),
+ for: 'Modules\\Video\\Filament\\Admin\\Resources',
+ )
+ ->renderHook(
+ PanelsRenderHook::BODY_END,
+ fn (): \Illuminate\Contracts\View\View => view('video::partials.video-upload-optimizer'),
+ );
+ }
+
+ public function boot(Panel $panel): void {}
+}
diff --git a/resources/css/modules/panel-quick-create.css b/resources/css/modules/panel-quick-create.css
new file mode 100644
index 000000000..6b162bd33
--- /dev/null
+++ b/resources/css/modules/panel-quick-create.css
@@ -0,0 +1,822 @@
+.qc-shell {
+ --qc-surface: rgba(255, 255, 255, 0.9);
+ --qc-surface-soft: #f5f5f7;
+ --qc-surface-subtle: #fbfbfd;
+ --qc-border: rgba(15, 23, 42, 0.08);
+ --qc-border-strong: rgba(15, 23, 42, 0.12);
+ --qc-text: #1d1d1f;
+ --qc-muted: #6e6e73;
+ --qc-primary: #0071e3;
+ --qc-primary-strong: #0066cc;
+ --qc-primary-soft: #e8f3ff;
+ --qc-danger: #dc2626;
+ color: var(--qc-text);
+ font-family: "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
+}
+
+.qc-header {
+ display: grid;
+ gap: 0.75rem;
+ justify-items: center;
+ text-align: center;
+ margin-bottom: 1.9rem;
+}
+
+.qc-step-chip {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 2rem;
+ padding: 0 0.9rem;
+ border-radius: 999px;
+ border: 1px solid var(--qc-border);
+ background: rgba(255, 255, 255, 0.85);
+ color: var(--qc-muted);
+ font-size: 0.76rem;
+ font-weight: 700;
+ letter-spacing: 0.14em;
+ text-transform: uppercase;
+}
+
+.qc-title {
+ margin: 0;
+ font-size: clamp(2.2rem, 5vw, 4.5rem);
+ font-weight: 700;
+ line-height: 0.98;
+ letter-spacing: -0.06em;
+}
+
+.qc-progress {
+ display: grid;
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ gap: 0.45rem;
+ width: min(280px, 72vw);
+}
+
+.qc-progress > span {
+ height: 0.28rem;
+ border-radius: 999px;
+ background: rgba(15, 23, 42, 0.1);
+}
+
+.qc-progress > span.is-on {
+ background: linear-gradient(90deg, var(--qc-primary), #4aa8ff);
+}
+
+.qc-card {
+ border: 1px solid var(--qc-border);
+ border-radius: 2.25rem;
+ background: var(--qc-surface);
+ box-shadow: 0 30px 80px rgba(15, 23, 42, 0.07);
+ overflow: hidden;
+ backdrop-filter: saturate(180%) blur(20px);
+}
+
+.qc-body {
+ padding: 1.4rem;
+}
+
+.qc-stack {
+ display: grid;
+ gap: 0.9rem;
+}
+
+.qc-panel,
+.qc-upload-zone,
+.qc-summary-card,
+.qc-notice,
+.qc-empty,
+.qc-photo-strip {
+ border: 1px solid var(--qc-border);
+ border-radius: 1.5rem;
+ background: var(--qc-surface-subtle);
+}
+
+.qc-upload-zone {
+ display: grid;
+ place-items: center;
+ text-align: center;
+ gap: 0.8rem;
+ min-height: 360px;
+ padding: 2.5rem 1.5rem;
+ cursor: pointer;
+ border-style: dashed;
+ border-color: rgba(0, 113, 227, 0.16);
+ background:
+ radial-gradient(circle at top, rgba(0, 113, 227, 0.08), transparent 34%),
+ #fbfbfd;
+}
+
+.qc-upload-zone:hover {
+ border-color: rgba(0, 113, 227, 0.26);
+ background:
+ radial-gradient(circle at top, rgba(0, 113, 227, 0.1), transparent 34%),
+ #ffffff;
+}
+
+.qc-upload-icon {
+ width: 4.25rem;
+ height: 4.25rem;
+ border-radius: 1.35rem;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: #fff;
+ color: var(--qc-text);
+ box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
+}
+
+.qc-upload-title {
+ font-size: 2rem;
+ line-height: 1.04;
+ letter-spacing: -0.04em;
+ font-weight: 700;
+}
+
+.qc-copy {
+ color: var(--qc-muted);
+ font-size: 0.94rem;
+ line-height: 1.55;
+ max-width: 28rem;
+ margin: 0;
+}
+
+.qc-primary-pill,
+.qc-secondary-pill,
+.qc-button,
+.qc-button-secondary,
+.qc-chip,
+.qc-icon-button {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 999px;
+ font-weight: 700;
+ transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
+}
+
+.qc-primary-pill,
+.qc-button {
+ min-height: 3.25rem;
+ padding: 0 1.4rem;
+ border: 1px solid transparent;
+ background: linear-gradient(180deg, #2997ff, var(--qc-primary));
+ color: #fff;
+ box-shadow: 0 14px 28px rgba(0, 113, 227, 0.18);
+}
+
+.qc-primary-pill:hover,
+.qc-button:hover {
+ transform: translateY(-1px);
+ background: linear-gradient(180deg, #1587ff, var(--qc-primary-strong));
+}
+
+.qc-secondary-pill,
+.qc-button-secondary,
+.qc-chip,
+.qc-icon-button {
+ min-height: 3rem;
+ padding: 0 1rem;
+ border: 1px solid var(--qc-border);
+ background: #fff;
+ color: var(--qc-text);
+}
+
+.qc-secondary-pill:hover,
+.qc-button-secondary:hover,
+.qc-chip:hover,
+.qc-icon-button:hover {
+ transform: translateY(-1px);
+ border-color: var(--qc-border-strong);
+ background: #fff;
+}
+
+.qc-panel {
+ padding: 1rem 1.05rem;
+}
+
+.qc-panel-head,
+.qc-panel-row,
+.qc-summary-card,
+.qc-review-meta,
+.qc-footer {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 1rem;
+}
+
+.qc-panel-head h2,
+.qc-panel-row h2 {
+ margin: 0;
+ font-size: 1.05rem;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+}
+
+.qc-panel-head p,
+.qc-panel-row p,
+.qc-summary-copy,
+.qc-meta-copy,
+.qc-seller-copy {
+ margin: 0.2rem 0 0;
+ color: var(--qc-muted);
+ font-size: 0.9rem;
+ line-height: 1.6;
+}
+
+.qc-count {
+ flex-shrink: 0;
+ color: var(--qc-muted);
+ font-size: 0.82rem;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.qc-photo-grid,
+.qc-photo-strip {
+ display: grid;
+ gap: 0.8rem;
+}
+
+.qc-photo-grid {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ margin-top: 1rem;
+}
+
+.qc-photo-strip {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ padding: 0.9rem;
+ background: #fff;
+}
+
+.qc-photo-slot,
+.qc-review-thumb,
+.qc-gallery-main {
+ position: relative;
+ border-radius: 1.15rem;
+ overflow: hidden;
+ border: 1px solid var(--qc-border);
+ background: #eef2f7;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.qc-photo-slot {
+ aspect-ratio: 1;
+ min-height: 120px;
+}
+
+.qc-photo-slot img,
+.qc-review-thumb img,
+.qc-gallery-main img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.qc-remove {
+ position: absolute;
+ top: 0.5rem;
+ right: 0.5rem;
+ width: 1.9rem;
+ height: 1.9rem;
+ border-radius: 999px;
+ border: 0;
+ background: rgba(15, 23, 42, 0.88);
+ color: #fff;
+ font-size: 0.9rem;
+ font-weight: 700;
+ cursor: pointer;
+}
+
+.qc-cover {
+ position: absolute;
+ left: 0.55rem;
+ bottom: 0.55rem;
+ min-height: 1.8rem;
+ padding: 0 0.7rem;
+ border-radius: 999px;
+ background: rgba(255, 255, 255, 0.96);
+ color: var(--qc-text);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 0.72rem;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.qc-empty {
+ padding: 1.15rem 1.2rem;
+ text-align: center;
+ color: var(--qc-muted);
+ font-size: 0.93rem;
+ line-height: 1.6;
+}
+
+.qc-video-list {
+ display: grid;
+ gap: 0.75rem;
+ margin-top: 1rem;
+}
+
+.qc-video-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.8rem;
+ padding: 0.95rem 1rem;
+ border: 1px solid var(--qc-border);
+ border-radius: 1.1rem;
+ background: #fff;
+}
+
+.qc-video-meta {
+ min-width: 0;
+}
+
+.qc-video-name {
+ color: var(--qc-text);
+ font-size: 0.93rem;
+ font-weight: 700;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.qc-video-size {
+ margin-top: 0.2rem;
+ color: var(--qc-muted);
+ font-size: 0.84rem;
+}
+
+.qc-notice {
+ padding: 0.9rem 1rem;
+ color: var(--qc-text);
+ font-size: 0.9rem;
+ line-height: 1.55;
+}
+
+.qc-chip-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.6rem;
+}
+
+.qc-category-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 0.9rem;
+}
+
+.qc-category-card {
+ border: 1px solid var(--qc-border);
+ border-radius: 1.4rem;
+ background: #fff;
+ padding: 1.1rem 1rem;
+ text-align: center;
+ cursor: pointer;
+ transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
+}
+
+.qc-category-card:hover {
+ transform: translateY(-1px);
+ box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
+}
+
+.qc-category-card.is-selected {
+ border-color: rgba(0, 113, 227, 0.24);
+ background: var(--qc-primary-soft);
+}
+
+.qc-category-icon {
+ width: 4rem;
+ height: 4rem;
+ margin: 0 auto 0.8rem;
+ border-radius: 1.2rem;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--qc-surface-soft);
+ color: var(--qc-text);
+}
+
+.qc-category-name {
+ font-size: 0.95rem;
+ font-weight: 700;
+ line-height: 1.35;
+}
+
+.qc-search-wrap {
+ display: grid;
+ gap: 0.8rem;
+}
+
+.qc-input,
+.qc-select,
+.qc-textarea {
+ width: 100%;
+ min-height: 3.25rem;
+ padding: 0 1rem;
+ border: 1px solid var(--qc-border);
+ border-radius: 1rem;
+ background: #fff;
+ color: var(--qc-text);
+ font-size: 0.96rem;
+ transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
+}
+
+.qc-textarea {
+ min-height: 10rem;
+ padding-top: 0.9rem;
+ padding-bottom: 0.9rem;
+ resize: vertical;
+}
+
+.qc-input:focus,
+.qc-select:focus,
+.qc-textarea:focus {
+ outline: none;
+ border-color: rgba(0, 113, 227, 0.28);
+ box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12);
+}
+
+.qc-category-list {
+ display: grid;
+ gap: 0.6rem;
+}
+
+.qc-category-row {
+ display: grid;
+ grid-template-columns: 1fr auto auto;
+ gap: 0.6rem;
+ align-items: center;
+ padding: 0.7rem;
+ border: 1px solid var(--qc-border);
+ border-radius: 1rem;
+ background: #fff;
+}
+
+.qc-category-main,
+.qc-category-next,
+.qc-back-link,
+.qc-text-link {
+ border: 0;
+ background: transparent;
+ color: var(--qc-text);
+ cursor: pointer;
+}
+
+.qc-category-main {
+ text-align: left;
+ font-size: 0.96rem;
+ font-weight: 600;
+}
+
+.qc-category-main.is-selected {
+ color: var(--qc-primary);
+}
+
+.qc-category-check {
+ color: var(--qc-primary);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.qc-back-link,
+.qc-text-link {
+ color: var(--qc-primary);
+ font-size: 0.92rem;
+ font-weight: 700;
+}
+
+.qc-summary-card {
+ padding: 0.95rem 1rem;
+ background: #fff;
+}
+
+.qc-summary-label {
+ display: block;
+ color: var(--qc-muted);
+ font-size: 0.78rem;
+ font-weight: 700;
+ letter-spacing: 0.12em;
+ text-transform: uppercase;
+}
+
+.qc-summary-value {
+ display: block;
+ margin-top: 0.3rem;
+ color: var(--qc-text);
+ font-size: 1rem;
+ font-weight: 700;
+ line-height: 1.45;
+}
+
+.qc-fields {
+ display: grid;
+ gap: 1rem;
+}
+
+.qc-fields.two-col {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.qc-field {
+ display: grid;
+ gap: 0.45rem;
+}
+
+.qc-field label {
+ color: var(--qc-text);
+ font-size: 0.9rem;
+ font-weight: 700;
+}
+
+.qc-counter {
+ text-align: right;
+ color: var(--qc-muted);
+ font-size: 0.8rem;
+ font-weight: 600;
+}
+
+.qc-input-row {
+ position: relative;
+}
+
+.qc-input-suffix {
+ position: absolute;
+ top: 50%;
+ right: 1rem;
+ transform: translateY(-50%);
+ color: var(--qc-muted);
+ font-size: 0.92rem;
+ font-weight: 700;
+}
+
+.qc-toggle {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.55rem;
+ min-height: 3.25rem;
+ padding: 0 1rem;
+ border: 1px solid var(--qc-border);
+ border-radius: 1rem;
+ background: #fff;
+ color: var(--qc-text);
+ font-size: 0.95rem;
+ font-weight: 600;
+}
+
+.qc-toggle input {
+ accent-color: var(--qc-primary);
+}
+
+.qc-error {
+ color: var(--qc-danger);
+ font-size: 0.84rem;
+ line-height: 1.5;
+ font-weight: 600;
+}
+
+.qc-footer {
+ padding: 1rem 1.1rem;
+ border-top: 1px solid var(--qc-border);
+ background: rgba(255, 255, 255, 0.96);
+}
+
+.qc-footer.is-single {
+ justify-content: flex-end;
+}
+
+.qc-review-grid {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) 320px;
+ gap: 1rem;
+}
+
+.qc-review-gallery {
+ display: grid;
+ gap: 0.8rem;
+}
+
+.qc-gallery-main {
+ min-height: 420px;
+ background: #f0f4f8;
+}
+
+.qc-review-thumbs {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 0.7rem;
+}
+
+.qc-review-thumb {
+ aspect-ratio: 1;
+ min-height: 86px;
+}
+
+.qc-review-panel {
+ padding: 1.1rem;
+}
+
+.qc-review-price {
+ font-size: clamp(2rem, 4vw, 3rem);
+ font-weight: 700;
+ line-height: 1;
+ letter-spacing: -0.06em;
+}
+
+.qc-review-location {
+ color: var(--qc-muted);
+ font-size: 0.9rem;
+ line-height: 1.6;
+ text-align: right;
+}
+
+.qc-review-title {
+ margin: 1rem 0 0;
+ font-size: 1.35rem;
+ font-weight: 700;
+ line-height: 1.25;
+ letter-spacing: -0.03em;
+}
+
+.qc-review-description {
+ margin: 0.8rem 0 0;
+ color: var(--qc-text);
+ font-size: 0.96rem;
+ line-height: 1.7;
+}
+
+.qc-feature-list {
+ display: grid;
+ gap: 0.8rem;
+ margin-top: 1rem;
+ padding-top: 1rem;
+ border-top: 1px solid var(--qc-border);
+}
+
+.qc-feature-row {
+ display: grid;
+ grid-template-columns: 150px 1fr;
+ gap: 0.9rem;
+ align-items: start;
+}
+
+.qc-feature-label {
+ color: var(--qc-muted);
+ font-size: 0.84rem;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.qc-feature-value {
+ color: var(--qc-text);
+ font-size: 0.95rem;
+ font-weight: 600;
+ line-height: 1.6;
+}
+
+.qc-side-stack {
+ display: grid;
+ gap: 1rem;
+ align-self: start;
+}
+
+.qc-seller-card {
+ padding: 1rem 1.1rem;
+}
+
+.qc-seller-head {
+ display: flex;
+ align-items: center;
+ gap: 0.8rem;
+}
+
+.qc-avatar {
+ width: 3.3rem;
+ height: 3.3rem;
+ border-radius: 999px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--qc-surface-soft);
+ color: var(--qc-text);
+ font-size: 1.1rem;
+ font-weight: 700;
+}
+
+.qc-seller-name {
+ font-size: 1rem;
+ font-weight: 700;
+ line-height: 1.3;
+}
+
+.qc-seller-email {
+ margin-top: 0.2rem;
+ color: var(--qc-muted);
+ font-size: 0.88rem;
+}
+
+.qc-publish-stack {
+ display: grid;
+ gap: 0.7rem;
+ position: relative;
+ z-index: 2;
+}
+
+.qc-button,
+.qc-button-secondary {
+ min-height: 3.25rem;
+ padding: 0 1.2rem;
+ font-size: 0.95rem;
+}
+
+.qc-button:disabled {
+ background: #d8dbe1;
+ color: #f3f4f6;
+ box-shadow: none;
+ cursor: not-allowed;
+ transform: none;
+}
+
+.qc-button-secondary {
+ box-shadow: none;
+}
+
+@media (max-width: 1023px) {
+ .qc-review-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .qc-side-stack {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+@media (max-width: 767px) {
+ .qc-body,
+ .qc-footer {
+ padding: 1rem;
+ }
+
+ .qc-panel-head,
+ .qc-panel-row,
+ .qc-summary-card,
+ .qc-review-meta,
+ .qc-footer,
+ .qc-side-stack {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .qc-footer {
+ justify-content: stretch;
+ }
+
+ .qc-upload-zone {
+ min-height: 260px;
+ }
+
+ .qc-category-grid,
+ .qc-photo-grid,
+ .qc-photo-strip,
+ .qc-review-thumbs,
+ .qc-fields.two-col {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .qc-feature-row {
+ grid-template-columns: 1fr;
+ gap: 0.3rem;
+ }
+
+ .qc-review-location {
+ text-align: left;
+ }
+}
+
+@media (max-width: 540px) {
+ .qc-category-grid,
+ .qc-photo-grid,
+ .qc-photo-strip,
+ .qc-review-thumbs,
+ .qc-fields.two-col {
+ grid-template-columns: 1fr;
+ }
+
+ .qc-category-row {
+ grid-template-columns: 1fr auto;
+ }
+
+ .qc-category-check {
+ display: none;
+ }
+}
diff --git a/resources/js/app.js b/resources/js/app.js
index dc202daf5..31a38a945 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,5 +1,8 @@
import './bootstrap';
import '../../Modules/Conversation/resources/assets/js/conversation';
+import '../css/modules/panel-quick-create.css';
+import './modules/listing-filters';
+import './modules/site-home';
import { animate, createTimeline, stagger } from 'animejs';
const prefersReducedMotion = () => window.matchMedia('(prefers-reduced-motion: reduce)').matches;
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index deb2e10ca..ded34c639 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -3,10 +3,4 @@ window.axios = axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-/**
- * Echo exposes an expressive API for subscribing to channels and listening
- * for events that are broadcast by Laravel. Echo and event broadcasting
- * allow your team to quickly build robust real-time web applications.
- */
-
import './echo';
diff --git a/resources/js/modules/listing-filters.js b/resources/js/modules/listing-filters.js
new file mode 100644
index 000000000..7753d9ab1
--- /dev/null
+++ b/resources/js/modules/listing-filters.js
@@ -0,0 +1,203 @@
+const onReady = (callback) => {
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', callback, { once: true });
+
+ return;
+ }
+
+ callback();
+};
+
+onReady(() => {
+ const countrySelect = document.querySelector('[data-listing-country]');
+ const citySelect = document.querySelector('[data-listing-city]');
+ const currentLocationButton = document.querySelector('[data-use-current-location]');
+ const filterDrawer = document.querySelector('[data-listing-filter-drawer]');
+ const filterOpenButtons = Array.from(document.querySelectorAll('[data-listing-filter-open]'));
+ const filterCloseButtons = Array.from(document.querySelectorAll('[data-listing-filter-close]'));
+ const citiesTemplate = countrySelect?.dataset.citiesUrlTemplate ?? '';
+ const locationStorageKey = 'oc2.header.location';
+ const drawerMediaQuery = window.matchMedia('(max-width: 1023px)');
+
+ const setDrawerExpanded = (expanded) => {
+ filterOpenButtons.forEach((button) => button.setAttribute('aria-expanded', expanded ? 'true' : 'false'));
+ };
+
+ const closeFilterDrawer = () => {
+ if (!filterDrawer) {
+ return;
+ }
+
+ filterDrawer.classList.remove('is-open');
+ filterDrawer.setAttribute('aria-hidden', 'true');
+ document.body.classList.remove('listing-filters-open');
+ setDrawerExpanded(false);
+ };
+
+ const openFilterDrawer = () => {
+ if (!filterDrawer || !drawerMediaQuery.matches) {
+ return;
+ }
+
+ filterDrawer.classList.add('is-open');
+ filterDrawer.setAttribute('aria-hidden', 'false');
+ document.body.classList.add('listing-filters-open');
+ setDrawerExpanded(true);
+ };
+
+ filterOpenButtons.forEach((button) => button.addEventListener('click', openFilterDrawer));
+ filterCloseButtons.forEach((button) => button.addEventListener('click', closeFilterDrawer));
+
+ window.addEventListener('resize', () => {
+ if (!drawerMediaQuery.matches) {
+ closeFilterDrawer();
+ }
+ });
+
+ window.addEventListener('keydown', (event) => {
+ if (event.key === 'Escape') {
+ closeFilterDrawer();
+ }
+ });
+
+ if (drawerMediaQuery.matches) {
+ closeFilterDrawer();
+ } else if (filterDrawer) {
+ filterDrawer.setAttribute('aria-hidden', 'false');
+ setDrawerExpanded(false);
+ }
+
+ if (!countrySelect || !citySelect || citiesTemplate === '') {
+ return;
+ }
+
+ const normalize = (value) => (value ?? '')
+ .toString()
+ .toLocaleLowerCase('tr-TR')
+ .normalize('NFD')
+ .replace(/[\u0300-\u036f]/g, '')
+ .trim();
+
+ const setCityOptions = (cities, selectedCityName = '') => {
+ citySelect.innerHTML = '';
+ cities.forEach((city) => {
+ const option = document.createElement('option');
+ option.value = String(city.id ?? '');
+ option.textContent = city.name ?? '';
+ option.dataset.name = city.name ?? '';
+ citySelect.appendChild(option);
+ });
+ citySelect.disabled = false;
+
+ if (selectedCityName) {
+ const matched = Array.from(citySelect.options).find((option) => normalize(option.dataset.name) === normalize(selectedCityName));
+
+ if (matched) {
+ citySelect.value = matched.value;
+ }
+ }
+ };
+
+ const fetchCityOptions = async (url) => {
+ const response = await fetch(url, {
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest',
+ Accept: 'application/json',
+ },
+ });
+
+ if (!response.ok) {
+ throw new Error('city_fetch_failed');
+ }
+
+ const payload = await response.json();
+
+ if (Array.isArray(payload)) {
+ return payload;
+ }
+
+ return Array.isArray(payload?.data) ? payload.data : [];
+ };
+
+ const loadCities = async (countryId, selectedCityName = '') => {
+ if (!countryId) {
+ citySelect.innerHTML = '';
+ citySelect.disabled = true;
+
+ return;
+ }
+
+ citySelect.disabled = true;
+ citySelect.innerHTML = '';
+
+ const primaryUrl = citiesTemplate.replace('__COUNTRY__', encodeURIComponent(String(countryId)));
+
+ try {
+ let cities = [];
+
+ try {
+ cities = await fetchCityOptions(primaryUrl);
+ } catch (primaryError) {
+ if (!/^https?:\/\//i.test(primaryUrl)) {
+ throw primaryError;
+ }
+
+ let fallbackUrl = null;
+
+ try {
+ const parsed = new URL(primaryUrl);
+ fallbackUrl = `${parsed.pathname}${parsed.search}`;
+ } catch (urlError) {
+ fallbackUrl = null;
+ }
+
+ if (!fallbackUrl) {
+ throw primaryError;
+ }
+
+ cities = await fetchCityOptions(fallbackUrl);
+ }
+
+ setCityOptions(cities, selectedCityName);
+ } catch (error) {
+ citySelect.innerHTML = '';
+ citySelect.disabled = true;
+ }
+ };
+
+ countrySelect.addEventListener('change', () => {
+ citySelect.value = '';
+ void loadCities(countrySelect.value);
+ });
+
+ currentLocationButton?.addEventListener('click', async () => {
+ try {
+ const rawLocation = localStorage.getItem(locationStorageKey);
+
+ if (!rawLocation) {
+ return;
+ }
+
+ const parsedLocation = JSON.parse(rawLocation);
+ const countryName = parsedLocation?.countryName ?? '';
+ const cityName = parsedLocation?.cityName ?? '';
+ const countryId = parsedLocation?.countryId ? String(parsedLocation.countryId) : null;
+
+ const matchedCountryOption = Array.from(countrySelect.options).find((option) => {
+ if (countryId && option.value === countryId) {
+ return true;
+ }
+
+ return normalize(option.textContent) === normalize(countryName);
+ });
+
+ if (!matchedCountryOption) {
+ return;
+ }
+
+ countrySelect.value = matchedCountryOption.value;
+ await loadCities(matchedCountryOption.value, cityName);
+ } catch (error) {
+ }
+ });
+});
diff --git a/resources/js/modules/site-home.js b/resources/js/modules/site-home.js
new file mode 100644
index 000000000..6561a6bbf
--- /dev/null
+++ b/resources/js/modules/site-home.js
@@ -0,0 +1,205 @@
+const onReady = (callback) => {
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', callback, { once: true });
+
+ return;
+ }
+
+ callback();
+};
+
+onReady(() => {
+ const form = document.querySelector('[data-demo-prepare-form]');
+
+ if (form) {
+ const button = form.querySelector('[data-demo-prepare-button]');
+ const idleLabel = form.querySelector('[data-demo-prepare-idle]');
+ const loadingLabel = form.querySelector('[data-demo-prepare-loading]');
+ const status = form.querySelector('[data-demo-prepare-status]');
+ const turnstileRequired = form.dataset.turnstileRequired === '1';
+
+ const resolveTurnstileToken = () => {
+ const tokenField = form.querySelector('input[name="cf-turnstile-response"]');
+
+ if (!tokenField) {
+ return '';
+ }
+
+ return tokenField.value.trim();
+ };
+
+ const applyReadyState = () => {
+ if (!button) {
+ return;
+ }
+
+ if (!turnstileRequired) {
+ button.removeAttribute('disabled');
+
+ return;
+ }
+
+ const token = resolveTurnstileToken();
+
+ if (token === '') {
+ button.setAttribute('disabled', 'disabled');
+
+ return;
+ }
+
+ button.removeAttribute('disabled');
+ };
+
+ if (turnstileRequired) {
+ const tokenObserver = window.setInterval(() => {
+ applyReadyState();
+ }, 250);
+
+ form.addEventListener('submit', () => {
+ window.clearInterval(tokenObserver);
+ });
+ } else {
+ applyReadyState();
+ }
+
+ form.addEventListener('submit', (event) => {
+ if (form.dataset.submitting === '1') {
+ event.preventDefault();
+
+ return;
+ }
+
+ if (turnstileRequired && resolveTurnstileToken() === '') {
+ event.preventDefault();
+
+ if (status) {
+ status.textContent = status.dataset.turnstileMessage ?? 'Please complete the security verification first.';
+ status.classList.remove('hidden');
+ }
+
+ applyReadyState();
+
+ return;
+ }
+
+ form.dataset.submitting = '1';
+
+ if (button) {
+ button.setAttribute('disabled', 'disabled');
+ }
+
+ if (idleLabel) {
+ idleLabel.classList.add('hidden');
+ }
+
+ if (loadingLabel) {
+ loadingLabel.classList.remove('hidden');
+ loadingLabel.classList.add('inline-flex');
+ }
+
+ if (status) {
+ status.textContent = status.dataset.loadingMessage ?? status.textContent;
+ status.classList.remove('hidden');
+ }
+ });
+ }
+
+ const track = document.querySelector('[data-trend-track]');
+ const previousTrendButton = document.querySelector('[data-trend-prev]');
+ const nextTrendButton = document.querySelector('[data-trend-next]');
+
+ if (track && previousTrendButton && nextTrendButton) {
+ const scrollAmount = () => Math.max(240, Math.floor(track.clientWidth * 0.7));
+
+ previousTrendButton.addEventListener('click', () => {
+ track.scrollBy({ left: -scrollAmount(), behavior: 'smooth' });
+ });
+
+ nextTrendButton.addEventListener('click', () => {
+ track.scrollBy({ left: scrollAmount(), behavior: 'smooth' });
+ });
+ }
+
+ const slider = document.querySelector('[data-home-slider]');
+
+ if (!slider) {
+ return;
+ }
+
+ const slides = Array.from(slider.querySelectorAll('[data-home-slide]'));
+ const visuals = Array.from(document.querySelectorAll('[data-home-slide-visual]'));
+ const dots = Array.from(slider.querySelectorAll('[data-home-slide-dot]'));
+ const previousButton = slider.querySelector('[data-home-slide-prev]');
+ const nextButton = slider.querySelector('[data-home-slide-next]');
+
+ if (slides.length <= 1) {
+ return;
+ }
+
+ let activeIndex = 0;
+ let intervalId = null;
+
+ const activateSlide = (index) => {
+ activeIndex = (index + slides.length) % slides.length;
+
+ slides.forEach((slide, slideIndex) => {
+ const isActive = slideIndex === activeIndex;
+
+ slide.classList.toggle('hidden', !isActive);
+ slide.setAttribute('aria-hidden', isActive ? 'false' : 'true');
+ });
+
+ visuals.forEach((visual, visualIndex) => {
+ const isActive = visualIndex === activeIndex;
+
+ visual.classList.toggle('hidden', !isActive);
+ visual.setAttribute('aria-hidden', isActive ? 'false' : 'true');
+ });
+
+ dots.forEach((dot, dotIndex) => {
+ const isActive = dotIndex === activeIndex;
+
+ dot.classList.toggle('w-7', isActive);
+ dot.classList.toggle('bg-white', isActive);
+ dot.classList.toggle('w-2.5', !isActive);
+ dot.classList.toggle('bg-white/40', !isActive);
+ });
+ };
+
+ const stopAutoPlay = () => {
+ if (intervalId !== null) {
+ window.clearInterval(intervalId);
+ intervalId = null;
+ }
+ };
+
+ const startAutoPlay = () => {
+ stopAutoPlay();
+ intervalId = window.setInterval(() => activateSlide(activeIndex + 1), 6000);
+ };
+
+ previousButton?.addEventListener('click', () => {
+ activateSlide(activeIndex - 1);
+ startAutoPlay();
+ });
+
+ nextButton?.addEventListener('click', () => {
+ activateSlide(activeIndex + 1);
+ startAutoPlay();
+ });
+
+ dots.forEach((dot, index) => {
+ dot.addEventListener('click', () => {
+ activateSlide(index);
+ startAutoPlay();
+ });
+ });
+
+ slider.addEventListener('mouseenter', stopAutoPlay);
+ slider.addEventListener('mouseleave', startAutoPlay);
+ slider.addEventListener('focusin', stopAutoPlay);
+ slider.addEventListener('focusout', startAutoPlay);
+
+ activateSlide(0);
+ startAutoPlay();
+});