<!-- Selected Turnier: 104 -->
<!-- Selected Flight: 0 -->
<!-- Turnier Info: Array
(
    [turnier_id] => 104
    [datum] => 2025-04-17
    [uhrzeit] => 10:00:00
    [golfplatz] => Gloria New Course (gelb)
    [info] => 
    [spieler_01] => 13
    [ergebnis_01] => 71
    [anwesend_01] => 1
    [abwesend_01] => 
    [spieler_02] => 9
    [ergebnis_02] => 83
    [anwesend_02] => 
    [abwesend_02] => 1
    [spieler_03] => 5
    [ergebnis_03] => 71
    [anwesend_03] => 
    [abwesend_03] => 1
    [spieler_04] => 6
    [ergebnis_04] => 73
    [anwesend_04] => 
    [abwesend_04] => 1
    [spieler_05] => 7
    [ergebnis_05] => 74
    [anwesend_05] => 
    [abwesend_05] => 1
    [spieler_06] => 10
    [ergebnis_06] => 
    [anwesend_06] => 
    [abwesend_06] => 1
    [spieler_07] => 12
    [ergebnis_07] => 0
    [anwesend_07] => 1
    [abwesend_07] => 
    [spieler_08] => 8
    [ergebnis_08] => 
    [anwesend_08] => 
    [abwesend_08] => 1
    [spieler_09] => 3
    [ergebnis_09] => 73
    [anwesend_09] => 1
    [abwesend_09] => 
    [spieler_10] => 11
    [ergebnis_10] => 
    [anwesend_10] => 
    [abwesend_10] => 1
    [spieler_11] => 4
    [ergebnis_11] => 83
    [anwesend_11] => 1
    [abwesend_11] => 
    [created_at] => 2025-04-18 09:57:33
    [updated_at] => 2025-04-19 13:43:29
    [spieler_12] => 
    [anwesend_12] => 
    [abwesend_12] => 
    [spieler_13] => 
    [anwesend_13] => 
    [abwesend_13] => 
    [spieler_14] => 
    [anwesend_14] => 
    [abwesend_14] => 
    [spieler_15] => 
    [anwesend_15] => 
    [abwesend_15] => 
    [spieler_16] => 
    [anwesend_16] => 
    [abwesend_16] => 
    [spieler_17] => 
    [anwesend_17] => 
    [abwesend_17] => 
    [spieler_18] => 
    [anwesend_18] => 
    [abwesend_18] => 
    [spieler_19] => 
    [anwesend_19] => 
    [abwesend_19] => 
    [spieler_20] => 
    [anwesend_20] => 
    [abwesend_20] => 
    [spieler_21] => 
    [anwesend_21] => 
    [abwesend_21] => 
    [spieler_22] => 
    [anwesend_22] => 
    [abwesend_22] => 
    [spieler_23] => 
    [anwesend_23] => 
    [abwesend_23] => 
    [spieler_24] => 
    [anwesend_24] => 
    [abwesend_24] => 
    [spieler_25] => 
    [anwesend_25] => 
    [abwesend_25] => 
    [spieler_26] => 
    [anwesend_26] => 
    [abwesend_26] => 
    [spieler_27] => 
    [anwesend_27] => 
    [abwesend_27] => 
    [spieler_28] => 
    [anwesend_28] => 
    [abwesend_28] => 
    [spieler_29] => 
    [anwesend_29] => 
    [abwesend_29] => 
    [spieler_30] => 
    [anwesend_30] => 
    [abwesend_30] => 
    [spieler_31] => 
    [anwesend_31] => 
    [abwesend_31] => 
    [spieler_32] => 
    [anwesend_32] => 
    [abwesend_32] => 
    [ergebnis_12] => 
    [ergebnis_13] => 
    [ergebnis_14] => 
    [ergebnis_15] => 
    [ergebnis_16] => 
    [ergebnis_17] => 
    [ergebnis_18] => 
    [ergebnis_19] => 
    [ergebnis_20] => 
    [ergebnis_21] => 
    [ergebnis_22] => 
    [ergebnis_23] => 
    [ergebnis_24] => 
    [ergebnis_25] => 
    [ergebnis_26] => 
    [ergebnis_27] => 
    [ergebnis_28] => 
    [ergebnis_29] => 
    [ergebnis_30] => 
    [ergebnis_31] => 
    [ergebnis_32] => 
    [golfplatz_name] => Gloria New Course (gelb)
)
 -->
<!-- Flights Info: Array
(
    [1] => Array
        (
            [0] => Array
                (
                    [auslosung_id] => 1187
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 4
                    [position] => 1
                    [vorname] => Mario
                    [nachname] => Wehner
                    [flight_nr] => 1
                    [spieler_nr] => 1
                )

            [1] => Array
                (
                    [auslosung_id] => 1188
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 13
                    [position] => 2
                    [vorname] => Leon
                    [nachname] => Andreasen
                    [flight_nr] => 1
                    [spieler_nr] => 2
                )

            [2] => Array
                (
                    [auslosung_id] => 1189
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 3
                    [position] => 3
                    [vorname] => Dirk
                    [nachname] => Schroeter
                    [flight_nr] => 1
                    [spieler_nr] => 3
                )

            [3] => Array
                (
                    [auslosung_id] => 1190
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 12
                    [position] => 4
                    [vorname] => Olli
                    [nachname] => Mahn
                    [flight_nr] => 1
                    [spieler_nr] => 4
                )

        )

)
 -->
<!-- Holes Info: Array
(
    [0] => Array
        (
            [loch_id] => 109
            [platz_id] => 7
            [loch_nummer] => 1
            [par] => 4
            [hc] => 13
            [meter] => 334
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 1
        )

    [1] => Array
        (
            [loch_id] => 110
            [platz_id] => 7
            [loch_nummer] => 2
            [par] => 5
            [hc] => 5
            [meter] => 488
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 2
        )

    [2] => Array
        (
            [loch_id] => 111
            [platz_id] => 7
            [loch_nummer] => 3
            [par] => 3
            [hc] => 9
            [meter] => 139
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 3
        )

    [3] => Array
        (
            [loch_id] => 112
            [platz_id] => 7
            [loch_nummer] => 4
            [par] => 5
            [hc] => 1
            [meter] => 529
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 4
        )

    [4] => Array
        (
            [loch_id] => 113
            [platz_id] => 7
            [loch_nummer] => 5
            [par] => 4
            [hc] => 11
            [meter] => 349
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 5
        )

    [5] => Array
        (
            [loch_id] => 114
            [platz_id] => 7
            [loch_nummer] => 6
            [par] => 3
            [hc] => 17
            [meter] => 136
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 6
        )

    [6] => Array
        (
            [loch_id] => 115
            [platz_id] => 7
            [loch_nummer] => 7
            [par] => 4
            [hc] => 15
            [meter] => 321
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 7
        )

    [7] => Array
        (
            [loch_id] => 116
            [platz_id] => 7
            [loch_nummer] => 8
            [par] => 4
            [hc] => 7
            [meter] => 363
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 8
        )

    [8] => Array
        (
            [loch_id] => 117
            [platz_id] => 7
            [loch_nummer] => 9
            [par] => 5
            [hc] => 3
            [meter] => 452
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 9
        )

    [9] => Array
        (
            [loch_id] => 118
            [platz_id] => 7
            [loch_nummer] => 10
            [par] => 4
            [hc] => 12
            [meter] => 361
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 10
        )

    [10] => Array
        (
            [loch_id] => 119
            [platz_id] => 7
            [loch_nummer] => 11
            [par] => 4
            [hc] => 14
            [meter] => 342
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 11
        )

    [11] => Array
        (
            [loch_id] => 120
            [platz_id] => 7
            [loch_nummer] => 12
            [par] => 3
            [hc] => 10
            [meter] => 198
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 12
        )

    [12] => Array
        (
            [loch_id] => 121
            [platz_id] => 7
            [loch_nummer] => 13
            [par] => 4
            [hc] => 4
            [meter] => 401
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 13
        )

    [13] => Array
        (
            [loch_id] => 122
            [platz_id] => 7
            [loch_nummer] => 14
            [par] => 4
            [hc] => 2
            [meter] => 380
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 14
        )

    [14] => Array
        (
            [loch_id] => 123
            [platz_id] => 7
            [loch_nummer] => 15
            [par] => 3
            [hc] => 18
            [meter] => 150
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 15
        )

    [15] => Array
        (
            [loch_id] => 124
            [platz_id] => 7
            [loch_nummer] => 16
            [par] => 5
            [hc] => 6
            [meter] => 476
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 16
        )

    [16] => Array
        (
            [loch_id] => 125
            [platz_id] => 7
            [loch_nummer] => 17
            [par] => 3
            [hc] => 16
            [meter] => 139
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 17
        )

    [17] => Array
        (
            [loch_id] => 126
            [platz_id] => 7
            [loch_nummer] => 18
            [par] => 5
            [hc] => 8
            [meter] => 439
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 18
        )

)
 -->
