@extends('ingame.layouts.main')

@section('content')

    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif

    @if ($is_in_vacation_mode ?? false)
    <div id="galaxycomponent" class="maincontent">
        <div id="inhalt">
            <div id="galaxyContent">
                <div class="galaxyTable" style="background: #000; border: none !important;">
                    <div class="galaxyRow ctGalaxyFleetInfo" id="fleetstatusrow" style="text-align: center;">
                        <span class="fleetStatus" style="color: #B00001; font-weight: bold; font-size: 12px;">@lang('Player in vacation mode')</span>
                    </div>
                    <div class="galaxyRow" style="display: flex; justify-content: center; align-items: center; padding: 10px 0 30px 0;">
                        <span style="color: #B00001; font-weight: bold; text-align: center; display: flex; align-items: center; gap: 5px;">
                            <span class="icon icon_warning" style="display: inline-block; margin: 0 !important; vertical-align: middle;"></span>
                            <span style="display: inline-block; line-height: 16px; vertical-align: middle;">@lang('You cannot use the galaxy view whilst in vacation mode!')</span>
                            <span class="icon icon_warning" style="display: inline-block; margin: 0 !important; vertical-align: middle;"></span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @else
    <div id="galaxycomponent" class="maincontent">
        <script type="text/javascript">
            var galaxy = {{ $current_galaxy }};
            var system = {{ $current_system }};
            var maxGalaxies = {{ $max_galaxies }};
            var maxSystems = 499;
            var spionageAmount = 3;
            var contentLink = "{{ route('galaxy.ajax') }}";
            var galaxyContentLink = "{{ route('galaxy.ajax') }}";
            var preserveSystemOnPlanetChange = false;
            var galaxyLoca = {"reservationSuccess":"The position has been reserved for you. Your colony`s relocation has begun.","questionTitle":"Resettle Planet","question":"Are you sure you want to relocate your planet to these coordinates? To finance the relocation you`ll need 240,000 Dark Matter.","deuteriumNeeded":"You don`t have enough Deuterium! You need 10 Units of Deuterium.","fleetAttacking":"Fleet is attacking!","fleetUnderway":"Fleet is en-route","discoverySend":"Dispatch exploration ship\n","discoverySuccess":"Exploration ship dispatched\n","discoveryUnavailable":"You can\u2019t dispatch an exploration ship to this location.\n","discoveryUnderway":"An Exploration Ship is already on approach to this planet.\n","discoveryLocked":"You haven\u2019t unlocked the research to discover new lifeforms yet.\n","discoverQuestionTitle":"Exploration Ship\n","discoverQuestionText":"Do you want to dispatch an exploration ship to this planet?\n<br>Metal: 5000 Crystal: 1000 Deuterium: 500"};
            var loca = {"LOCA_FLEET_EXPEDITION_TYPE":"Expedition","LOCA_FLEET_DEBRIS":"debris field","LOCA_UNAVAILABLE_PHALANXSYSTEM":"The system phalanx can only be used by the alliance class Researcher!","LOCA_PHALANX_SYSTEM_BUTTON":"System Phalanx","LOCA_SPY_SYSTEM_BUTTON":"System Espionage","locaErrorNoRequiredResearch":"You have to research Astrophysics first.","LOCA_GALAXY_ERROR_INACCESSIBLE_DUE_TO_VACATION":"You cannot use the galaxy view whilst in vacation mode!","LOCA_FLEET_PLAYER_UMODE":"Player in vacation mode","LOCA_LEFTMENU_GALAXY":"Galaxy","LOCA_GALAXY_HEADLINE_SUNSYSTEM":"System","LOCA_GALAXY_LETS_GO":"Go!","LOCA_ALL_PLANET":"Planet","LOCA_ALL_NAME":"Name","LOCA_ALL_MOON":"Moon","LOCA_ALL_DEBRIS_FIELD_SHORT":"DF","LOCA_GALAXY_PLAYER_STATUS":"Player (Status)","LOCA_NETWORK_ALLY":"Alliance","LOCA_NETWORK_ACTION":"Action","LOCA_GALAXY_PLANETS_SETTLED":"Planets colonized","LOCA_TECH_ESPIONAGEPROBE_SNAME":"Esp.Probe","LOCA_TECH_RECYCLER_SNAME":"Recy.","LOCA_TECH_INTERPLANETARYMISSILE_SNAME":"IPM.","LOCA_GALAXY_SLOTS_FULL":"Used slots","LOCA_GALAXY_LEGEND":"Legend","LOCA_GALAXY_PLAYER_STATUS_A":"A","LOCA_GALAXY_LEGEND_ADMIN":"Administrator","LOCA_GALAXY_PLAYER_STATUS_S":"s","LOCA_GALAXY_LEGEND_STRONG_PLAYER":"stronger player","LOCA_GALAXY_PLAYER_STATUS_N":"n","LOCA_GALAXY_LEGEND_NOOB":"weaker player (newbie)","LOCA_GALAXY_PLAYER_STATUS_OUTLAW":"o","LOCA_GALAXY_LEGEND_OUTLAW":"Outlaw (temporary)","LOCA_GALAXY_PLAYER_STATUS_U":"v","LOCA_STATION_JUMP_VACATION":"Vacation Mode","LOCA_GALAXY_PLAYER_STATUS_G":"b","LOCA_GALAXY_LEGEND_BANNED":"banned","LOCA_GALAXY_PLAYER_STATUS_I":"i","LOCA_GALAXY_LEGEND_SEVEN_DAYS_INACTIVE":"7 days inactive","LOCA_GALAXY_PLAYER_STATUS_I_LONG":"I","LOCA_GALAXY_LEGEND_TWENTYEIGHT_DAYS_INACTIVE":"28 days inactive","LOCA_GALAXY_PLAYER_STATUS_EP":"hp","LOCA_GALAXY_LEGEND_HONORABLE_TARGET":"Honorable target","LOCA_ALL_ACTIVITY":"Activity","LOCA_FLEET_NO_ACTION_AVAILABLE":"No actions available.","LOCA_ALL_TIME_MINUTE":"m","LOCA_GALAXY_MOON_DIAMETER_KM":"Diameter of moon in km","LOCA_OVERVIEW_JS_KM":"km","LOCA_ALL_METAL":"Metal","LOCA_ALL_CRYSTAL":"Crystal","LOCA_ALL_DEUTERIUM":"Deuterium","LOCA_GALAXY_PATHFINDER_NEEDED":"Pathfinders needed","LOCA_GALAXY_RECYCLER_NEEDED":"Recyclers needed","LOCA_GALAXY_DEBRIS_REDUCE":"Mine","LOCA_PHALANX_ERROR_NOT_ENOUTH_DEUT":"Not enough deuterium to deploy phalanx.","LOCA_GALAXY_USE_PHALANX":"Use phalanx","LOCA_GALAXY_ERROR_COLONIZATION":"It is not possible to colonize a planet without a colony ship.","LOCA_ALL_PLAYER":"Player","LOCA_GALAXY_RANKING":"Ranking","LOCA_MESSAGES_ESPIONAGEREPORT":"Espionage report","LOCA_FLEET_MISSILEATTACK":"Missile Attack","LOCA_GALAXY_RANK":"Rank","LOCA_NETWORK_USERS":"Member","LOCA_ALLIANCE_CLASS":"Alliance Class","LOCA_FLEET_NO_FREE_SLOTS":"No fleet slots available","LOCA_ALL_AJAXLOAD":"load...","LOCA_EVENTH_ENEMY_INFINITELY_SPACE":"Deep space","LOCA_FLEET_NO_ESPIONAGE":"Espionage not possible","LOCA_FLEET_ESPIONAGE":"Espionage","LOCA_HEADER_GETADMIRAL":"Hire admiral","LOCA_ALL_DARKMATTER":"Dark Matter","LOCA_OUTLAW_EXPLANATION":"If you are an outlaw, you no longer have any attack protection and can be attacked by all players.","LOCA_GALAXY_LEGEND_HONORABLE_TARGET_EXPLANATION":"In battle against this target you can receive honour points and plunder 50% more loot.","LOCA_GALAXY_SYSTEM_DISCOVERY":"Discoveries","LOCA_GALAXY_SYSTEM_DISCOVERY_TOOLTIP":"Launch a discovery mission to all possible locations","LOCA_EXPEDITION_FLEET_TEMPLATE":"Expedition Fleet","LOCA_FLEET_SEND":"Send fleet","LOCA_ALL_SEND":"send","LOCA_FLEET_TEMPLATE_ADMIRAL_NEEDED":"You need an Admiral to use this feature."};
            var shipsendingDone = 1;
            var premiumLink = "#?page=premium&openDetail=3";
            var sendDiscoverSystemUrl = "";
            var missleAttackLink = "#?page=ajax&component=missileattacklayer&width=669&height=250";
            var canSwitchGalaxy = true;
            var notEnoughDeuteriumMessage = "You don`t have enough Deuterium! You need 10 Units of Deuterium.";
            var toGalaxyLink = "#?page=ingame&component=galaxy&galaxy=2&system=3";
            var mobile = false;
            var inProgress = false;
            var expeditionFleetTemplates = [];

            function initGalaxy()
            {
                $("input#galaxy_input")
                    .keypress(function(event) {
                        if (event.key === 'Enter') {
                            event.preventDefault();
                            trySubmit();
                        }
                    })
                    .keyup(function() {
                        checkIntInput($(this), 1, 6)
                    })
                    .focus(function() {
                        $(this).val("");
                    });
                $("input#system_input")
                    .keypress(function(event) {
                        if (event.key === 'Enter') {
                            event.preventDefault();
                            trySubmit();
                        }
                    })
                    .keyup(function() {
                        checkIntInput($(this), 1, 6)
                    })
                    .focus(function() {
                        $(this).val("");
                    });
                initSpySystem();
                tabletInitGalaxy();
                loadContent(galaxy, system, false);


                focusOnTabChange("#showbutton a", true);
            }

            function initGalaxyNew()
            {
                $("input#galaxy_input")
                    .keypress(function(event) {
                        if (event.key === 'Enter') {
                            event.preventDefault();
                            trySubmit();
                        }
                    })
                    .keyup(function() {
                        checkIntInput($(this), 1, 6)
                    })
                    .focus(function() {
                        $(this).val("");
                    });
                $("input#system_input")
                    .keypress(function(event) {
                        if (event.key === 'Enter') {
                            event.preventDefault();
                            trySubmit();
                        }
                    })
                    .keyup(function() {
                        checkIntInput($(this), 1, 499)
                    })
                    .focus(function() {
                        $(this).val("");
                    });
                initSpySystem();
                tabletInitGalaxy();
                initExpeditionFleetTemplates();
                loadContentNew(galaxy, system);

            }

            function trySubmit()
            {
                galaxy = $("#galaxy_input").val();
                system = $("#system_input").val();
                if(0 === galaxy.length || $.isNumeric(+galaxy) === false) {
                    galaxy = 1;
                }
                if(0 === system.length || $.isNumeric(+system) === false) {
                    system = 1;
                }
                loadContentNew(galaxy, system);
            }

            fadingDivs = new Array();

            function doExpedition()
            {
                let expeditionLink = "{{ route('fleet.index') }}";

                location.href = expeditionLink + "?mission=15&galaxy=" + galaxy + "&system=" + system + "&position=16&type=1";
            }

        </script>

        <div id="inhalt">
            <div id="expeditionFleetOverlay" style="display:none;">
                <div id="expeditionfleettemplatecomponent">

                </div>
            </div>
            <div id="galaxyHeader" class="ct_head_row">
                <form action="{{ route('galaxy.ajax') }}" name="galaform" method="post">
                    <span class="galaxy_icons galaxy tooltip tpd-hideOnClickOutside" title=""></span>
                    <span class="galaxy_icons prev" onclick="submitOnKey('ArrowDown');"></span>
                    <input id="galaxy_input" class="hideNumberSpin" maxlength="3" type="number" pattern="[0-9]*" value="2" name="galaxy" tabindex="2">
                    <span class="galaxy_icons next" onclick="submitOnKey('ArrowUp');"></span>
                    <span class="galaxy_icons solarsystem tooltip" title="System"></span>
                    <span class="galaxy_icons prev ipiHintable" onclick="submitOnKey('ArrowLeft');" data-ipi-hint="ipiGalaxySwitchGalaxy"></span>
                    <input id="system_input" class="hideNumberSpin" maxlength="3" type="number" pattern="[0-9]*" value="3" tabindex="2" name="system">
                    <span class="galaxy_icons next ipiHintable" onclick="submitOnKey('ArrowRight');" data-ipi-hint="ipiGalaxySwitchGalaxy"></span>
                    <div class="btn_blue" onclick="submitForm();">Go!</div>
                    <div class="systembuttons">
                        <a class="btn_blue tooltip phalanxlink btn_system_action" href="javascript:void(0);" title="System Phalanx" disabled="disabled">
                            <img alt="" src="/img/icons/1cae570e41fc188133be9d548d6523.gif" class="icon_allianceBonus" style="filter:grayscale(1);"> System Phalanx
                        </a>
                        <a class="btn_blue tooltip spysystemlink btn_system_action" disabled="disabled" title="System Espionage">
                            <img alt="" src="/img/icons/1cae570e41fc188133be9d548d6523.gif" class="icon_allianceBonus" style="filter:grayscale(1);"> System Espionage
                        </a>

                        <div id="discoverSystemBtn" class="btn_blue tooltip discoverSystemLink btn_system_action" title="Launch a discovery mission to all possible locations" disabled="disabled">
                            <div class="disabled"></div>&nbsp;Discoveries
                        </div>
                    </div>
                </form>
            </div>

            <div id="galaxyLoading" style="display: none;">
                <img src="/img/icons/6e0f46d7504242302bc8055ad9c8c2.gif" alt="">
            </div>
            <div id="galaxyContent">
                <div class="galaxyTable">
                    <div class="galaxyRow ctGalaxyHead">
                        <div class="galaxyCell span11">
                            <div id="probes">
                                Esp.Probe:<span id="probeValue">0</span>
                            </div>
                            <div id="recycler">
                                Recy.:<span id="recyclerValue">0</span>
                            </div>
                            <div id="rockets">
                                IPM.:<span id="missileValue">0</span>
                            </div>
                            <div id="slots">
                                Used slots:<span id="slotUsed">0</span>/<span id="slotValue">0</span>
                            </div>
                            <div id="galaxyHeaderDiscoveryCount">
                                Discoveries: 0/3950
                            </div>
                        </div>

                        <div id="filterCell" class="filterCell">
                            <div id="filter_empty" class="filter" onclick="filterToggle(event);">E</div>
                            <div id="filter_inactive" class="filter" onclick="filterToggle(event);">I</div>
                            <div id="filter_newbie" class="filter" onclick="filterToggle(event);">N</div>
                            <div id="filter_strong" class="filter" onclick="filterToggle(event);">S</div>
                            <div id="filter_vacation" class="filter" onclick="filterToggle(event);">V</div>
                        </div>
                    </div>
                    <div class="galaxyRow ctGalaxyHead headBold">
                        <div class="galaxyCell span1-2">Planet</div>
                        <div class="galaxyCell cellPlanetName">Name</div>
                        <div class="galaxyCell cellMoon">Moon</div>
                        <div class="galaxyCell cellDebris">DF</div>
                        <div class="galaxyCell cellPlayerName">Player (Status)</div>
                        <div class="galaxyCell cellAlliance">Alliance</div>
                        <div class="galaxyCell cellAction">Action</div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow1">
                        <div class="galaxyCell cellPosition">1</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow2">
                        <div class="galaxyCell cellPosition">2</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow3">
                        <div class="galaxyCell cellPosition">3</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow4">
                        <div class="galaxyCell cellPosition">4</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow5">
                        <div class="galaxyCell cellPosition">5</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow6">
                        <div class="galaxyCell cellPosition">6</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow7">
                        <div class="galaxyCell cellPosition">7</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow8">
                        <div class="galaxyCell cellPosition">8</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow9">
                        <div class="galaxyCell cellPosition">9</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow10">
                        <div class="galaxyCell cellPosition">10</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow11">
                        <div class="galaxyCell cellPosition">11</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow12">
                        <div class="galaxyCell cellPosition">12</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow13">
                        <div class="galaxyCell cellPosition">13</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow14">
                        <div class="galaxyCell cellPosition">14</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="galaxyRow ctContentRow" id="galaxyRow15">
                        <div class="galaxyCell cellPosition">15</div>
                        <div class="galaxyCell cellPlanet"></div>
                        <div class="galaxyCell cellPlanetName"></div>
                        <div class="galaxyCell cellMoon"></div>
                        <div class="galaxyCell cellDebris"></div>
                        <div class="galaxyCell cellPlayerName"></div>
                        <div class="galaxyCell cellAlliance"></div>
                        <div class="galaxyCell cellAction"></div>
                    </div>
                    <div class="expeditionDebrisSlotBoxRow">
                        <div class="expeditionDebrisSlotBoxCell cellPosition">16</div>
                        <div class="expeditionDebrisSlotBox" id="galaxyRow16">
                            <div>
                                <h3 class="title float_left">Deep space:</h3>
                            </div>
                            <div id="expeditionDebrisSlotDebrisContainer">

                            </div>
                            <div id="expeditionDebrisSlotActions">
                                <div id="galaxyExpeditionFleetTemplateContainer"
                                     class="tooltip hideTooltipOnMouseenter disabled"
                                     title="You need an Admiral to use this feature."
                                >
                                    <a id="expeditionFleetTemplateBtn"
                                       class="dark_highlight_tablet"
                                    >
                                        <span class="icon icon_combatunits"></span>
                                        <span class="expedtionFleetTemplateBtnTitle">Expedition Fleet</span>
                                    </a>
                                    <select class="expeditionFleetTemplateSelect" size="1" title="test"
                                            id="expeditionFleetTemplateSelect" disabled>
                                        <option value="0">-</option>
                                    </select>
                                </div>

                                <div id="expeditionbutton" class="btn_blue float_right btn_system_action" onClick="doExpedition();">
                                    Expedition
                                </div>
                                <div id="sendExpeditionFleetTemplateFleet" class="btn_blue float_right btn_system_action" style="display: none" onClick="sendExpedtionFleetFromTemplate()" disabled>
                                    send
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="galaxyRow ctGalaxyFleetInfo" id="fleetstatusrow"></div>
                    <div class="galaxyRow ctGalaxyFooter">
                        <div id="colonized"><span id="amountColonized">0</span>&nbsp;Planets colonized</div>
                        <div id="legend" class="filterCell">
                            <a href="javascript: void(0);"
                               class="tooltipRel tooltipClose"
                               rel="legendTT"
                               data-tippy-placement="top"
                            >
                                <span class="icon icon_info"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="legendTT" style="display: none;" class="htmlTooltip">
                <h1>Legend</h1>
                <div class="splitLine"></div>
                <dl>
                    <dt class="abbreviation status_abbr_admin">A</dt>
                    <dd class="description">Administrator</dd>

                    <dt class="abbreviation status_abbr_strong">s</dt>
                    <dd class="description">stronger player</dd>

                    <dt class="abbreviation status_abbr_noob">n</dt>
                    <dd class="description">weaker player (newbie)</dd>

                    <dt class="abbreviation status_abbr_outlaw">o</dt>
                    <dd class="description">Outlaw (temporary)</dd>

                    <dt class="abbreviation status_abbr_vacation">v</dt>
                    <dd class="description">Vacation Mode</dd>

                    <dt class="abbreviation status_abbr_banned">b</dt>
                    <dd class="description">banned</dd>

                    <dt class="abbreviation status_abbr_inactive">i</dt>
                    <dd class="description">7 days inactive</dd>

                    <dt class="abbreviation status_abbr_longinactive">I</dt>
                    <dd class="description">28 days inactive</dd>

                    <dt class="abbreviation status_abbr_honorableTarget">hp</dt>
                    <dd class="description">Honorable target</dd>
                </dl>
            </div>
        </div>
        <br class="clearfix">
        <script type="text/javascript">
            var checkTargetUrl = "#?page=componentOnly&component=fleetdispatch&action=checkTarget&asJson=1"
            var missionExpedition = 15
            var spaceObjectTypePlanet = 1
            var expeditionPosition = 16

            // Update deuterium after phalanx scan
            function updateDeuteriumAfterScan(scanCost) {
                if (scanCost && typeof resourcesBar !== 'undefined') {
                    var newDeuterium = resourcesBar.resources.deuterium.amount - scanCost;
                    resourcesBar.resources.deuterium.amount = newDeuterium;
                    var deuteriumElement = $('#resources_deuterium');
                    deuteriumElement.attr('data-raw', newDeuterium);
                    deuteriumElement.text(newDeuterium.toLocaleString('de-DE'));
                }
            }

            // Phalanx scan functionality
            function scanWithPhalanx(galaxy, system, position) {
                var scan_url = "{{ route('phalanx.scan') }}";
                var csrf_token = "{{ csrf_token() }}";

                $.ajax({
                    url: scan_url,
                    type: 'POST',
                    data: {
                        _token: csrf_token,
                        galaxy: galaxy,
                        system: system,
                        position: position
                    },
                    success: function(response) {
                        if (response.success) {
                            updateDeuteriumAfterScan(response.scan_cost);
                            showPhalanxResults(response);
                        } else {
                            alert('Phalanx scan failed: ' + (response.error || 'Unknown error'));
                        }
                    },
                    error: function(xhr) {
                        var error_message = 'Phalanx scan failed';
                        if (xhr.responseJSON && xhr.responseJSON.error) {
                            error_message = xhr.responseJSON.error;
                        }
                        alert(error_message);
                    }
                });
            }

            function showPhalanxResults(data) {
                // Build OGame-style phalanx dialog
                var coords = data.target.galaxy + ':' + data.target.system + ':' + data.target.position;
                var dialog_title = coords + ' sensor report';

                if (data.target.planet_name && data.target.player_name) {
                    dialog_title = data.target.planet_name + ' ' + coords + ' (' + data.target.player_name + ') sensor report';
                }

                // If error, wrap error_message in div
                var content_html = data.content_html;
                if (data.is_error) {
                    content_html = '<div id="phalanxEventContent">' + data.error_message + '</div>';
                }

                var modal_html = '<div id="phalanx-dialog" tabindex="-1" role="dialog" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front ui-draggable" style="display: none; height: auto; width: auto;" aria-describedby="phalanx-content" aria-labelledby="phalanx-title">';
                modal_html += '<div class="ui-dialog-titlebar ui-corner-all ui-widget-header ui-helper-clearfix ui-draggable-handle">';
                modal_html += '<span id="phalanx-title" class="ui-dialog-title">' + dialog_title;

                // Refresh button inside title
                modal_html += '<a class="refreshPhalanxLink tooltip js_hideTipOnMobile overlay fleft" data-overlay-same="true" ';
                modal_html += 'href="javascript:void(0)" onclick="refreshPhalanxContent(' + data.target.galaxy + ',' + data.target.system + ',' + data.target.position + ')" ';
                modal_html += 'data-tooltip-title="Refresh">';
                modal_html += '<span class="icon icon_reload"></span>';
                modal_html += '</a>';

                modal_html += '</span>';
                modal_html += '<button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" onclick="closePhalanxModal()" title="">';
                modal_html += '<span class="ui-button-icon ui-icon ui-icon-closethick"></span>';
                modal_html += '<span class="ui-button-icon-space"> </span>';
                modal_html += '</button>';
                modal_html += '</div>';

                modal_html += '<div id="phalanx-content" class="overlayDiv phalanx ui-dialog-content ui-widget-content" style="width: auto; min-height: 112px; max-height: none; height: auto;" data-page="ajax">';
                modal_html += '<div id="phalanxWrap">';
                // Insert HTML from backend
                modal_html += content_html;
                modal_html += '</div>'; // End phalanxWrap
                modal_html += '</div>'; // End dialog-content
                modal_html += '</div>'; // End dialog

                // Remove existing dialog if any
                $('#phalanx-dialog').remove();

                // Add dialog to body
                $('body').append(modal_html);

                // Show dialog and initialize
                var dialog = $('#phalanx-dialog');
                dialog.show();

                // Calculate and set position (center on screen)
                var windowWidth = $(window).width();
                var windowHeight = $(window).height();
                var dialogWidth = dialog.outerWidth();
                var dialogHeight = dialog.outerHeight();

                var left = Math.max(0, (windowWidth - dialogWidth) / 2);
                var top = Math.max(50, (windowHeight - dialogHeight) / 2);

                dialog.css({
                    'left': left + 'px',
                    'top': top + 'px',
                    'width': 'auto',
                    'height': 'auto'
                });

                // Make draggable if jQuery UI is available
                if (typeof $.fn.draggable !== 'undefined') {
                    dialog.draggable({
                        handle: '.ui-dialog-titlebar',
                        containment: 'window',
                        cursor: 'move'
                    });
                }

                // Fade in
                dialog.hide().fadeIn(200);

            }


            function formatFleetTime(timestamp) {
                var date = new Date(timestamp * 1000);
                var now = new Date();
                var diff = Math.floor((date - now) / 1000);

                if (diff < 0) {
                    return 'Arrived';
                }

                var hours = Math.floor(diff / 3600);
                var minutes = Math.floor((diff % 3600) / 60);
                var seconds = diff % 60;

                return hours + 'h ' + minutes + 'm ' + seconds + 's';
            }

            function refreshPhalanxContent(galaxy, system, position) {
                $.ajax({
                    url: '{{ route('phalanx.scan') }}',
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        galaxy: galaxy,
                        system: system,
                        position: position
                    },
                    success: function(response) {
                        if (response.success) {
                            updateDeuteriumAfterScan(response.scan_cost);
                            updatePhalanxContent(response);
                        } else {
                            alert('Phalanx refresh failed: ' + (response.error || 'Unknown error'));
                        }
                    },
                    error: function(xhr) {
                        var error_message = 'Phalanx refresh failed';
                        if (xhr.responseJSON && xhr.responseJSON.error) {
                            error_message = xhr.responseJSON.error;
                        }
                        alert(error_message);
                    }
                });
            }

            function updatePhalanxContent(data) {
                // If error, wrap error_message in div
                var content_html = data.content_html;
                if (data.is_error) {
                    content_html = '<div id="phalanxEventContent">' + data.error_message + '</div>';
                }

                // Update content with HTML from backend
                $('#phalanxWrap').html(content_html);

            }

            function closePhalanxModal() {
                $('#phalanx-dialog').fadeOut(200, function() {
                    $(this).remove();
                });
            }
        </script>

