<?php

namespace App\Filament\Pages;

use App\Settings\SolutionSettings;
use Filament\Forms\Components\FileUpload;
use Filament\Forms\Components\Grid;
use Filament\Forms\Components\Repeater;
use Filament\Forms\Components\Section;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Pages\SettingsPage;
use Illuminate\Contracts\Support\Htmlable;

class ManageSolutions extends SettingsPage
{
    protected static ?string $navigationGroup = 'Home';

    protected static ?string $navigationIcon = 'heroicon-o-wrench-screwdriver';

    protected static string $settings = SolutionSettings::class;

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Solutions Section')
                    ->description('Manage the content for the solutions section on the homepage.')
                    ->icon('heroicon-o-puzzle-piece')
                    ->schema([
                        TextInput::make('solutions_subtitle')
                            ->label('Subtitle')
                            ->required()
                            ->maxLength(100),
                        TextInput::make('solutions_header')
                            ->label('Header')
                            ->required()
                            ->maxLength(255),
                            FileUpload::make('solutions_image')
                                ->label('Image 1060x453')
                                ->image()
                                ->directory('solutions')
                                ->required(),
                        Grid::make()->schema([
                            TextInput::make('solutions_button_text')
                                ->label('Button Text')
                                ->required()
                                ->maxLength(50),
                            TextInput::make('solutions_button_url')
                                ->label('Button URL')
                                ->required()
                                ->maxLength(255)
                                ->url(),
                        ])->columns(2),
                    ]),
                Section::make('Solution Items')
                    ->description('Manage individual solution items.')
                    ->icon('heroicon-o-cube')
                    ->schema([
                        Repeater::make('solution_items')
                            ->label('Solution Items')
                            ->schema([
                                Select::make('icon_class')
                                    ->label('Icon Class')
                                    ->searchable()
                                    ->helperText('e.g., flaticon-it-department. Refer to Flaticon for available icons.')
                                    ->required()
                                    ->options(self::getIconOptions()),
                                TextInput::make('title')
                                    ->label('Title')
                                    ->required()
                                    ->maxLength(100),
                                TextInput::make('link')
                                    ->label('Link')
                                    ->required()
                                    ->maxLength(255)
                                    ->url(),
                            ])
                            ->columns(3)
                            ->minItems(1)
                            ->maxItems(6)
                            ->defaultItems(3)
                            ->grid(2)
                            ->reorderable()
                            ->collapsible(),
                    ]),
            ])
            ->columns(1)
            ->statePath('data');
    }

    private static function getIconOptions(): array
    {
        return [
            "microsoft-word" => "microsoft-word",
            "text-box" => "text-box",
            "document-1" => "document-1",
            "layers-1" => "layers-1",
            "folder-1" => "folder-1",
            "contract" => "contract",
            "layer" => "layer",
            "download-pdf" => "download-pdf",
            "pdf" => "pdf",
            "cloud-computing" => "cloud-computing",
            "downloads" => "downloads",
            "layers" => "layers",
            "document" => "document",
            "light-bulb-1" => "light-bulb-1",
            "idea-2" => "idea-2",
            "light-bulb" => "light-bulb",
            "idea-1" => "idea-1",
            "solution-2" => "solution-2",
            "lightbulb" => "lightbulb",
            "menus" => "menus",
            "support-1" => "support-1",
            "swipe-left" => "swipe-left",
            "development" => "development",
            "domain" => "domain",
            "pets" => "pets",
            "diagram" => "diagram",
            "targeting" => "targeting",
            "business-intelligence" => "business-intelligence",
            "menu-6" => "menu-6",
            "high-quality" => "high-quality",
            "campaign" => "campaign",
            "brain" => "brain",
            "software-application" => "software-application",
            "apps" => "apps",
            "wrench-1" => "wrench-1",
            "social-media-marketing-1" => "social-media-marketing-1",
            "category-1" => "category-1",
            "trophy-3" => "trophy-3",
            "email-marketing" => "email-marketing",
            "setting" => "setting",
            "more" => "more",
            "menu-5" => "menu-5",
            "menu-4" => "menu-4",
            "medical" => "medical",
            "sparkle" => "sparkle",
            "menu-3" => "menu-3",
            "technology-2" => "technology-2",
            "process" => "process",
            "hearth-1" => "hearth-1",
            "hearth" => "hearth",
            "technology-1" => "technology-1",
            "category" => "category",
            "customer-care" => "customer-care",
            "folder" => "folder",
            "portfolio-1" => "portfolio-1",
            "report" => "report",
            "thinking" => "thinking",
            "fingerprint" => "fingerprint",
            "clock-2" => "clock-2",
            "award" => "award",
            "paper-plane" => "paper-plane",
            "repair" => "repair",
            "email-5" => "email-5",
            "strategy" => "strategy",
            "portfolio" => "portfolio",
            "web-design" => "web-design",
            "email-4" => "email-4",
            "down-arrow-1" => "down-arrow-1",
            "location-2" => "location-2",
            "phone-call-2" => "phone-call-2",
            "telephone-call" => "telephone-call",
            "teamwork" => "teamwork",
            "up-arrow-1" => "up-arrow-1",
            "menu-2" => "menu-2",
            "developing" => "developing",
            "money-bag" => "money-bag",
            "thumbs-up" => "thumbs-up",
            "profits" => "profits",
            "location-1" => "location-1",
            "help-1" => "help-1",
            "online-chat" => "online-chat",
            "worker" => "worker",
            "smart-home" => "smart-home",
            "customer-service-1" => "customer-service-1",
            "internet" => "internet",
            "cash-flow" => "cash-flow",
            "monitor" => "monitor",
            "search-1" => "search-1",
            "wrench" => "wrench",
            "coin" => "coin",
            "cash" => "cash",
            "analyst" => "analyst",
            "dashboard-1" => "dashboard-1",
            "digital" => "digital",
            "searching" => "searching",
            "email-3" => "email-3",
            "star-1" => "star-1",
            "touch" => "touch",
            "medal" => "medal",
            "world-wide-web-1" => "world-wide-web-1",
            "phone" => "phone",
            "social-media" => "social-media",
            "24-7" => "24-7",
            "hard-work" => "hard-work",
            "star" => "star",
            "plus" => "plus",
            "minus-2" => "minus-2",
            "menu-1" => "menu-1",
            "cloud" => "cloud",
            "handshake" => "handshake",
            "people" => "people",
            "ai" => "ai",
            "save-money" => "save-money",
            "shopping-online" => "shopping-online",
            "profit-1" => "profit-1",
            "blockchain" => "blockchain",
            "sales" => "sales",
            "back-in-time" => "back-in-time",
            "clock-1" => "clock-1",
            "user-3" => "user-3",
            "user-2" => "user-2",
            "pawprint" => "pawprint",
            "payment-method" => "payment-method",
            "world-wide-web" => "world-wide-web",
            "minus-1" => "minus-1",
            "add-1" => "add-1",
            "management" => "management",
            "help" => "help",
            "chip" => "chip",
            "artificial-intelligence" => "artificial-intelligence",
            "group" => "group",
            "money-1" => "money-1",
            "conversation" => "conversation",
            "email-2" => "email-2",
            "rating" => "rating",
            "placeholder" => "placeholder",
            "trophy-2" => "trophy-2",
            "cpu" => "cpu",
            "home" => "home",
            "right-arrow-1" => "right-arrow-1",
            "like" => "like",
            "mail" => "mail",
            "briefcase" => "briefcase",
            "money" => "money",
            "up-arrow" => "up-arrow",
            "trophy-1" => "trophy-1",
            "user-1" => "user-1",
            "question" => "question",
            "team-1" => "team-1",
            "user" => "user",
            "email-1" => "email-1",
            "price-tag-1" => "price-tag-1",
            "tag" => "tag",
            "loupe" => "loupe",
            "right-arrow" => "right-arrow",
            "left-arrow-1" => "left-arrow-1",
            "down-arrow" => "down-arrow",
            "price-tag" => "price-tag",
            "stars" => "stars",
            "search" => "search",
            "phone-call-1" => "phone-call-1",
            "award-symbol" => "award-symbol",
            "christmas-stars" => "christmas-stars",
            "minus" => "minus",
            "add" => "add",
            "cancel-1" => "cancel-1",
            "checked" => "checked",
            "cyber-security" => "cyber-security",
            "data-protection" => "data-protection",
            "hosting" => "hosting",
            "brand-awareness" => "brand-awareness",
            "ux-design" => "ux-design",
            "influencer" => "influencer",
            "online-advertising" => "online-advertising",
            "web-management" => "web-management",
            "seo-1" => "seo-1",
            "computer" => "computer",
            "software-development" => "software-development",
            "coding-1" => "coding-1",
            "coding" => "coding",
            "app-development" => "app-development",
            "content-marketing" => "content-marketing",
            "social-media-marketing" => "social-media-marketing",
            "analysis-1" => "analysis-1",
            "twitter" => "twitter",
            "repairing" => "repairing",
            "data-visualization" => "data-visualization",
            "information-technology" => "information-technology",
            "statistics-1" => "statistics-1",
            "exploration" => "exploration",
            "project-1" => "project-1",
            "cross-mark" => "cross-mark",
            "search-analysis" => "search-analysis",
            "system" => "system",
            "hashtag-1" => "hashtag-1",
            "hashtag" => "hashtag",
            "it-department" => "it-department",
            "creative" => "creative",
            "online-analytical" => "online-analytical",
            "secure-data" => "secure-data",
            "slash" => "slash",
            "creative-thinking" => "creative-thinking",
            "right-up" => "right-up",
            "dashboard" => "dashboard",
            "profit" => "profit",
            "project" => "project",
            "phone-call" => "phone-call",
            "seo" => "seo",
            "prototype" => "prototype",
            "creative-process" => "creative-process",
            "growth" => "growth",
            "technical-support" => "technical-support",
            "technology" => "technology",
            "solution-1" => "solution-1",
            "creative-tools" => "creative-tools",
            "data-science" => "data-science",
            "costumer" => "costumer",
            "cooperation" => "cooperation",
            "next" => "next",
            "back" => "back",
            "brand" => "brand",
            "right-arrows" => "right-arrows",
            "idea" => "idea",
            "design-thinking" => "design-thinking",
            "check" => "check",
            "cross" => "cross",
            "right" => "right",
            "link" => "link",
            "server" => "server",
            "analysis" => "analysis",
            "support" => "support",
            "project-management" => "project-management",
            "networking" => "networking",
            "team" => "team",
            "check-mark" => "check-mark",
            "consultation" => "consultation",
            "solution" => "solution",
            "success" => "success",
            "customer-review" => "customer-review",
            "select" => "select",
            "statistics" => "statistics",
            "machine-learning" => "machine-learning",
            "vector" => "vector",
            "trophy" => "trophy",
            "data" => "data",
            "clock" => "clock",
            "cancel" => "cancel",
            "customer-service" => "customer-service",
            "digital-marketing" => "digital-marketing",
            "email" => "email",
            "stats" => "stats",
            "menu" => "menu",
            "location" => "location",
            "tick" => "tick",
            "left-arrow" => "left-arrow",
            "dots-menu" => "dots-menu",
        ];
    }

    public static function getNavigationGroup(): ?string
    {
        return __('Home');
    }

    public static function getNavigationLabel(): string
    {
        return __('Manage Solutions');
    }

    public function getTitle(): string|Htmlable
    {
        return 'Solutions';
    }

    public function getHeading(): string|Htmlable
    {
        return 'Edit solutions text, icons, and links from here';
    }

    public function getSubheading(): string|Htmlable|null
    {
        return 'Manage the solutions section content, including individual solution items.';
    }
}