<!-- Debug Info:
Players: Array
(
    [1] => Array
        (
            [0] => Array
                (
                    [auslosung_id] => 1187
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 4
                    [position] => 1
                    [vorname] => Mario
                    [nachname] => Wehner
                    [flight_nr] => 1
                    [spieler_nr] => 1
                )

            [1] => Array
                (
                    [auslosung_id] => 1188
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 13
                    [position] => 2
                    [vorname] => Leon
                    [nachname] => Andreasen
                    [flight_nr] => 1
                    [spieler_nr] => 2
                )

            [2] => Array
                (
                    [auslosung_id] => 1189
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 3
                    [position] => 3
                    [vorname] => Dirk
                    [nachname] => Schroeter
                    [flight_nr] => 1
                    [spieler_nr] => 3
                )

            [3] => Array
                (
                    [auslosung_id] => 1190
                    [turnier_id] => 104
                    [flight_nummer] => 1
                    [spieler_id] => 12
                    [position] => 4
                    [vorname] => Olli
                    [nachname] => Mahn
                    [flight_nr] => 1
                    [spieler_nr] => 4
                )

        )

)

Holes: Array
(
    [0] => Array
        (
            [loch_id] => 109
            [platz_id] => 7
            [loch_nummer] => 1
            [par] => 4
            [hc] => 13
            [meter] => 334
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 1
        )

    [1] => Array
        (
            [loch_id] => 110
            [platz_id] => 7
            [loch_nummer] => 2
            [par] => 5
            [hc] => 5
            [meter] => 488
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 2
        )

    [2] => Array
        (
            [loch_id] => 111
            [platz_id] => 7
            [loch_nummer] => 3
            [par] => 3
            [hc] => 9
            [meter] => 139
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 3
        )

    [3] => Array
        (
            [loch_id] => 112
            [platz_id] => 7
            [loch_nummer] => 4
            [par] => 5
            [hc] => 1
            [meter] => 529
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 4
        )

    [4] => Array
        (
            [loch_id] => 113
            [platz_id] => 7
            [loch_nummer] => 5
            [par] => 4
            [hc] => 11
            [meter] => 349
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 5
        )

    [5] => Array
        (
            [loch_id] => 114
            [platz_id] => 7
            [loch_nummer] => 6
            [par] => 3
            [hc] => 17
            [meter] => 136
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 6
        )

    [6] => Array
        (
            [loch_id] => 115
            [platz_id] => 7
            [loch_nummer] => 7
            [par] => 4
            [hc] => 15
            [meter] => 321
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 7
        )

    [7] => Array
        (
            [loch_id] => 116
            [platz_id] => 7
            [loch_nummer] => 8
            [par] => 4
            [hc] => 7
            [meter] => 363
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 8
        )

    [8] => Array
        (
            [loch_id] => 117
            [platz_id] => 7
            [loch_nummer] => 9
            [par] => 5
            [hc] => 3
            [meter] => 452
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 9
        )

    [9] => Array
        (
            [loch_id] => 118
            [platz_id] => 7
            [loch_nummer] => 10
            [par] => 4
            [hc] => 12
            [meter] => 361
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 10
        )

    [10] => Array
        (
            [loch_id] => 119
            [platz_id] => 7
            [loch_nummer] => 11
            [par] => 4
            [hc] => 14
            [meter] => 342
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 11
        )

    [11] => Array
        (
            [loch_id] => 120
            [platz_id] => 7
            [loch_nummer] => 12
            [par] => 3
            [hc] => 10
            [meter] => 198
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 12
        )

    [12] => Array
        (
            [loch_id] => 121
            [platz_id] => 7
            [loch_nummer] => 13
            [par] => 4
            [hc] => 4
            [meter] => 401
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 13
        )

    [13] => Array
        (
            [loch_id] => 122
            [platz_id] => 7
            [loch_nummer] => 14
            [par] => 4
            [hc] => 2
            [meter] => 380
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 14
        )

    [14] => Array
        (
            [loch_id] => 123
            [platz_id] => 7
            [loch_nummer] => 15
            [par] => 3
            [hc] => 18
            [meter] => 150
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 15
        )

    [15] => Array
        (
            [loch_id] => 124
            [platz_id] => 7
            [loch_nummer] => 16
            [par] => 5
            [hc] => 6
            [meter] => 476
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 16
        )

    [16] => Array
        (
            [loch_id] => 125
            [platz_id] => 7
            [loch_nummer] => 17
            [par] => 3
            [hc] => 16
            [meter] => 139
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 17
        )

    [17] => Array
        (
            [loch_id] => 126
            [platz_id] => 7
            [loch_nummer] => 18
            [par] => 5
            [hc] => 8
            [meter] => 439
            [created_at] => 2025-03-29 12:55:03
            [updated_at] => 2025-03-29 13:00:06
            [loch_nr] => 18
        )

)

