@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    <div style="margin-bottom: 100px">
        <div class="viewTitle">
            <a href="{{route('eims_application')}}"
               class="btn btn-info pull-right addViewBtn"><i
                    class="glyphicon glyphicon-plus-sign addIcon"></i>{{$pageTitle}} List</a>
            <h2 class="text-white text-center" style="font-family: Antiqua,serif;letter-spacing: 2px">
                Applicant Details
            </h2>
        </div>
        <div class="panel panel-border">
            <div class="panel-body">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a id="informationTabButton" href="#informationTab" data-toggle="tab">
                            <span class=""><i class="fa-user"></i></span>
                            <span class="hidden-xs">Information</span>
                        </a>
                    </li>
                    <li>
                        <a id="feesTabButton" href="#feesTab" data-toggle="tab">
                            <span class=""><i class="fa fa-money"></i></span>
                            <span class="hidden-xs">Fees</span>
                        </a>
                    </li>
                </ul> {{-- ul nav nav-tabs --}}
                <hr>
                <div class="row ">
                    <div class="col-sm-2">
                        <img src="{{ asset('images/eims/student/'. $applicant->photo) }}"
                             style="height: 200px; width: 200px;" class="img-responsive"
                             alt="{{$applicant->name}}">
                        <h4><strong>{{$applicant->name}}</strong></h4>
                        <p>
                            <strong>{{$companyType == 'UNV' ? 'Program': 'Medium/Version'}}:</strong>
                            {{$applicant?->eims_program?->name}}
                        </p>
                        <p>
                            <strong>{{$companyType == 'UNV' ? 'Semester': 'Class'}}:</strong>
                            {{$applicant->eims_semester_class?->name}}
                        </p>
                        @if($companyType !== 'UNV')
                            <p>
                                <strong>Group:</strong>
                                {{$applicant->semester_class_group?->name}}
                            </p>
                            <p>
                                <strong>Section:</strong>
                                {{$applicant->eims_section?->name}}
                            </p>
                        @endif
                        <p>
                            <strong>Admission No:</strong>
                            {{$applicant->admission_no}}
                        </p>
                        <p>
                            <strong>Admission Date:</strong>
                            {{$applicant->admission_date->format('d-m-Y')}}
                        </p>

                    </div>

                    <div class="col-sm-10">
                        <div class="tab-content">
                            <div class="tab-pane active" id="informationTab">
                                <div class="row">
                                    <div class="col-sm-12 col-xs-12">
                                        {{-- Personal information--}}
                                        <div class="panel-heading">
                                            <div class="panel-title">Personal Information</div>
                                        </div>
                                        <table class="table table-bordered table-responsive first-col-dark">
                                            <tr>
                                                <td>#</td>
                                                <td>Admission No:</td>
                                                <td>{{$applicant->admission_no}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Admission Date:</td>
                                                <td>{{$applicant->admission_date->format('d-m-Y')}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Name:</td>
                                                <td>{{$applicant->name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Phone Number:</td>
                                                <td>{{$applicant->phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Email:</td>
                                                <td>{{$applicant->email}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Gender:</td>
                                                <td>{{ ucfirst($applicant->gender)}}</td>
                                            </tr>
                                            @if($companyType === 'UNV')
                                                <tr>
                                                    <td>#</td>
                                                    <td>Marital Status:</td>
                                                    <td>{{ ucfirst($applicant->marital_status)}}</td>
                                                </tr>
                                            @endif
                                            <tr>
                                                <td>#</td>
                                                <td>Date Of Birth:</td>
                                                <td>{{$applicant->dob->format('d-m-Y')}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td> Religion:</td>
                                                <td>{{$applicant->religion}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Blood Group:</td>
                                                <td>{{$applicant->blood_group}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Nationality:</td>
                                                <td>{{$applicant->nationality}}</td>
                                            </tr>
                                            @if($companyType !== 'UNV')
                                                <tr>
                                                    <td>#</td>
                                                    <td>Birth Certificate ID:</td>
                                                    <td>{{$applicant->birth_certificate_id}}</td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td>#</td>
                                                    <td>National ID:</td>
                                                    <td>{{$applicant->national_id}}</td>
                                                </tr>
                                            @endif
                                            <tr>
                                                <td>#</td>
                                                <td>Father's Name:</td>
                                                <td>{{$applicant->father_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Father's Phone:</td>
                                                <td>{{$applicant->father_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Father's Occupation:</td>
                                                <td>{{$applicant->father_occupation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Mother's Name:</td>
                                                <td>{{$applicant->mother_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Mother's Phone:</td>
                                                <td>{{$applicant->mother_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Mother's Occupation:</td>
                                                <td>{{$applicant->mother_occupation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Guardian's Name:</td>
                                                <td>{{$applicant->guardian_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Guardian's Phone:</td>
                                                <td>{{$applicant->guardian_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Guardian's Occupation:</td>
                                                <td>{{$applicant->guardian_occupation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Permanent Address:</td>
                                                <td>
                                                    {{$applicant->permanent_village_house_no ? "$applicant->permanent_village_house_no, " : null}}
                                                    {{$applicant->permanent_po_road_no ? "$applicant->permanent_po_road_no, " : null}}
                                                    {{$applicant->permanent_ps ? "$applicant->permanent_ps, " : null}}
                                                    {{$applicant->permanent_dist}}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Present Address:</td>
                                                <td>
                                                    {{$applicant->present_village_house_no ? "$applicant->present_village_house_no, " : null}}
                                                    {{$applicant->present_po_road_no ? "$applicant->present_po_road_no, " : null}}
                                                    {{$applicant->present_ps ? "$applicant->present_ps, " : null}}
                                                    {{$applicant->present_dist}}
                                                </td>
                                            </tr>
                                        </table>
                                    </div>

                                    <div class="col-sm-12 col-xs-12">
                                        <br>
                                        {{-- Parent Gurdian Details --}}
                                        <div class="panel-heading">
                                            <div class="panel-title">Person to be noticed in case of emergency</div>
                                        </div>
                                        <table
                                            class="table table-bordered table-responsive first-col-dark">
                                            <tr>
                                                <td>#</td>
                                                <td>Name:</td>
                                                <td>{{$applicant->emergency_contact_person_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Relation:</td>
                                                <td>{{$applicant->emergency_contact_person_relationship}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Designation:</td>
                                                <td>{{$applicant->emergency_contact_person_designation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Phone Number:</td>
                                                <td>{{$applicant->emergency_contact_person_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Address:</td>
                                                <td>
                                                    {{$applicant->emergency_contact_person_address}}
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="col-sm-12 col-xs-12">
                                        <br>
                                        <div class="panel-heading">
                                            <div class="panel-title">Educational Information</div>
                                        </div>
                                        <table
                                            class="table table-bordered table-responsive first-col-dark">
                                            @foreach($applicant->eims_admission_educational_information as $admission_educational_information)
                                                <tbody>
                                                <tr>
                                                    <td>
                                                        @php
                                                            $institute_type = match ($admission_educational_information->institute_type) {
                                                                'previous' => 'Previous Institute',
                                                                'ssc' => 'SSC/O’ Level / Equivalent',
                                                                'hhc' => 'HSC/A’ Level / Equivalent',
                                                                'bachelors' => 'Bachelor’s Degree/Equivalent',
                                                                'masters' => 'Master’s Degree/Equivalent',
                                                                default => 'Unknown',
                                                            };
                                                        @endphp
                                                        {{$institute_type}}
                                                    </td>
                                                    <td> Institute Name:</td>
                                                    <td>{{$admission_educational_information->institute_name}}</td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    @if($admission_educational_information->institute_type !== 'bachelor' && $admission_educational_information->institute_type !== 'masters')
                                                        <td>Board:</td>
                                                        <td>{{$admission_educational_information->eims_board?->name}}</td>
                                                    @else
                                                        <td>University:</td>
                                                        <td>{{$admission_educational_information->institute_university}}</td>
                                                    @endif
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td>GPA:</td>
                                                    <td>{{$admission_educational_information->institute_gpa}}</td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    @if($admission_educational_information->institute_type !== 'bachelor' && $admission_educational_information->institute_type !== 'masters')
                                                        <td>Group:</td>
                                                        <td>{{$admission_educational_information->eims_group?->name}}</td>
                                                    @else
                                                        <td>Program:</td>
                                                        <td>{{$admission_educational_information->institute_program}}</td>
                                                    @endif
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td>Year:</td>
                                                    <td>{{$admission_educational_information->institute_year}}</td>
                                                </tr>
                                                </tbody>
                                            @endforeach
                                        </table>
                                    </div>
                                </div>


                            </div>
                            <div class="tab-pane" id="feesTab">
                                <div class="row">
                                    <div class="col-sm-12 col-xs-12 ">
                                        {{-- fees Collection--}}
                                        <table
                                            class="table table-small-font table-responsive table-bordered first-col-dark"
                                            id="datatable"
                                            style="width: 100%">
                                            <thead>
                                            <tr>
                                                <th class="text-center text-nowrap" style="min-width: 10px">SL</th>
                                                <th class="text-center text-nowrap">Fees Type</th>
                                                <th class="text-center text-nowrap">Fees Code</th>
{{--                                                <th class="text-center text-nowrap">Due Date</th>--}}
                                                <th class="text-center text-nowrap">Status</th>
                                                <th class="text-center text-nowrap">
                                                    Amount {{--<span style="font-size: 7px"> + Fees</span>--}}
                                                </th>
                                                <th class="text-center text-nowrap">Fees Bill No</th>
                                                <th class="text-center text-nowrap">Payment Method</th>
                                                <th class="text-center text-nowrap">Date</th>
{{--                                                <th class="text-center text-nowrap">Discount</th>--}}
{{--                                                <th class="text-center text-nowrap">Fine</th>--}}
                                                <th class="text-center text-nowrap">Paid</th>
                                            </tr>
                                            </thead>
                                            <tbody id="tableBodySection"></tbody>
                                            {{--<tfoot>
                                            <tr>
                                                <th colspan="2" class="text-right">
                                                    Total:
                                                </th>
                                                <th class="text-center"
                                                    id="grandTotalAmount"></th>
                                                <th class="text-center" colspan="3"></th>
                                                <th class="text-center"
                                                    id="grandTotalDiscount"></th>
                                                <th class="text-center"
                                                    id="totalCollectedFine"></th>
                                                <th class="text-center"
                                                    id="grandTotalPaid"></th>
                                                <th class="text-center"
                                                    id="grandTotalBalance"></th>
                                            </tr>
                                            </tfoot>--}}
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div> {{-- div class="tab-content" --}}
                        <br>

                    </div>
                </div>
            </div> {{-- div panel-body --}}
        </div> {{-- Div panel panel-default panel-border --}}
    </div>
    <script>
        "use strict";

        $(document).ready(function () {
            function money(value) {
                if (typeof value === 'undefined' || isNaN(value) || value === null || value === '') {
                    return 0;
                }

                if (typeof value === 'string') {
                    value = Number(value.replace(/[^0-9.-]+/g, ""));
                }

                if (!Number.isInteger(value)) {
                    value = parseFloat(value).toFixed(2);
                }

                return value;
            }

            // DataTable
            $('#datatable').DataTable({
                sDom: "ltipr", // For removeing default Search bar //
                processing: true,
                serverSide: true,
                ordering: false,
                ajax: {
                    "url": "{{ Request::url() }}",
                    "type": "POST",
                    '_token': $('input[name=_token]').val(),
                    "beforeSend": function () {
                        $('#loadingModal').show();
                    },
                    "data": {
                        application_id: `{{ base64_encode($applicant->id)}}`
                    }
                },
                drawCallback: () => $('#loadingModal').hide(),
                columns: [
                    {
                        data: "sl",
                        className: "text-align-left"
                    },
                    {
                        data: "fees_type_name",
                        className: "text-align-left"
                    },
                    {
                        data: "fees_type_code",
                        className: "text-align-left"
                    },
                    {
                        data: "status",
                        className: "text-align-center"
                    },
                    {
                        data: "td_amount",
                        className: "text-align-center"
                    },
                    {
                        data: "fees_bill_no",
                        className: "text-align-center"
                    },
                    {
                        data: "payment_method",
                        className: "text-align-center"
                    },
                    {
                        data: "payment_date",
                        className: "text-align-center"
                    },
                    // {
                    //     data: "discount",
                    //     className: "text-align-center"
                    // },
                    {
                        data: "td_paid",
                        className: "text-align-center"
                    }
                ],
              /*  footerCallback: function (data, rows) {
                    // Helper function to parse float values from the data


                    // Initialize totals
                    let totalAmount = 0;
                    let totalDiscount = 0;
                    let totalFine = 0;
                    let totalCollectedFine = 0;
                    let totalPaid = 0;
                    let totalBalance = 0;

                    // Iterate over the data array to calculate totals
                    rows.forEach(row => {
                        totalAmount += money(row['amount']);
                        totalDiscount += money(row['discount']);
                        totalFine += money(row['fine']);
                        totalCollectedFine += money(row['fine']);
                        totalPaid += money(row['paid']);
                        totalBalance += money(row['balance']);
                    });

                    let totalFineField = '';
                    if (totalFine > 0) {
                        totalFineField = `<span class="text-danger" title="Fine">+ ${totalFine}</span>`;
                    }
                    totalPaid = totalPaid === 0 ? null : totalPaid;
                    // Update footer with calculated totals
                    $('#grandTotalAmount').html(`${totalAmount} ${totalFineField}`);
                    $('#grandTotalDiscount').html(totalDiscount === 0 ? null : totalDiscount);
                    $('#totalCollectedFine').html(totalCollectedFine === 0 ? null : totalCollectedFine);
                    $('#grandTotalPaid').html(totalPaid);
                    $('#grandTotalBalance').html(totalBalance);
                }*/
            });
        });
    </script>
@endsection