@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Student Cafe Kiosk
    @parent
@stop

{{-- Header Styles --}}
@section('header_styles')
    <style>
        :root {
            --primary-dark: #8b0000;
            --accent-blue: #1e90ff;
            --success-green: #28a745;
            --bg-light: #f4f7f6;
        }

        .content-wrapper { background-color: var(--bg-light); }

        .kiosk-container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
        }

        /* Top Bar Styling */
        .kiosk-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            padding: 20px 40px;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            margin-bottom: 25px;
        }

        .search-group { display: flex; align-items: center; gap: 15px; }

        input#id {
            height: 60px;
            width: 400px;
            font-size: 28px;
            font-weight: bold;
            text-align: center;
            border: 3px solid var(--primary-dark);
            border-radius: 10px;
            color: #333;
        }

        #clock {
            font-family: 'Digital-7', 'Courier New', monospace;
            font-size: 42px;
            background: #000;
            color: #0f0;
            padding: 10px 25px;
            border-radius: 8px;
            border: 4px solid #333;
            box-shadow: inset 0 0 10px #000;
        }

        /* Main Display Layout */
        .student-profile-wrapper {
            display: grid;
            grid-template-columns: 450px 1fr; /* Large photo on left, info on right */
            gap: 30px;
            background: #fff;
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        /* Photo Section */
        .photo-section { text-align: left; }

        .student-photo {
            width: 450px; /* Big photo size */
            height: 550px;
            object-fit: cover;
            border-radius: 15px;
            border: 8px solid #fff;
            box-shadow: 0 5px 20px rgba(0,0,0,0.15);
        }

        /* Info Section */
        .info-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .info-table { width: 100%; border-collapse: collapse; }

        .info-table td {
            padding: 18px 10px;
            border-bottom: 1px solid #f0f0f0;
            font-size: 24px; /* Increased font size */
        }

        .label {
            color: var(--primary-dark);
            font-weight: 700;
            width: 200px;
            text-transform: uppercase;
            font-size: 18px; /* Slightly larger for labels */
        }

        .value { color: #333; font-weight: 500; }

        /* Status Banners */
        .banner {
            font-size: 32px;
            font-weight: 900;
            text-align: center;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }
        .banner-success { background: #d4edda; color: var(--success-green); border-left: 10px solid var(--success-green); }
        .banner-danger { background: #f8d7da; color: #dc3545; border-left: 10px solid #dc3545; }

    </style>

@stop

@section('content')
    <div class="kiosk-container">

        {{-- Top Header Section --}}
        <div class="kiosk-header">
            <div class="search-group">
                <h1 style="color:var(--primary-dark); margin:0; margin-right:20px;">CAFETERIA</h1>
                <form action="" method="GET">
                    <input type="text" name="id" id="id" placeholder="SCAN ID CARD..." autofocus required>
                </form>
            </div>
            <div id="clock">00:00:00</div>
        </div>

        @php
            $valida = DB::table('students')->where('id', $m_name)->where('std_status', 0)->count();
        @endphp

        @if($valida < 1)
            <div class="banner banner-danger">⚠️ ACCESS DENIED: STUDENT NOT REGISTERED</div>
        @else
            @php
                $currenttime = date('H:i:s');
                $mnu = DB::table('time_tables')
                         ->where('strt_time', '<=', $currenttime)
                         ->where('end_time', '>=', $currenttime)
                         ->first();
            @endphp

            @if(!$mnu)
                <div class="banner banner-danger">ይቅርታ አሁን ምንም አይነት አገልግሎት መስጠት አይቻልም (No Active Meal Session)</div>
            @else
                @php
                    $value1 = $mnu->mnu_name;
                    $todayDate = date("Y-m-d");
                    $id = $m_name;

                    $alreadyServed = DB::table('mealcards')
                                      ->where('std_id', $id)
                                      ->where($value1, 1)
                                      ->where('date', $todayDate)
                                      ->count();

                    $isRegisteredForToday = DB::table('mealcards')
                                             ->where('std_id', $id)
                                             ->where('date', $todayDate)
                                             ->count();

                    // Check for photo with .JPG or .jpg extension
                    $photoPathJPG = public_path('uploads/students/stud_photo/' . $photo . '.JPG');
                    $photoPathjpg = public_path('uploads/students/stud_photo/' . $photo . '.jpg');

                    if (file_exists($photoPathJPG)) {
                        $photoUrl = url('/') . '/uploads/students/stud_photo/' . $photo . '.JPG';
                    } elseif (file_exists($photoPathjpg)) {
                        $photoUrl = url('/') . '/uploads/students/stud_photo/' . $photo . '.jpg';
                    } else {
                        // Fallback to default image if neither exists
                        $photoUrl = url('/') . '/uploads/students/stud_photo/default.jpg';
                    }
                @endphp

                @if($alreadyServed >= 1)
                    <div class="banner banner-danger">❌ ይቅርታ. ተጠቅመዋል እናመሰግናለን!! (ALREADY SERVED)</div>
                @else
                    @php
                        if($isRegisteredForToday > 0) {
                            DB::table('mealcards')->where('std_id', $id)->where('date', $todayDate)->update([$value1 => 1]);
                        } else {
                            DB::table('mealcards')->insert([
                                'std_id' => $id,
                                'std_fname' => $std_fname,
                                'std_lname' => $std_mname,
                                'date' => $todayDate,
                                $value1 => 1
                            ]);
                        }
                    @endphp
                    <div class="banner banner-success">✅ እንኳን ደህና መጡ መልካም {{ $value1 }} (VALID CARD)</div>
                @endif

                {{-- Main Student Display --}}
                <div class="student-profile-wrapper">
                    <div class="photo-section">
                        <img src="{{ $photoUrl }}"
                             class="student-photo" alt="STUDENT IMAGE">
                    </div>

                    <div class="info-section">
                        <h2 style="color:var(--accent-blue); margin-top:0;">Student Information</h2>
                        <table class="info-table">
                            <tr>
                                <td class="label">Registration ID</td>
                                <td class="value">{{ $id }}</td>
                            </tr>
                            <tr>
                                <td class="label">Full Name</td>
                                <td class="value">{{ $std_fname }} {{ $std_mname }}</td>
                            </tr>
                            <tr>
                                <td class="label">Gender</td>
                                <td class="value">{{ $sex }}</td>
                            </tr>
                            <tr>
                                <td class="label">Academic Unit</td>
                                <td class="value">{{ $college }}</td>
                            </tr>
                            <tr>
                                <td class="label">Department</td>
                                <td class="value">{{ $department }}</td>
                            </tr>
                            <tr>
                                <td class="label">Year / Batch</td>
                                <td class="value">Batch {{ $batch }}</td>
                            </tr>
                            <tr>
                                <td class="label">Current Meal</td>
                                <td class="value" style="color:var(--success-green); font-weight:bold;">{{ $value1 }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            @endif
        @endif
    </div>
@stop

@section('footer_scripts')
    <script type="text/javascript">
        function startTime() {
            const today = new Date();
            let h = today.getHours();
            let m = today.getMinutes();
            let s = today.getSeconds();
            const ap = (h >= 12) ? " PM" : " AM";
            h = h % 12 || 12;
            m = checkTime(m);
            s = checkTime(s);
            document.getElementById('clock').innerHTML = h + ":" + m + ":" + s + ap;
            setTimeout(startTime, 1000);
        }
        function checkTime(i) { return (i < 10) ? "0" + i : i; }
        window.onload = startTime;
    </script>
@stop