path: root/source/resources/views/admin/admin.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    @vite('resources/css/admin/admin.css')
    <title>document</title>
</head>
<body>
    @if (session("api_token")) 
        <script>
            localStorage.setItem('token', "{{ session('api_token') }}")
            localStorage.setItem('user_type', 'admin')
        </script> 
    @endif

    <span id='serverResponse'>
    @if ( session('error'))
        {{session('error') }}
    @elseif ( session('success'))
        {{ session('success') }}
    @endif
    </span>
    <div id='main-container'>
        <nav id="navigation" class='nav-container'>
            <button class="btn-nav" id="logout">Log out</button>
            <span class='info-nav nav-element'>Admin</span>
            <button class="btn-nav nav-element" id="nav-users">Studenten</button>
            <button class="btn-nav nav-element" id="nav-companies">Bedrijven</button>
            <button class="btn-nav nav-element" id="nav-appointments">Afspraken</button>
            <button class="btn-nav nav-element" id="nav-logs">Logs</button>
            <div class='info-nav nav-element'>Dashboard</div>
            <div class='amount-section nav-element'>
                <div class='section-inside'>
                    <span id='student-amount'></span><br>
                    <span>studenten</span>
                </div>
                    </div>
                    <div class='amount-section nav-element'>
                        <div class='section-inside'>
                            <span id='company-amount'></span><br>
                            <span>bedrijven</span>    
                        </div>
                    </div>
                    <div class='amount-section nav-element'>
                        <div class='section-inside'>
                            <span id='appointment-amount'></span><br>
                            <span>afspraken</span>    
                        </div>
                    </div>
        </nav>

        <div id='result-container'>

            <section id='students' class='searchable'>
                <h2>Studenten</h2>
                <div class="add-btn-container">
                    <button class='add' id='toAddStudent'>Student toevoegen &#43</button>
                </div>
                <div class='filter' id='student'></div>
                <div class='list'>
                    <table id='studentTable'>
                        <tr><th>Naam</th><th class="mailTh">Email</th><th class='loginTh'>Laatste login</th><th class='extraTh'>Acties</th></tr>
                        <!--API call-->
                        <!--Last log still needs to be added-->
                        @foreach ($students as $student)
                        <tr>
                            <!--| is added at the end to make sure no accidents occur (like 2 and 21 while filtering)-->
                            <td class='studentId'>{{$student['id']}}</td>
                            <td class='studentName' id="s{{$student['id']}}|">{{ $student['first_name'] ?? 'Onbekend' }} {{ $student['last_name'] ?? 'onbekend' }}</td>
                            <td class='studentMail'>{{ $student['email'] ?? 'Geen email' }}</td>
                            <td class='studentLogin extraTd'>{{ $student['updated_at']}}</td>
                            <td class='extraTd'>
                                <span>
                                    <img class='moreInfo extraActions studentEye' id="eyeS{{$student['id']}}" src='../images/eyeball.png'>
                                </span>  <span>
                                    <img class='extraActions delete' id="delS{{$student['id']}}" src='../images/delete.png'>
                                </span>
                            </td>
                            <!--Hidden info used by javascript-->
                            <td class='hidden activated'>{{$student['profile_complete']}}</td>
                            <td class='hidden graduation-track'>
                                {{$student['graduation_track']}}
                            </td>
                            <td class='hidden study-direction'>
                                {{$student['study_direction']}}
                            </td>
                            <td class='hidden job-preferences'>
                                {{$student['job_preferences']}}
                            </td>
                            <td class='hidden  studentLogs'>
                                @foreach ($student['logs'] as $log)
                                <ul>
                                <li class='hidden studentLogId'>{{$student['id']}}</li>
                                <li class=' studentLogAction'>{{$log['actor']}} {{$log['actor_id']}} {{$log['action']}}</li>
                                <li class=' studentLogTime'>{{$log['date']}} om {{$log['time']}}</li>
                                <li class=' studentSeverity'>{{$log['severity']}}</li>
                                </ul>

                                @endforeach
                            </td>
                        </tr>
                        @endforeach
                    </table>
                </div>
            </section>

            <section id='addStudent'>
                <button class="back" id='backToStudent'>&#8617; Terug</button>
                <h2 class="useradd-label-left">Student toevoegen</h2>
                <div class='addUser'>
                    <h2 class="useradd-label">Student gegevens</h2>
                    <!-- Action to add a company must be added-->
                    <form method='post' action="{{ route('students.create') }}">
                        @csrf <!-- CSRF token for security (concept genomen via Github Copilot)-->
                        <input type="hidden" class="token" name="token">
                        <input class='addInput' type='text'name='first_name' placeholder='Voornaam'>
                        <input class='addInput' type='text'name='last_name' placeholder='Achternaam'>
                        <input class='addInput' type='text' name='email' placeholder='E-mail'>
                        <div class='addInput' style='border: solid; border-width:1px'>
                            <label for='graduation_track'>Type diploma</label>
                            <select name='graduation_track' class='professional'>
                                @foreach ($degrees as $degree)
                                    <option value="{{ $degree['id'] }}">{{ $degree['type'] }}</option>
                                @endforeach
                            </select>
                        </div>

                        <input class='addInput' type='text' name='study_direction' placeholder='Studierichting'>

                        <input class='addInput' type='password' name='password1' placeholder='Wachtwoord'>
                        <input class='addInput' type='password' name='password2' placeholder='Bevestig wachtwoord'>
                        <!--Responses for wrong inputs will be put here--> 
                        <div id='formResponse'></div>
                        <div class="save-container">
                            <input class='save' type='submit' value='opslaan'>
                        </div>
                    </form>
                </div>
            </section>

            <section id='companies' class='searchable'>
                <h2>Bedrijven</h2>
                <div class="add-btn-container">
                    <button class='add' id='toAddCompany'>Bedrijf toevoegen &#43</button>
                </div>
                <div class='filter' id='company'></div>
                <div class='searchContainer list'>
                        <table id='companyTable'> 
                            <tr class="tableHead">
                                <th>Naam</th><th class="mailTh">Email</th><th class='loginTh'>Laatste login</th><th class='extraTh'>Acties</th>
                            </tr>
                            @foreach ($companies as $company)
                            <tr>
                                <td class='hidden companyId'>{{$company['id']}}</td>
                                <td class='companyName' id="c{{$company['id']}}|">{{ $company['name'] ?? 'Onbekend' }}</td>
                                <td class='companyMail'>{{ $company['email'] ?? 'Onbekend' }}</td>
                                <td class='companyLogin extraTd'>02-04-2025</td>
                                <td class='extraTd'>
                                <span>
                                    <img class='extraActions moreInfo' id="eyeC{{$company['id']}}" src='../images/eyeball.png'>
                                </span>  
                                <span>
                                    <img class='extraActions delete' id="delC{{$company['id']}}" src='../images/delete.png'>
                                </span>
                                </td>
                                <!--Hidden info used by javascript-->
                                <td class='hidden plan-type'>
                                    {{$company['plan_type']}}
                                </td>
                                <td class='hidden job-types'>
                                    {{$company['job_types']}}
                                </td>
                                <td class='hidden job-domain'>
                                    {{$company['job_domain']}}
                                </td>
                                <td class='hidden description'>
                                    {{$company['company_description']}}
                                </td>
                                <td class='hidden booth-location'>
                                    {{$company['booth_location']}}
                                </td>
                                <td class='hidden speeddate-duration'>
                                    {{$company['speeddate_duration']}}
                                </td>
                                
                                <td class='hidden  companyLogs'>
                                @foreach ($company['logs'] as $log)
                                    <ul>
                                    <li class='hidden companyLogId'>{{$company['id']}}</li>
                                    <li class=' companyLogAction'>{{$log['actor']}} {{$log['actor_id']}} {{$log['action']}}</li>
                                    <li class=' companyLogTime'>{{$log['date']}} om {{$log['time']}}</li>
                                    <li class=' companytSeverity'>{{$log['severity']}}</li>
                                    </ul>

                                @endforeach
                            </td>
                            </tr>
                            @endforeach
                        </table>
                </div>
            </section>


            <section id='addCompany'>
                <button class="back" id='backToCompanies'>&#8617; Terug</button>
                <h2 class="useradd-label-left">Bedrijf toevoegen</h2>
                <div class='addUser'>
                    <h2 class="useradd-label">Bedrijf gegevens</h2>
                    <!-- Action to add a company must be added-->
                    <form method='post' action="{{ route('companies.create') }}">
                        @csrf <!-- CSRF token for security -->
                        <input type="hidden" class="token" name="token">
                        <input class='addInput' type='text' name='name' placeholder='Naam'>
                        <input class='addInput' type='text' name='email' placeholder='E-mail'>
                        <div class='addInput' style='border: solid; border-width:1px'>
                            <label for='plan_type'>Prijs plan</label>
                            <select name='plan_type'>
                                <option value='Basic'>Basic</option>
                                <option value='Standard'>Standaard</option>
                                <option value='Premium'>Premium</option>
                            </select>
                        </div>
                        <input class='addInput' type='text' name='booth_location' placeholder='Locatie booth'>
                        <input class='addInput' type='password' name='password1' placeholder='Wachtwoord'>
                        <input class='addInput' type='password' name='password2' placeholder='Bevestig wachtwoord'>
                        <!--Responses for wrong inputs will be put here--> 
                        <div id='formResponse'></div>
                        <div class="save-container">
                            <input class='save' type='submit' value='opslaan'>
                        </div>
                    </form>
                </div>
            </section>

            <section id='logs' class='searchable'>
                <h2>Logs</h2>
                <div class='list'>
                    <ul id='log-list'>
                        @foreach ($logs as $log)
                            <li class='logItem'>
                                <div class='hidden logId'>{{$log['id']}}</div>
                                <div class='logAction'>{{$log['actor']}} {{$log['actor_id']}} {{$log['action']}}</div>
                                <div class='logDate'>{{$log['date']}} om {{$log['time']}}</div>
                                <div class='hidden severity'>{{$log['severity']}}</div>
                            </li>
                        @endforeach 
                    </ul>
                </div>
                <div id='form-container'>
                    <form method='GET' action='/admin' id='prev-log-form'>
                        @csrf
                        <input type="hidden" class="token" name="token">
                        <input id='prev-log-page' type='hidden' name='cursor' value='{{$previousPage}}'>
                        <input type='submit' value='Vorige'>
                    </form>
                    <form method='GET' action='/admin' id='next-log-form'>
                        @csrf
                        <input type="hidden" class="token" name="token">
                        <input id='next-log-page' type='hidden' name='cursor' value='{{$nextPage}}'>
                        <input type='submit' value='Volgende'>
                    </form>
                </div>
            </section>
            <section id='appointments' class="searchable"> 
                <div class="searchContainer list">
                    <table id='appointmentInfo'>
                        <tr><th>Student</th><th>Bedrijf</th><th>Tijdslot</th></tr>
                        @foreach ($appointments as $appointment)
                            <tr class="apointmentList t{{substr(str_replace(':', '-',$appointment['time_slot']), 0, 5)}}">
                                <td class='hidden appointmentId'>{{$appointment['id']}}</td>
                                <td class='appointmentSId'>{{$appointment['student_id']}}</td>
                                <td class='appointmentCId'>{{$appointment['company_id']}}</td>
                                <td class='appointmentTime'>
                                    {{$appointment['time_slot']}}
                                </td>
                            </tr>
                        @endforeach
                    </table>
                </div>
            </section>
            <section id='details'>
                 <h2>Details:</h2>
                 <div id='detailList'></div>
            </section>
        </div>
    </div>

    <div id='extra-container'>
        <div id='extra-message-container'>
            <div id='extra-message'>Found me!</div>
            <button id='abortAction' class='deletionForm tempForm'>Nee</button>
            <form id='deletionForm' class='deletionForm tempForm' method='POST'>
                @csrf
                @method('DELETE')
                <input type="hidden" class="token" name="token">
                <input type='submit' value='Ja, ik ben zeker'>
            </form>
        </div>
    </div>
    @vite('resources/js/admin/admin.js')
    @vite('resources/js/admin/adminEvents.js')
</body>
</html>