-->
<!DOCTYPE html>
<html>
<head>
    <title>Livescoring</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>
        /* Hintergrund für die gesamte Seite */
        body {
            background-color: #f0f2f5;
            color: #333;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            padding-top: 0; /* Padding entfernt */
            margin: 0; /* Margin hinzugefügt */
        }
        
        /* Container-Stil */
        .container-fluid {
            padding: 25px;
            max-width: 1800px;
            margin: 0 auto;
            margin-top: 20px; /* Margin-top hinzugefügt */
        }
        
        /* Mobile Ansicht - Labels ausblenden */
        @media (max-width: 767px) {
            .form-group label {
                display: none !important;
            }
        }
        
        /* PIN Modal Styling */
        #pinModal .modal-dialog {
            max-width: 400px;
        }
        
        #pinModal .pin-input-container {
            display: flex;
            justify-content: center;
            margin: 20px 0;
        }
        
        #pinModal .pin-input {
            width: 50px;
            height: 60px;
            margin: 0 5px;
            text-align: center;
            font-size: 24px;
            border: 2px solid #ccc;
            border-radius: 5px;
        }
        
        #pinModal .pin-input:focus {
            border-color: #28a745;
            outline: none;
        }
        
        #pinError {
            color: #dc3545;
            text-align: center;
            display: none;
            margin-bottom: 15px;
        }
        
        /* Kartendesign */
        .card {
            border: none;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            margin-bottom: 25px;
            background-color: white;
        }
        
        .scoring-button {
            margin-left: 10px;
        }

        .flight-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        /* Container-Stil */
        .container-fluid {
            padding: 25px;
            max-width: 1800px;
            margin: 0 auto;
        }
        
        /* Kartendesign */
        .card {
            border: none;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            margin-bottom: 25px;
            background-color: white;
        }
        
        .card-header {
            background-color: #343a40;
            color: white;
            border-top-left-radius: 8px !important;
            border-top-right-radius: 8px !important;
            padding: 12px 20px;
        }
        
        .card-body {
            padding: 20px;
        }
        
        /* Formularelemente */
        .form-control {
            border-radius: 4px;
            border: 1px solid #ced4da;
        }
        
        /* Buttons */
        .btn-secondary {
            background-color: #495057;
            border-color: #495057;
        }
        
        .btn-secondary:hover {
            background-color: #343a40;
            border-color: #343a40;
        }
        
        /* Score-Tabelle */
        .score-table {
            width: 100%;
            table-layout: fixed;
            border-collapse: collapse;
            font-size: 0.9rem;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            background-color: white;
            margin: 0;
        }
        
        .score-table th, .score-table td {
            padding: 6px 4px;
            text-align: center;
            border: 1px solid #ddd;
        }
        
        .score-table th:first-child, 
        .score-table td:first-child,
        .score-table .player-name,
        .score-table .par-row th:first-child,
        .score-table .hc-row th:first-child,
        .score-table .meter-row th:first-child {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }
        
        /* Spezielle Anpassung für Handys im Querformat */
        @media (max-width: 900px) and (orientation: landscape) {
            .score-table th:first-child,
            .score-table td:first-child {
                width: 120px; /* Breitere Spalte im Querformat */
            }
        }
        
        /* Überschriftenzeile */
        .score-table thead tr:first-child {
            background-color: #495057;
        }
        
        .score-table thead tr:first-child th {
            color: white;
            font-weight: bold;
            font-size: 0.9rem;
        }
        
        .score-table thead tr:first-child th:first-child {
            background-color: #495057;
            color: white;
            font-weight: bold;
            z-index: 2; /* Höherer z-index für die Ecken-Zelle */
        }
        
        .score-table th.hole-header {
            width: 40px;
            min-width: 40px;
            background-color: #343a40;
            color: white;
            font-weight: bold;
        }
        
        .score-table th.total-header {
            width: 50px;
            background-color: #212529;
            color: white;
            font-weight: bold;
        }
        
        /* Par-Zeile */
        .score-table .par-row th {
            background-color: #4caf50;
            color: white;
            font-weight: bold;
            font-size: 0.9rem;
        }
        
        .score-table .par-row th:first-child {
            background-color: #388e3c;
            text-align: right;
            position: sticky;
            left: 0;
            z-index: 1;
        }
        
        .par-info {
            background-color: #c8e6c9;
            color: #1b5e20;
            font-weight: bold;
        }
        
        .total-par {
            background-color: #a5d6a7;
            color: #1b5e20;
            font-weight: bold;
        }
        
        /* HC-Zeile */
        .score-table .hc-row th {
            background-color: #2196f3;
            color: white;
            font-size: 0.9rem;
        }
        
        .score-table .hc-row th:first-child {
            background-color: #1976d2;
            font-weight: bold;
            text-align: right;
            position: sticky;
            left: 0;
            z-index: 1;
        }
        
        .hcp-info {
            background-color: #bbdefb;
            color: #0d47a1;
        }
        
        /* Meter-Zeile */
        .score-table .meter-row th {
            background-color: #ff9800;
            color: white;
            font-size: 0.9rem;
        }
        
        .score-table .meter-row th:first-child {
            background-color: #f57c00;
            font-weight: bold;
            text-align: right;
            position: sticky;
            left: 0;
            z-index: 1;
        }
        
        .meter-info {
            background-color: #ffe0b2;
            color: #e65100;
        }
        
        .total-meter {
            background-color: #ffcc80;
            color: #e65100;
            font-weight: bold;
        }
        
        /* Spieler-Zeilen mit verschiedenen Grautönen */
        .score-table tbody tr:nth-child(4n+1) {
            background-color: #6c757d;
        }
        
        .score-table tbody tr:nth-child(4n+2) {
            background-color: #5a6268;
        }
        
        .score-table tbody tr:nth-child(4n+3) {
            background-color: #495057;
        }
        
        .score-table tbody tr:nth-child(4n+4) {
            background-color: #343a40;
        }
        
        /* Styling für die Spieler-Namen in der ersten Spalte */
        .player-name {
            font-weight: bold;
            text-shadow: 0 0 2px rgba(0,0,0,0.3);
            color: white;
            position: sticky;
            left: 0;
            z-index: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 12px;
            padding-right: 12px;
        }
        
        /* Weiße Schrift für die Gesamtpunktzahl */
        .score-table tbody tr .total-score {
            color: white;
            font-weight: bold;
            background-color: #dc3545 !important; /* Rote Farbe (Bootstrap danger) */
        }
        
        /* Spielernamen-Zellen einfärben (dunklere Variante) */
        .score-table tbody tr:nth-child(4n+1) .player-name {
            background-color: #5a6268;
        }
        
        .score-table tbody tr:nth-child(4n+2) .player-name {
            background-color: #495057;
        }
        
        .score-table tbody tr:nth-child(4n+3) .player-name {
            background-color: #343a40;
        }
        
        .score-table tbody tr:nth-child(4n+4) .player-name {
            background-color: #212529;
        }
        
        /* Score-Zellen einfärben (Standard-Grau mit weißem Input) */
        .score-table tbody tr .score-cell {
            padding: 2px !important;
        }
        
        .score-table tbody tr:nth-child(4n+1) .score-cell {
            background-color: #6c757d;
        }
        
        .score-table tbody tr:nth-child(4n+2) .score-cell {
            background-color: #5a6268;
        }
        
        .score-table tbody tr:nth-child(4n+3) .score-cell {
            background-color: #495057;
        }
        
        .score-table tbody tr:nth-child(4n+4) .score-cell {
            background-color: #343a40;
        }
        
        /* Total Score Zellen einfärben (hervorgehobenes Grau) - überschrieben durch die rote Hintergrundfarbe oben */
        .score-table tbody tr:nth-child(4n+1) .total-score,
        .score-table tbody tr:nth-child(4n+2) .total-score,
        .score-table tbody tr:nth-child(4n+3) .total-score,
        .score-table tbody tr:nth-child(4n+4) .total-score {
            background-color: #dc3545 !important; /* Rote Farbe (Bootstrap danger) */
            color: white;
            font-weight: bold;
        }
        
        /* Anpassung der Score-Inputs für bessere Sichtbarkeit auf dunklem Hintergrund und mittige Ausrichtung */
        .score-input {
            width: 30px;
            height: 30px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 2px;
            font-size: 0.9rem;
            background-color: white;
            color: #343a40;
            display: block;
            margin: 0 auto;
            -webkit-appearance: none;
            -moz-appearance: textfield;
        }
        
        /* Entfernen der Pfeile bei number-Inputs für ein konsistenteres Erscheinungsbild */
        .score-input::-webkit-inner-spin-button, 
        .score-input::-webkit-outer-spin-button { 
            -webkit-appearance: none;
            margin: 0;
        }
        
        /* Hover-Effekt für alle Spielerzeilen */
        .score-table tbody tr:hover {
            background-color: rgba(52, 58, 64, 0.85) !important;
        }
        
        .score-table tbody tr:hover .player-name,
        .score-table tbody tr:hover .score-cell {
            background-color: rgba(33, 37, 41, 0.85) !important;
        }
        
        .score-table tbody tr:hover .total-score {
            background-color: #bd2130 !important; /* Dunkleres Rot beim Hover */
        }
        
        /* Responsive Design für kleine Bildschirme */
        @media (max-width: 1400px) {
            .score-table-container {
                overflow-x: auto;
                max-width: 100%;
            }
            
            .score-table {
                min-width: 1000px;
            }
        }
        
        /* Verbesserte Mobile Ansicht */
        @media (max-width: 768px) {
            .container-fluid {
                padding: 0;
                max-width: 100%;
                display: flex;
                flex-direction: column;
                margin-top: 0;
            }
            
            .controls-section {
                order: 2;
                margin-top: 10px;
            }
            
            .flights-section {
                order: 1;
                margin-top: 0;
                padding-top: 0;
            }
            
            .card {
                border-radius: 0;
                margin-bottom: 15px;
                margin-top: 0;
                box-shadow: none;
                border-left: none;
                border-right: none;
            }

            .card-header {
                border-radius: 0 !important;
                padding-top: 8px;
                padding-bottom: 8px;
            }
            
            .flight-card:first-child {
                margin-top: 0;
            }
            
            .flight-card:first-child .card-header {
                border-top: none;
                padding-top: 10px;
            }
            
            .card-body {
                padding: 10px 5px;
            }
            
            .score-input {
                width: 26px;
                height: 26px;
                font-size: 0.9rem;
                padding: 1px;
            }
            
            .score-table th, .score-table td {
                padding: 4px 1px;
            }
            
            .score-table th:first-child {
                width: 65px; /* Einheitliche Breite auf Tablets (20px schmaler) */
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            
            .score-table td:first-child {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            
            .score-table .player-name,
            .score-table .par-row th:first-child,
            .score-table .hc-row th:first-child,
            .score-table .meter-row th:first-child {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            
            h2 {
                font-size: 1.5rem;
                padding-left: 5px;
                margin-bottom: 0.5rem;
            }
            
            h3 {
                font-size: 1.2rem;
                padding-left: 5px;
                margin-bottom: 1rem;
            }
            
            .card-header h5 {
                font-size: 1.1rem;
                margin: 0;
            }
            
            .btn {
                padding: 0.375rem 0.6rem;
                font-size: 0.9rem;
                margin-left: 5px;
            }
            
            .form-inline .form-group {
                margin-bottom: 10px;
                display: block;
                width: 100%;
            }
            
            .form-inline label {
                display: block;
                margin-bottom: 5px;
            }
            
            .form-inline .form-control {
                width: 100%;
                display: block;
            }

            .score-table-container {
                margin: 0 -5px;
                width: calc(100% + 10px);
                max-width: none;
                padding-top: 0;
            }
            
            .flight-card {
                width: 100vw;
                position: relative;
                left: 50%;
                right: 50%;
                margin-left: -50vw;
                margin-right: -50vw;
                margin-top: 0;
                padding-top: 0;
            }
            
            .score-table {
                min-width: 850px;
                font-size: 0.9rem;
            }
            
            .score-table th.total-header {
                width: 40px;
            }
        }
        
        /* Für sehr kleine Bildschirme */
        @media (max-width: 480px) {
            .container-fluid {
                padding: 0;
            }
            
            .card-body {
                padding: 8px 0;
            }
            
            .flights-section {
                margin: 0;
                padding: 0;
            }
            
            .flight-card:first-child .card-header {
                padding-top: 8px;
            }
            
            .score-input {
                width: 22px;
                height: 22px;
                font-size: 0.8rem;
                padding: 0;
            }
            
            .score-table th, .score-table td {
                padding: 3px 1px;
            }
            
            .score-table th:first-child {
                width: 65px; /* Einheitliche Breite auf Smartphones (20px schmaler) */
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            
            .score-table td:first-child {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            
            .score-table .player-name,
            .score-table .par-row th:first-child,
            .score-table .hc-row th:first-child,
            .score-table .meter-row th:first-child {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            
            .row {
                margin-left: 0;
                margin-right: 0;
            }

            .col-md-6 {
                padding-left: 5px;
                padding-right: 5px;
            }
            
            .score-table {
                min-width: 800px;
                font-size: 0.8rem;
            }
            
            .score-table thead tr:first-child th,
            .score-table .par-row th,
            .score-table .hc-row th,
            .score-table .meter-row th {
                font-size: 0.8rem;
            }
            
            .score-table th.hole-header {
                width: 22px;
                min-width: 22px;
            }
            
            .score-table th.total-header {
                width: 35px;
            }
        }
        
        /* Spezielle Anpassung für Smartphones im Querformat */
        @media (max-width: 900px) and (min-width: 481px) and (orientation: landscape) {
            .score-table th:first-child,
            .score-table td:first-child,
            .score-table .player-name,
            .score-table .par-row th:first-child,
            .score-table .hc-row th:first-child,
            .score-table .meter-row th:first-child {
                width: 130px !important;
                min-width: 130px !important;
            }
            
            /* Breitere Total-Spalten im Querformat */
            .score-table th.total-header,
            .score-table .front-nine-score,
            .score-table .back-nine-score,
            .score-table .total-score {
                width: 60px !important;
                min-width: 60px !important;
            }
        }
        
        /* Farbkodierung für Scores mit dunklerem Hintergrund und weißer Schrift */
        .under-par {
            background-color: #1565c0 !important; /* Dunkleres Blau */
            color: white !important;
            font-weight: bold !important;
        }
        
        .over-par {
            background-color: #c62828 !important; /* Dunkleres Rot */
            color: white !important;
            font-weight: bold !important;
        }
        
        .double-bogey {
            background-color: #7f0000 !important; /* Sehr dunkles Rot */
            color: white !important;
            font-weight: bold !important;
        }
        
        .par {
            background-color: #2e7d32 !important; /* Dunkleres Grün */
            color: white !important;
            font-weight: bold !important;
        }

        /* Stil für die Zwischensummen - schwarzer Hintergrund mit weißer Schrift */
        .front-nine-score, .back-nine-score {
            background-color: #000000 !important; /* Reines Schwarz */
            color: white !important;
            font-weight: bold !important;
        }

        /* Die Spieler-spezifischen Hintergrundfarben für die Zwischensummen überschreiben */
        .score-table tbody tr:nth-child(4n+1) .front-nine-score,
        .score-table tbody tr:nth-child(4n+1) .back-nine-score,
        .score-table tbody tr:nth-child(4n+2) .front-nine-score,
        .score-table tbody tr:nth-child(4n+2) .back-nine-score,
        .score-table tbody tr:nth-child(4n+3) .front-nine-score,
        .score-table tbody tr:nth-child(4n+3) .back-nine-score,
        .score-table tbody tr:nth-child(4n+4) .front-nine-score,
        .score-table tbody tr:nth-child(4n+4) .back-nine-score {
            background-color: #000000 !important;
            color: white !important;
        }

        /* Grundlegende Eigenschaften für die erste Spalte */
        .score-table th:first-child {
            width: 65px; /* Einheitliche Breite auf Tablets (20px schmaler) */
            text-align: right;
            padding-left: 12px !important;
            padding-right: 12px !important;
            position: sticky;
            left: 0;
            z-index: 1;
        }
        
        .score-table td:first-child {
            text-align: right;
            padding-left: 12px !important;
            padding-right: 12px !important;
            position: sticky;
            left: 0;
            z-index: 1;
        }
        
        /* Einheitliches Padding für alle ersten Spaltenelemente */
        .score-table .player-name,
        .score-table .par-row th:first-child,
        .score-table .hc-row th:first-child,
        .score-table .meter-row th:first-child {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }
    </style>
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-success">
    <div class="container">
        <a class="navbar-brand" href="index.php">⛳ Bämbel</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item">
                    <a class="nav-link" href="index.php">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="gespeicherte_turniere.php">Turniere</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="anwesend.php">Teilnehmen</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="quick_tournament.php?new=1">Planung</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="ranking_netto.php">Ergebnisse</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="livescoring.php">Livescoring</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="admin-spieler.php">Spieler</a>
                </li>
            </ul>
        </div>
    </div>
</nav>     
    <div class="container-fluid px-md-4 px-0 mt-md-4">
        <!-- Navigation und Steuerelemente Block -->
        <div class="controls-section d-flex flex-column order-md-1 order-2 mb-md-0 mt-md-0 mt-2">
            <div class="d-flex mb-2">
                <a href="ranking_netto.php?turnier_id=104" class="btn btn-success mr-2">
                    <i class="fas fa-trophy mr-1"></i> Platzierung
                </a>
                <a href="index.php" class="btn btn-secondary">
                    <i class="fas fa-arrow-left mr-1"></i> Home
                </a>
            </div>
            
            <!-- Turnier- und Flight-Auswahl -->
            <div class="card mb-4">
                <div class="card-body py-3 px-md-3 px-2">
                    <form method="GET">
                        <div class="row mx-0">
                                                        <div class="col-md-6 mb-2">
                                <div class="form-group">
                                    <label for="flight" class="d-block d-md-block d-none mb-1">Flight:</label>
                                    <select name="flight" id="flight" class="form-control w-100" onchange="this.form.submit()">
                                        <option value="0">Alle Flights</option>
                                                                                    <option value="1" 
                                                    >
                                                Flight 1                                            </option>
                                                                            </select>
                                </div>
                            </div>
                            
                            <div class="col-md-6 mb-2">
                                <div class="form-group">
                                    <label for="turnier_id" class="d-block d-md-block d-none mb-1">Turnier:</label>
                                    <select name="turnier_id" id="turnier_id" class="form-control w-100" onchange="this.form.submit()">
                                        <option value="">Bitte wählen...</option>
                                                                                    <option value="102" 
                                                    >
                                                02.05.2025 - Grün-Rot (w)                                            </option>
                                                                                    <option value="105" 
                                                    >
                                                25.04.2025 - Blau-Grün (w)                                            </option>
                                                                                    <option value="100" 
                                                    >
                                                18.04.2025 - Blau-Grün (w)                                            </option>
                                                                                    <option value="104" 
                                                    selected>
                                                17.04.2025 - Gloria New Course (gelb)                                            </option>
                                                                            </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Flights Anzeige Block -->
        <div class="flights-section order-md-2 order-1 mb-2">
                            <h2 class="d-none d-md-block">Gloria New Course (gelb) - Livescoring</h2>
                <h3 class="d-none d-md-block">Datum: 17. April 2025</h3>

                                                            <div class="card flight-card">
                            <div class="card-header py-2">
                                <div class="flight-header">
                                    <h5 class="mb-0">Flight 1</h5>
                                                                        <button type="button" class="btn btn-sm btn-primary scoring-button" 
                                            data-flight="1"
                                            data-is-authenticated="false"
                                            onclick="toggleScoringMode(1)">
                                        Scoring starten                                    </button>
                                </div>
                            </div>
                            <div class="card-body p-md-3 p-1">
                                <div class="score-table-container">
                                    <div class="d-block d-md-none text-center mb-2">
                                        <small class="text-muted"><i class="fas fa-arrows-alt-h"></i> Zum Anzeigen aller Löcher horizontal scrollen</small>
                                    </div>
                                    <table class="score-table">
                                        <thead>
                                            <tr>
                                                <th>Loch</th>
                                                                                                    <th class="hole-header">1</th>
                                                                                                    <th class="hole-header">2</th>
                                                                                                    <th class="hole-header">3</th>
                                                                                                    <th class="hole-header">4</th>
                                                                                                    <th class="hole-header">5</th>
                                                                                                    <th class="hole-header">6</th>
                                                                                                    <th class="hole-header">7</th>
                                                                                                    <th class="hole-header">8</th>
                                                                                                    <th class="hole-header">9</th>
                                                                                                <th class="total-header">1-9</th>
                                                                                                    <th class="hole-header">10</th>
                                                                                                    <th class="hole-header">11</th>
                                                                                                    <th class="hole-header">12</th>
                                                                                                    <th class="hole-header">13</th>
                                                                                                    <th class="hole-header">14</th>
                                                                                                    <th class="hole-header">15</th>
                                                                                                    <th class="hole-header">16</th>
                                                                                                    <th class="hole-header">17</th>
                                                                                                    <th class="hole-header">18</th>
                                                                                                <th class="total-header">10-18</th>
                                                <th class="total-header">Total</th>
                                            </tr>
                                            <tr class="par-row">
                                                <th>Par</th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        5                                                    </th>
                                                                                                    <th class="par-info">
                                                        3                                                    </th>
                                                                                                    <th class="par-info">
                                                        5                                                    </th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        3                                                    </th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        5                                                    </th>
                                                                                                <!-- Par-Wert für die ersten 9 Löcher (nicht berechnet) -->
                                                <th class="total-par">37</th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        3                                                    </th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        4                                                    </th>
                                                                                                    <th class="par-info">
                                                        3                                                    </th>
                                                                                                    <th class="par-info">
                                                        5                                                    </th>
                                                                                                    <th class="par-info">
                                                        3                                                    </th>
                                                                                                    <th class="par-info">
                                                        5                                                    </th>
                                                                                                <!-- Par-Wert für die hinteren 9 Löcher (nicht berechnet) -->
                                                <th class="total-par">35</th>
                                                <!-- Gesamt-Par (nicht berechnet) -->
                                                <th class="total-par">
                                                    72                                                </th>
                                            </tr>
                                            <tr class="hc-row">
                                                <th>HC</th>
                                                                                                    <th class="hcp-info">
                                                        13                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        5                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        9                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        1                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        11                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        17                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        15                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        7                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        3                                                    </th>
                                                                                                <!-- Leere Zelle für die "1-9" Summe -->
                                                <th></th>
                                                                                                    <th class="hcp-info">
                                                        12                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        14                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        10                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        4                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        2                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        18                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        6                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        16                                                    </th>
                                                                                                    <th class="hcp-info">
                                                        8                                                    </th>
                                                                                                <!-- Leere Zelle für die "10-18" Summe -->
                                                <th></th>
                                                <!-- Leere Zelle für die Gesamtsumme -->
                                                <th></th>
                                            </tr>
                                            <tr class="meter-row">
                                                <th>Meter</th>
                                                                                                    <th class="meter-info">
                                                        334                                                    </th>
                                                                                                    <th class="meter-info">
                                                        488                                                    </th>
                                                                                                    <th class="meter-info">
                                                        139                                                    </th>
                                                                                                    <th class="meter-info">
                                                        529                                                    </th>
                                                                                                    <th class="meter-info">
                                                        349                                                    </th>
                                                                                                    <th class="meter-info">
                                                        136                                                    </th>
                                                                                                    <th class="meter-info">
                                                        321                                                    </th>
                                                                                                    <th class="meter-info">
                                                        363                                                    </th>
                                                                                                    <th class="meter-info">
                                                        452                                                    </th>
                                                                                                <!-- Leere Zelle für die "1-9" Summe -->
                                                <th></th>
                                                                                                    <th class="meter-info">
                                                        361                                                    </th>
                                                                                                    <th class="meter-info">
                                                        342                                                    </th>
                                                                                                    <th class="meter-info">
                                                        198                                                    </th>
                                                                                                    <th class="meter-info">
                                                        401                                                    </th>
                                                                                                    <th class="meter-info">
                                                        380                                                    </th>
                                                                                                    <th class="meter-info">
                                                        150                                                    </th>
                                                                                                    <th class="meter-info">
                                                        476                                                    </th>
                                                                                                    <th class="meter-info">
                                                        139                                                    </th>
                                                                                                    <th class="meter-info">
                                                        439                                                    </th>
                                                                                                <!-- Leere Zelle für die "10-18" Summe -->
                                                <th></th>
                                                <!-- Gesamtmeter in der letzten Spalte -->
                                                <th class="total-meter">
                                                    5.997                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                        <tr class="player-row" data-player-id="4">
                                                <td class="player-name" title="Mario Wehner">
                                                    Mario W.                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_1"
                                                           data-hole="1"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_2"
                                                           data-hole="2"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_3"
                                                           data-hole="3"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_4"
                                                           data-hole="4"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_5"
                                                           data-hole="5"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_6"
                                                           data-hole="6"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_7"
                                                           data-hole="7"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_8"
                                                           data-hole="8"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_9"
                                                           data-hole="9"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="front-nine-score">0</td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_10"
                                                           data-hole="10"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_11"
                                                           data-hole="11"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_12"
                                                           data-hole="12"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_13"
                                                           data-hole="13"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_14"
                                                           data-hole="14"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_15"
                                                           data-hole="15"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_16"
                                                           data-hole="16"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_17"
                                                           data-hole="17"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_4_18"
                                                           data-hole="18"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="4"
                                                           data-position="1"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="back-nine-score">0</td>
                                                <td class="total-score">0</td>
                                            </tr>
                                                                                        <tr class="player-row" data-player-id="13">
                                                <td class="player-name" title="Leon Andreasen">
                                                    Leon A.                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_1"
                                                           data-hole="1"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_2"
                                                           data-hole="2"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_3"
                                                           data-hole="3"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_4"
                                                           data-hole="4"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_5"
                                                           data-hole="5"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_6"
                                                           data-hole="6"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_7"
                                                           data-hole="7"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_8"
                                                           data-hole="8"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_9"
                                                           data-hole="9"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="front-nine-score">0</td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_10"
                                                           data-hole="10"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_11"
                                                           data-hole="11"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_12"
                                                           data-hole="12"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_13"
                                                           data-hole="13"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_14"
                                                           data-hole="14"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_15"
                                                           data-hole="15"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_16"
                                                           data-hole="16"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_17"
                                                           data-hole="17"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_13_18"
                                                           data-hole="18"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="13"
                                                           data-position="2"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="back-nine-score">0</td>
                                                <td class="total-score">0</td>
                                            </tr>
                                                                                        <tr class="player-row" data-player-id="3">
                                                <td class="player-name" title="Dirk Schroeter">
                                                    Dirk S.                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_1"
                                                           data-hole="1"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_2"
                                                           data-hole="2"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_3"
                                                           data-hole="3"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_4"
                                                           data-hole="4"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_5"
                                                           data-hole="5"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_6"
                                                           data-hole="6"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_7"
                                                           data-hole="7"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_8"
                                                           data-hole="8"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_9"
                                                           data-hole="9"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="front-nine-score">0</td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_10"
                                                           data-hole="10"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_11"
                                                           data-hole="11"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_12"
                                                           data-hole="12"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_13"
                                                           data-hole="13"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_14"
                                                           data-hole="14"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_15"
                                                           data-hole="15"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_16"
                                                           data-hole="16"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_17"
                                                           data-hole="17"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_3_18"
                                                           data-hole="18"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="3"
                                                           data-position="3"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="back-nine-score">0</td>
                                                <td class="total-score">0</td>
                                            </tr>
                                                                                        <tr class="player-row" data-player-id="12">
                                                <td class="player-name" title="Olli Mahn">
                                                    Olli M.                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_1"
                                                           data-hole="1"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_2"
                                                           data-hole="2"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_3"
                                                           data-hole="3"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_4"
                                                           data-hole="4"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_5"
                                                           data-hole="5"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_6"
                                                           data-hole="6"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_7"
                                                           data-hole="7"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_8"
                                                           data-hole="8"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_9"
                                                           data-hole="9"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="front-nine-score">0</td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_10"
                                                           data-hole="10"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_11"
                                                           data-hole="11"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_12"
                                                           data-hole="12"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_13"
                                                           data-hole="13"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_14"
                                                           data-hole="14"
                                                           data-par="4"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_15"
                                                           data-hole="15"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_16"
                                                           data-hole="16"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_17"
                                                           data-hole="17"
                                                           data-par="3"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="score-cell">
                                                    <input type="number" 
                                                           class="score-input" 
                                                           id="score_1_12_18"
                                                           data-hole="18"
                                                           data-par="5"
                                                           data-flight="1"
                                                           data-player="12"
                                                           data-position="4"
                                                           min="1" 
                                                           max="15"
                                                           readonly>
                                                </td>
                                                                                                <td class="back-nine-score">0</td>
                                                <td class="total-score">0</td>
                                            </tr>
                                                                                    </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                                                        </div>

        <hr class="d-md-none my-3">
    </div>

    <!-- PIN-Modal für Authentifizierung -->
    <div class="modal fade" id="pinModal" tabindex="-1" role="dialog" aria-labelledby="pinModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pinModalLabel">PIN eingeben</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p class="text-center">Bitte geben Sie die 4-stellige PIN ein, um Scores bearbeiten zu können.</p>
                    <div class="pin-input-container">
                        <input type="password" maxlength="1" class="pin-input" id="pin1" data-next="pin2">
                        <input type="password" maxlength="1" class="pin-input" id="pin2" data-next="pin3" data-prev="pin1">
                        <input type="password" maxlength="1" class="pin-input" id="pin3" data-next="pin4" data-prev="pin2">
                        <input type="password" maxlength="1" class="pin-input" id="pin4" data-prev="pin3">
                    </div>
                    <div id="pinError">Falsche PIN. Bitte versuchen Sie es erneut.</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                    <button type="button" class="btn btn-primary" id="submitPin">Bestätigen</button>
                </div>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        $(document).ready(function() {
            console.log('Livescoring initialized for turnier_id: 104');

            // Speichern des aktiven Flights für den Scoring-Modus
            let activeScoringFlight = null;
            const correctPin = "1234";
            
            // Überprüfe beim Laden der Seite, ob es authentifizierte Flights gibt und aktiviere den Scoring-Modus
            
            // Load existing scores when page loads
            loadScores();

            // PIN-Modal Funktionalität
            $('.pin-input').on('keyup', function(e) {
                const $this = $(this);
                
                // Automatisch zum nächsten Feld springen, wenn eine Ziffer eingegeben wurde
                if ($this.val().length === 1) {
                    const nextId = $this.data('next');
                    if (nextId) {
                        $('#' + nextId).focus();
                    } else {
                        // Wenn es kein nächstes Feld gibt (letztes Feld), bestätigen
                        $('#submitPin').focus();
                    }
                }
                
                // Bei Backspace zum vorherigen Feld springen
                if (e.keyCode === 8 && $this.val().length === 0) {
                    const prevId = $this.data('prev');
                    if (prevId) {
                        $('#' + prevId).focus();
                    }
                }
            });
            
            // PIN-Modal: Enter-Taste zum Bestätigen
            $('.pin-input').on('keydown', function(e) {
                if (e.keyCode === 13) { // Enter-Taste
                    e.preventDefault();
                    $('#submitPin').click();
                }
            });
            
            // PIN überprüfen beim Klick auf Bestätigen
            $('#submitPin').on('click', function() {
                const enteredPin = $('#pin1').val() + $('#pin2').val() + $('#pin3').val() + $('#pin4').val();
                
                if (enteredPin === correctPin) {
                    // PIN korrekt
                    $('#pinError').hide();
                    $('#pinModal').modal('hide');
                    
                    // Scoring-Modus aktivieren für den ausgewählten Flight
                    enableScoringMode(activeScoringFlight);
                    
                    // PIN-Felder zurücksetzen
                    $('.pin-input').val('');
                } else {
                    // PIN falsch
                    $('#pinError').show();
                    $('.pin-input').val('');
                    $('#pin1').focus();
                }
            });

            // Modal schließen - zurücksetzen
            $('#pinModal').on('hidden.bs.modal', function() {
                $('#pinError').hide();
                $('.pin-input').val('');
                
                // Wenn kein Scoring-Modus aktiv ist, Button-Text zurücksetzen
                if (!$('.score-input[data-flight="' + activeScoringFlight + '"]').first().prop('readonly') === false) {
                    $('button[data-flight="' + activeScoringFlight + '"]').text('Scoring starten');
                }
            });

            // Event-Handler für die Taste "Enter"
            $('.score-input').on('keydown', function(e) {
                if (e.keyCode === 13 || e.which === 13) { // Enter-Taste wurde gedrückt
                    e.preventDefault(); // Standard-Aktion verhindern
                    
                    var $this = $(this);
                    var currentFlight = $this.data('flight');
                    var currentHole = parseInt($this.data('hole'));
                    var currentPosition = parseInt($this.data('position'));
                    
                    // Alle Spieler im aktuellen Flight
                    var $playersInFlight = $('.score-input[data-flight="' + currentFlight + '"][data-hole="' + currentHole + '"]');
                    var playerCount = $playersInFlight.length;
                    
                    // Finde den nächsten Spieler in der gleichen Spalte (gleiches Loch)
                    // Wir verwenden die Attributposition, um die Spieler in der richtigen Reihenfolge zu finden
                    var nextPosition = currentPosition + 1;
                    var $nextInput = $('.score-input[data-flight="' + currentFlight + '"][data-hole="' + currentHole + '"][data-position="' + nextPosition + '"]');
                    
                    if ($nextInput.length > 0) {
                        // Es gibt einen nächsten Spieler für dieses Loch
                        $nextInput.focus();
                    } else {
                        // Wir sind am Ende der Spielerliste für dieses Loch
                        // Zum ersten Spieler des nächsten Lochs wechseln (wenn es existiert)
                        if (currentHole < 18) {
                            // Zum nächsten Loch wechseln, erster Spieler
                            var $firstPlayerNextHole = $('.score-input[data-flight="' + currentFlight + '"][data-hole="' + (currentHole + 1) + '"][data-position="1"]');
                            if ($firstPlayerNextHole.length > 0) {
                                $firstPlayerNextHole.focus();
                            }
                        }
                    }
                    return false;
                }
            });

            // Event-Handler für Score-Eingabe mit Unterstützung zum Löschen
            $('.score-input').on('change', function() {
                // Nur speichern, wenn im Scoring-Modus
                if ($(this).prop('readonly')) {
                    return;
                }

                const input = $(this);
                const score = input.val() ? parseInt(input.val()) : null; // Null wenn Feld leer ist
                const playerId = input.closest('tr').data('player-id');
                const holeNr = parseInt(input.data('hole'));
                const par = parseInt(input.data('par'));

                console.log('Saving score:', {
                    turnier_id: 104,
                    spieler_id: playerId,
                    loch_nr: holeNr,
                    score: score
                });

                // Farbig markieren basierend auf Par, bei leerem Feld Klassen entfernen
                colorScoreInput(input, score, par);

                // Speichern oder Löschen in der Datenbank
                $.ajax({
                    url: 'save_score.php',
                    method: 'POST',
                    data: {
                        turnier_id: 104,
                        spieler_id: playerId,
                        loch_nr: holeNr,
                        score: score,
                        delete: score === null // Löschung anfordern, wenn score null ist
                    },
                    success: function(response) {
                        console.log('Save response:', response);
                        if (response.success) {
                            // Visuelles Feedback
                            const originalBg = input.css('background-color');
                            input.css('background-color', '#d4edda');
                            setTimeout(function() {
                                input.css('background-color', originalBg);
                            }, 1000);
                            // Update total score
                            updateTotalScore(input.closest('tr'));
                        } else {
                            console.error('Save error:', response.error);
                            input.css('background-color', '#f8d7da');
                        }
                    },
                    error: function(xhr, status, error) {
                        console.error('Save error:', error);
                        input.css('background-color', '#f8d7da');
                    }
                });
            });

            // Funktion zum Aktivieren des Scoring-Modus
            function enableScoringMode(flightNr) {
                if (!flightNr) return;
                
                // readonly-Attribut von allen Scoring-Inputs im Flight entfernen
                $('.score-input[data-flight="' + flightNr + '"]').prop('readonly', false);
                
                // Button-Text ändern und auf rot umstellen
                const $button = $('button[data-flight="' + flightNr + '"]');
                $button.text('Scoring beenden');
                $button.removeClass('btn-primary').addClass('btn-danger');
                $button.data('is-authenticated', true);
                
                // Session per AJAX aktualisieren
                $.ajax({
                    url: 'livescoring.php',
                    method: 'POST',
                    data: {
                        action: 'toggle_scoring',
                        flight: flightNr,
                        enable: true
                    },
                    dataType: 'json'
                });
            }
            
            // Funktion zum Deaktivieren des Scoring-Modus
            function disableScoringMode(flightNr) {
                if (!flightNr) return;
                
                // readonly-Attribut für alle Scoring-Inputs im Flight setzen
                $('.score-input[data-flight="' + flightNr + '"]').prop('readonly', true);
                
                // Button-Text ändern und zurück auf blau stellen
                const $button = $('button[data-flight="' + flightNr + '"]');
                $button.text('Scoring starten');
                $button.removeClass('btn-danger').addClass('btn-primary');
                $button.data('is-authenticated', false);
                
                // ZUVERLÄSSIGE METHODE: Direkte Umleitung mit Parameter zum Deaktivieren des Scoring-Modus
                // Diese Methode ist sicherer als der AJAX-Call, da sie garantiert, dass die Session aktualisiert wird
                window.location.href = window.location.pathname + 
                    '?turnier_id=104' + 
                    (0 ? '&flight=0' : '') + 
                    '&scoring_disable=1&flight=' + flightNr;
                
                // AJAX-Call als Backup wird nicht mehr ausgeführt, da die Seite sofort umgeleitet wird
            }
            
            // Funktion zum Beenden aller Scoring-Modi (nützlich beim Verlassen der Seite)
            function disableAllScoringModes() {
                // Da wir jetzt per Redirect arbeiten, machen wir hier nichts mehr
                // Die einzelnen Buttons müssen manuell geklickt werden
                return true;
            }
            
            // Beim Verlassen der Seite keine Aktion mehr nötig, da wir mit Redirect arbeiten
            // $(window).on('beforeunload', function() {
            //    disableAllScoringModes();
            // });

            // Toggle-Funktion für den Scoring-Modus (wird von den Flight-Buttons aufgerufen)
            window.toggleScoringMode = function(flightNr) {
                const $button = $('button[data-flight="' + flightNr + '"]');
                const isAuthenticated = $button.data('is-authenticated') === true || $button.data('is-authenticated') === 'true';
                
                if (!isAuthenticated) {
                    // Wenn nicht authentifiziert, dann PIN-Abfrage zum Aktivieren
                    activeScoringFlight = flightNr;
                    $('#pinModal').modal('show');
                } else {
                    // Wenn bereits authentifiziert, dann deaktivieren
                    disableScoringMode(flightNr);
                }
            };

            // Funktion zum Farbig-Markieren der Scores basierend auf Par
            function colorScoreInput(input, score, par) {
                // Alle Klassen entfernen
                input.removeClass('under-par par over-par double-bogey');
                
                if (!score || !par) return; // Wenn kein Score oder Par vorhanden, nichts markieren
                
                if (score < par) {
                    // Birdie oder Eagle (1 oder mehr unter Par)
                    input.addClass('under-par');
                } else if (score === par) {
                    // Par
                    input.addClass('par');
                } else if (score === par + 1) {
                    // Bogey (1 über Par)
                    input.addClass('over-par');
                } else {
                    // Doppelbogey oder schlechter (2 oder mehr über Par)
                    input.addClass('double-bogey');
                }
            }

            function loadScores() {
                console.log('Loading scores...');
                $.ajax({
                    url: 'get_scores.php',
                    method: 'GET',
                    data: { 
                        turnier_id: 104 
                    },
                    dataType: 'json',
                    cache: false,
                    success: function(scores) {
                        console.log('Received scores:', scores);
                        if (Array.isArray(scores)) {
                            scores.forEach(function(score) {
                                const selector = `tr[data-player-id="${score.spieler_id}"] input[data-hole="${score.loch_nr}"]`;
                                const input = $(selector);
                                if (input.length) {
                                    input.val(score.score);
                                    // Farbig markieren basierend auf Par
                                    const par = parseInt(input.data('par'));
                                    colorScoreInput(input, score.score, par);
                                }
                            });
                            
                            // Update all totals
                            $('tr[data-player-id]').each(function() {
                                updateTotalScore($(this));
                            });
                        }
                    },
                    error: function(xhr, status, error) {
                        console.error('Load error:', error);
                    }
                });
            }

            // Verbesserte Funktion zum Speichern der Gesamtergebnisse
            function saveTotalScores() {
                console.log('Saving total scores...');
                
                // Sammle Daten über alle Spieler und ihre Scores
                const playerScores = [];
                
                $('tr[data-player-id]').each(function() {
                    const row = $(this);
                    const playerId = row.data('player-id');
                    
                    // Prüfe, ob der Spieler überhaupt gültige Scores hat
                    let hasValidScores = false;
                    row.find('.score-input').each(function() {
                        if ($(this).val()) {
                            hasValidScores = true;
                            return false; // Breche die each-Schleife ab, sobald ein gültiger Score gefunden wurde
                        }
                    });
                    
                    // Berechne die Gesamtsumme
                    const totalScore = parseInt(row.find('.total-score').text()) || 0;
                    
                    playerScores.push({
                        spieler_id: playerId,
                        total_score: totalScore,
                        has_valid_scores: hasValidScores
                    });
                });
                
                $.ajax({
                    url: 'save_total_scores.php',
                    method: 'POST',
                    data: { 
                        turnier_id: 104,
                        player_scores: JSON.stringify(playerScores)
                    },
                    success: function(response) {
                        console.log('Total scores saved:', response);
                        if (response.success) {
                            // Optional: Visuelles Feedback
                            $('.total-score').css('color', 'green');
                            setTimeout(function() {
                                $('.total-score').css('color', '');
                            }, 1000);
                        } else {
                            console.error('Error saving totals:', response.error);
                        }
                    },
                    error: function(xhr, status, error) {
                        console.error('Error saving totals:', error);
                    }
                });
            }

            // Funktion zum Berechnen des Gesamtergebnisses und der Zwischensummen
            function updateTotalScore(row) {
                let frontNineTotal = 0;
                let backNineTotal = 0;
                let hasValidScores = false;
                
                // Vordere 9 Löcher berechnen (1-9)
                row.find('.score-input').each(function(index) {
                    const value = $(this).val();
                    if (value) {
                        hasValidScores = true;
                        if (index < 9) { // Löcher 1-9
                            frontNineTotal += parseInt(value) || 0;
                        } else if (index >= 9 && index < 18) { // Löcher 10-18
                            backNineTotal += parseInt(value) || 0;
                        }
                    }
                });
                
                // Zwischensummen und Gesamtsumme aktualisieren
                row.find('.front-nine-score').text(frontNineTotal);
                row.find('.back-nine-score').text(backNineTotal);
                row.find('.total-score').text(frontNineTotal + backNineTotal);
                
                // Markiere die Zeile für die verbesserte Erkennung
                if (hasValidScores) {
                    row.attr('data-has-scores', 'true');
                } else {
                    row.attr('data-has-scores', 'false');
                }
                
                // Speichere Gesamtergebnisse nach jeder Änderung
                saveTotalScores();
            }

            // Auto-refresh every 30 seconds
            setInterval(loadScores, 30000);
        });
    </script>
</body>
</html>