@extends('layouts.tri')

@section('body')

<style>
  h1.list-heading {
    display: none !important;
  }
 div.list-sort-label{
    display: none !important;
  }
form[action*="change-sort/books"] {
    display: none !important;
  }

/* Oberer Abstand des umgebenden Containers entfernen */
  .list-sort-container {
    display: none !important;

 /* Optional: Abstand über der Bücherliste anpassen */
  .entity-list {
    margin-top: 0 !important;
  }
</style>

<div style="margin-bottom: 24px; padding: 12px; background: #f8f9fa; border: 1px solid #ccc; border-radius: 8px;">
    <h2 style="margin-top: 0;">Ahoi! Willkommen an Bord des Schulnavigators!</h2>

@guest
 <p>
    Dieser Bereich richtet sich in erster Linie an Sie als Eltern unserer Schülerinnen und Schüler.
    Hier finden Sie alle wichtigen Informationen zum Schulalltag Ihres Kindes – von Organisation und
    Terminen bis hin zu Lern- und Unterstützungsangeboten.
  </p>
  <p>
    Auch interessierte Eltern sind herzlich eingeladen, sich über unsere Schule zu informieren.
    Bitte beachten Sie: Einige Inhalte sind nur nach dem Login zugänglich. Der Zugang erfolgt mit dem
    <strong>IServ-Account Ihres Kindes</strong>.
  </p>
  <p><em>Füreinander da sein – miteinander wachsen.</em></p>

@endguest

@auth
<p>Hallo {{ Str::of(auth()->user()->name)->before(' ') }}!</h1>
  <p>
    Schön, dass du wieder im <strong>Elternnavigator der St.-Anna-Realschule</strong> bist. 
  <br>Hier findest du alle wichtigen Informationen rund um Schule, Unterricht und Schulleben – 
    übersichtlich und jederzeit abrufbar.
  </p>
  <p>
    Gemeinsam gestalten wir eine Schule, in der wir <em>füreinander da sind und miteinander wachsen</em>.
  </p>

@endauth




</div>
    @include('shelves.parts.list', ['shelves' => $shelves, 'view' => $view])
@stop

@section('left')
<div style="all: unset; display: flex; flex-direction: column; gap: 12px; padding: 0; margin: 0;">
  <a href="https://star.meal-o.com" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-utensils" style="min-width: 20px; text-align: center;"></i> Mensa (Meal‑O)
  </a>
  <a href="https://star-stadtlohn.de" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-envelope" style="min-width: 20px; text-align: center;"></i> ISERV – StAR
  </a>
  <a href="https://www.star-moodle.de" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-graduation-cap" style="min-width: 20px; text-align: center;"></i> Star‑Moodle
  </a>
  <a href="https://achilles.webuntis.com" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-calendar-alt" style="min-width: 20px; text-align: center;"></i> Webuntis
  </a>
  <a href="https://www.st-anna-realschule.de/unterrichtszeiten/" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-clock" style="min-width: 20px; text-align: center;"></i> Unterrichtszeiten
  </a>
  <a href="https://www.st-anna-realschule.de/downloads/" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-download" style="min-width: 20px; text-align: center;"></i> Downloads
  </a>
  <a href="https://klassengeld.app" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-euro-sign" style="min-width: 20px; text-align: center;"></i> Klassengeld
  </a>
  <a href="https://organisation.st-anna-realschule.de" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-user-plus" style="min-width: 20px; text-align: center;"></i> Schulanmeldung
  </a>
  <a href="https://www.st-anna-realschule.de/impressum" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-info-circle" style="min-width: 20px; text-align: center;"></i> Impressum
  </a>
 <!-- <a href="https://www.st-anna-realschule.de/datenschutzerklaerung" target="_blank"
     onmouseover="this.style.background='#164e75'; this.style.boxShadow='0 4px 6px rgba(0,0,0,0.25)'"
     onmouseout="this.style.background='#1a5b89'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.15)'"
     style="all: unset; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: #1a5b89; color: #fff; border-radius: 6px; font-weight: bold; font-size: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.15); text-decoration: none; cursor: pointer;">
    <i class="fas fa-shield-alt" style="min-width: 20px; text-align: center;"></i> Datenschutzerklärung
  </a>--!>
</div>
@stop

@section('right')


@stop