@extends('layouts/eims_pre_admission_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    <style>
        .exam-details {
            background: #f9f9f9;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-bottom: 10px;
            padding: 10px;
        }

        .exam-details-header {
            background: #007bff;
            color: #fff;
            padding: 10px;
            border-radius: 5px 5px 0 0;
            cursor: pointer;
        }

        .exam-details-body {
            padding: 10px;
        }

        .exam-details-body p {
            margin: 5px 0;
        }
    </style>
    <div class="col-md-3 register-left">
        <img id="company_image" src="{{ asset('images/company/' . $company->image) }}" alt="">
        <h3 style="color: white;">Welcome To</h3>
        <h3 style="color: white;">{{ $company->name }}</h3>
        <h4 style="color: white;">
            {{ $company->address }}
        </h4>
        <h4 style="color: white;"> Online Admission Primary Information Entry</h4>
        <div style="margin-top: 59px;">
            <h3 class="text-center blink" style="color: #e3fd05; font-size: 20px; padding: 5px;">
                Admission Fair !!!
            </h3>
        </div>
    </div>
    <div class="col-md-9 register-right">        
        <!-- Login Button -->
        <a href="{{ url('eims/pre-admission/login') }}" id="logInButton" class="btn btn-primary ml-2 btn-login" title="Login Now">
            <i class="glyphicon glyphicon-log-in"></i>
            <b>Login</b>
        </a>
        <h4 class="register-heading">Current Running Pre-Admissions</h4>
        <div class="row register-form" id="examsListContainer">
            {{-- interactive expandable list template for exam post --}}
        </div>

    </div>

    {{-- Tab Loading Scripts --}}
    <script type="text/javascript">
        'use strict';
        $(document).ready(function () {
            const companyId = '{{ request()->companyId }}';
            const examsListContainer = $('#examsListContainer');

            // getSetAdmissionExams
            function getSetAdmissionExams() {
                $.ajax({
                    url: '{{ url('/eims/pre-admission') }}',
                    type: 'POST',
                    data: {companyId: companyId},
                    success: function (_response) {
                        const data = _response.data;
                        const company = data.company;
                        const exams = data.exams;
                        // show exams in examsListContainer
                        examsListContainer.html('');
                        exams.forEach(function (exam) {
                            const examPost = `
                                <div class="bootstrap-tagsinput" style="margin-top: 10px; background: #EEEEEE;">
                                    <div class="row">
                                        <a class=" col-sm-9 col-xs-9 display-inline collapsed box-plus-panel" data-toggle="collapse"
                                           href="#examDetails${exam.id}">
                                            ${exam.name}
                                        </a>
                                        <div class="col-sm-3 col-xs-3 text-right">
                                            ${exam.current_process_link}
                                        </div>
                                    </div>
                                </div>
                            `;
                            const examPostDetails = `
                               <div id="examDetails${exam.id}" class="exam-details panel-collapse collapse text-gray">
                                    <p>${exam.name}</p>
                                    <p>${exam.session ? 'Session: ' + exam.session : ''}</p>
                                    <p>${company.companyType === 'UNV' && exam.faculty ? 'Faculty: ' + exam.faculty : ''}</p>
                                    <p>${exam.program ? 'Program: ' + exam.program : ''}</p>
                                    <p>${exam.semester_class ? (company.companyType === 'UNV' ? 'Semester: ' : 'Class: ') + exam.semester_class : ''}</p>
                                    <p>${exam.written_date ? 'Written Exam Date: ' + exam.written_date : ''}</p>
                               </div>
                            `;
                            examsListContainer.append(examPost);
                            examsListContainer.append(examPostDetails);
                        });
                    },
                    error: function (error) {
                        console.log(error);
                    }
                });
            }

            getSetAdmissionExams();

        });
    </script>
@endsection