@include('ingame.shared.buddy.bbcode-parser')

        <script type="text/javascript">
            var buildListCountdowns = new Array();
            (function($){
                initGalaxyNew();
                $(document.documentElement).off( "keyup" );
                $(document.documentElement).on( "keyup", keyevent );
            })(jQuery)

            // Initialize buddy dialog after it loads
            window.initBuddyDialog = function() {
                var locaKeys = {"bold":"Bold","italic":"Italic","underline":"Underline","stroke":"Strikethrough","sub":"Subscript","sup":"Superscript","fontColor":"Font colour","fontSize":"Font size","backgroundColor":"Background colour","backgroundImage":"Background image","tooltip":"Tool-tip","alignLeft":"Left align","alignCenter":"Centre align","alignRight":"Right align","alignJustify":"Justify","block":"Break","code":"Code","spoiler":"Spoiler","moreopts":"","list":"List","hr":"Horizontal line","picture":"Image","link":"Link","email":"Email","player":"Player","item":"Item","coordinates":"Coordinates","preview":"Preview","textPlaceHolder":"Text...","playerPlaceHolder":"Player ID or name","itemPlaceHolder":"Item ID","coordinatePlaceHolder":"Galaxy:system:position","charsLeft":"Characters remaining","colorPicker":{"ok":"Ok","cancel":"Cancel","rgbR":"R","rgbG":"G","rgbB":"B"},"backgroundImagePicker":{"ok":"Ok","repeatX":"Repeat horizontally","repeatY":"Repeat vertically"}};

                // Block BBCode preview AJAX calls temporarily to prevent 405 errors
                var blockPreviewCalls = true;
                $.ajaxPrefilter(function(options, originalOptions, jqXHR) {
                    // Block POST requests to preview URLs (empty, /overview, or invalid URLs)
                    if (blockPreviewCalls && options.type === 'POST' &&
                        (!options.url || options.url === '' || options.url.indexOf('/overview') > -1 ||
                         options.url.indexOf('&imgAllowed=') === 0)) {
                        jqXHR.abort();
                        return false;
                    }
                });

                initBuddyRequestForm();

                // TODO: The BBCode editor includes an "Item" dropdown for linking game items.
                // This feature is not yet implemented as the item system is not available.
                // When items are implemented, update the BBCode parser and preview to support [item]ItemID[/item] tags.
                initBBCodeEditor(locaKeys, {}, false, '.buddy_request_textarea', 5000, true);

                // Re-enable AJAX calls after initialization
                setTimeout(function() {
                    blockPreviewCalls = false;
                }, 500);

                setTimeout(function() {
                    var $textarea = $('.buddy_request_textarea');
                    var $container = $textarea.closest('.markItUpContainer');
                    var $preview = $container.find('.miu_preview_container');

                    $container.find('.preview_link').off('click').on('click', function(e) {
                        e.preventDefault();
                        if ($preview.is(':visible')) {
                            $preview.hide();
                            $(this).removeClass('active');
                        } else {
                            $preview.html(window.buddyBBCodeParser($textarea.val())).show();
                            $(this).addClass('active');
                        }
                    });
                }, 150);

                $('#buddyRequestForm').off('submit').on('submit', function(e) {
                    e.preventDefault();
                    var form = $(this);
                    $.ajax({
                        url: form.attr('action'),
                        type: 'POST',
                        data: form.serialize(),
                        success: function(response) {
                            if (response.success) {
                                fadeBox('{{ __("Buddy request sent successfully!") }}', false);
                                form.closest('.ui-dialog-content').dialog('close');
                                setTimeout(function() {
                                    form.closest('.overlayDiv').remove();
                                    form.closest('.ui-dialog').remove();
                                }, 100);
                            } else {
                                fadeBox(response.message || '{{ __("Failed to send buddy request.") }}', true);
                            }
                        },
                        error: function(xhr) {
                            var errorMessage = '{{ __("Failed to send buddy request.") }}';
                            if (xhr.responseJSON && xhr.responseJSON.message) {
                                errorMessage = xhr.responseJSON.message;
                            }
                            fadeBox(errorMessage, true);
                        }
                    });
                });
            };

            // Global function for sending buddy requests (accessible from galaxy AJAX content)
            window.sendBuddyRequestDialog = function(playerId, playerName) {
                // Close any existing buddy request dialogs
                $('.buddyRequestDialog').each(function() {
                    try {
                        $(this).dialog('destroy');
                    } catch(e) {}
                    $(this).remove();
                });
                $('.ui-dialog:has(.buddyRequestDialog)').remove();

                // Create dialog container
                var $dialog = $('<div class="overlayDiv buddyRequestDialog"></div>').css('display', 'none');
                $('body').append($dialog);

                // Initialize the dialog first
                $dialog.dialog({
                    title: '{{ __("Buddy request to") }} ' + playerName,
                    width: 'auto',
                    height: 'auto',
                    modal: false,
                    closeText: '',
                    position: { my: "center", at: "center" },
                    close: function() {
                        $(this).dialog('destroy');
                        $(this).remove();
                    }
                });

                // Load content via AJAX
                var dialogUrl = '{{ route('buddies.requestdialog') }}?id=' + playerId + '&name=' + encodeURIComponent(playerName) + '&_=' + Date.now();

                $.get(dialogUrl).done(function(data) {
                    $dialog.empty().append(data);

                    // Initialize buddy dialog BBCode editor
                    if (typeof window.initBuddyDialog === 'function') {
                        window.initBuddyDialog();
                    }

                    // Reposition after content loads - check if dialog is still initialized
                    try {
                        if ($dialog.hasClass('ui-dialog-content')) {
                            $dialog.dialog('option', 'position', $dialog.dialog('option', 'position'));
                        }
                    } catch(e) {
                        // Silently ignore repositioning errors
                    }
                }).fail(function() {
                    try {
                        $dialog.dialog('close');
                    } catch(e) {}
                });
            };

            // Handle buddy request button clicks in galaxy (using event delegation for dynamically loaded content)
            $(document).on('click', '.buddyrequest, .sendBuddyRequestLink', function(e) {
                e.preventDefault();
                e.stopImmediatePropagation();
                // Extract player info from data attributes
                var playerId = $(this).data('playerid');
                var playerName = $(this).data('playername');

                if (playerId && playerName) {
                    sendBuddyRequestDialog(playerId, playerName);
                }
                return false;
            });

            // Handle ignore player button clicks
            $(document).on('click', '.ignorePlayerLink', function(e) {
                e.preventDefault();
                var playerId = $(this).data('playerid');
                var playerName = $(this).data('playername');

                if (playerId && playerName) {
                    // Confirm before ignoring
                    if (confirm('{{ __("Are you sure you want to ignore") }} ' + playerName + '?')) {
                        $.ajax({
                            url: '{{ route('buddies.ignore') }}',
                            type: 'POST',
                            data: {
                                ignored_user_id: playerId,
                                _token: '{{ csrf_token() }}'
                            },
                            success: function(response) {
                                if (response.success) {
                                    fadeBox('{{ __("Player ignored successfully!") }}', false);
                                } else {
                                    fadeBox(response.message || '{{ __("Failed to ignore player.") }}', true);
                                }
                            },
                            error: function(xhr) {
                                var errorMessage = '{{ __("Failed to ignore player.") }}';
                                if (xhr.responseJSON && xhr.responseJSON.message) {
                                    errorMessage = xhr.responseJSON.message;
                                }
                                fadeBox(errorMessage, true);
                            }
                        });
                    }
                }
                return false;
            });
        </script>
    </div>
    @endif
@endsection