@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    <div style="margin-bottom: 100px">
        <div class="viewTitle">
            <div class="panel-options">
                <a href="{{route('eims_student_list')}}"
                   class="btn btn-info pull-right addViewBtn"><i
                        class="glyphicon glyphicon-plus-sign addIcon"></i>{{$pageTitle}} List</a>
            </div>
            <h2 class="text-center text-white" style="font-family: Antiqua,serif;letter-spacing: 2px">
                {{$pageTitle}} 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>
                    <li>
                        <a id="courseSubjectTabButton" href="#courseSubjectTab" data-toggle="tab">
                            <span class=""><i class="fa fa-book"></i></span>
                            <span class="hidden-xs">
                                {{$companyType== 'UNV' ? 'Courses': 'Subjects'}}
                            </span>
                        </a>
                    </li>
                </ul> {{-- ul nav nav-tabs --}}
                <hr>
                <div class="row ">
                    <div class="col-sm-2">
                        <img src="{{ asset('images/eims/student/'. $student->photo) }}"
                             style="height: 200px; width: 200px;" class="img-responsive"
                             alt="{{$student->name}}">
                        <h4><strong>{{$student->name}}</strong></h4>
                        <p>
                            <strong>{{$companyType == 'UNV' ? 'Program': 'Medium/Version'}}:</strong>
                            {{$student?->eims_program?->name ?? null}}
                        </p>
                        <p>
                            <strong>{{$companyType == 'UNV' ? 'Semester': 'Class'}}:</strong>
                            {{$student->eims_semester_class?->name}}
                        </p>
                        @if($companyType !== 'UNV')
                            <p>
                                <strong>Group:</strong>
                                {{$student->eims_semester_class_group?->name}}
                            </p>
                            <p>
                                <strong>Section:</strong>
                                {{$student->eims_section?->name}}
                            </p>
                        @endif
                        <p>
                            <strong>Admission No:</strong>
                            {{$student->admission_no}}
                        </p>
                        <p>
                            <strong>Roll No:</strong>
                            {{$student->roll_no}}
                        </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>{{$student->admission_no}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Name:</td>
                                                <td>{{$student->name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Phone Number:</td>
                                                <td>{{$student->phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Email:</td>
                                                <td>{{$student->email}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Gender:</td>
                                                <td>{{ ucfirst($student->gender)}}</td>
                                            </tr>
                                            @if($companyType === 'UNV')
                                                <tr>
                                                    <td>#</td>
                                                    <td>Marital Status:</td>
                                                    <td>{{ ucfirst($student->marital_status)}}</td>
                                                </tr>
                                            @endif
                                            <tr>
                                                <td>#</td>
                                                <td>Date Of Birth:</td>
                                                <td>{{$student->dob->format('d-m-Y')}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td> Religion:</td>
                                                <td>{{$student->religion}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Blood Group:</td>
                                                <td>{{$student->blood_group}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Nationality:</td>
                                                <td>{{$student->nationality}}</td>
                                            </tr>
                                            @if($companyType !== 'UNV')
                                                <tr>
                                                    <td>#</td>
                                                    <td>Birth Certificate ID:</td>
                                                    <td>{{$student->birth_certificate_id}}</td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td>#</td>
                                                    <td>National ID:</td>
                                                    <td>{{$student->national_id}}</td>
                                                </tr>
                                            @endif
                                            <tr>
                                                <td>#</td>
                                                <td>Father's Name:</td>
                                                <td>{{$student->father_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Father's Phone:</td>
                                                <td>{{$student->father_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Father's Occupation:</td>
                                                <td>{{$student->father_occupation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Mother's Name:</td>
                                                <td>{{$student->mother_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Mother's Phone:</td>
                                                <td>{{$student->mother_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Mother's Occupation:</td>
                                                <td>{{$student->mother_occupation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Guardian's Name:</td>
                                                <td>{{$student->guardian_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Guardian's Phone:</td>
                                                <td>{{$student->guardian_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Guardian's Occupation:</td>
                                                <td>{{$student->guardian_occupation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Permanent Address:</td>
                                                <td>
                                                    {{$student->permanent_village_house_no}}
                                                    , {{$student->permanent_po_road_no}}
                                                    , {{$student->permanent_ps}}
                                                    , {{$student->permanent_dist}}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Present Address:</td>
                                                <td>
                                                    {{$student->present_village_house_no}}
                                                    , {{$student->present_po_road_no}}
                                                    , {{$student->present_ps}}
                                                    , {{$student->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>{{$student->emergency_contact_person_name}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Relation:</td>
                                                <td>{{$student->emergency_contact_person_relationship}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Designation:</td>
                                                <td>{{$student->emergency_contact_person_designation}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Phone Number:</td>
                                                <td>{{$student->emergency_contact_person_phone_number}}</td>
                                            </tr>
                                            <tr>
                                                <td>#</td>
                                                <td>Address:</td>
                                                <td>
                                                    {{$student->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($student->eims_student_educational_information as $student_educational_information)
                                                <tbody>
                                                <tr>
                                                    <td>
                                                        @php
                                                            $institute_type = match ($student_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>{{$student_educational_information->institute_name}}</td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    @if($student_educational_information->institute_type !== 'bachelor' && $student_educational_information->institute_type !== 'masters')
                                                        <td>Board:</td>
                                                        <td>{{$student_educational_information->eims_board?->name}}</td>
                                                    @else
                                                        <td>University:</td>
                                                        <td>{{$student_educational_information->institute_university}}</td>
                                                    @endif
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td>GPA:</td>
                                                    <td>{{$student_educational_information->institute_gpa}}</td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    @if($student_educational_information->institute_type !== 'bachelor' && $student_educational_information->institute_type !== 'masters')
                                                        <td>Group:</td>
                                                        <td>{{$student_educational_information->eims_group?->name}}</td>
                                                    @else
                                                        <td>Program:</td>
                                                        <td>{{$student_educational_information->institute_program}}</td>
                                                    @endif
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td>Year:</td>
                                                    <td>{{$student_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">Status</th>
                                                <th class="text-center text-nowrap">Fees</th>
                                                <th class="text-center text-nowrap">Fine</th>
                                                <th class="text-center text-nowrap">Transaction ID</th>
                                                <th class="text-center text-nowrap">Payment Method</th>
                                                <th class="text-center text-nowrap">Collection Date</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 class="tab-pane" id="courseSubjectTab">
                                <div class="row">
                                    <div class="col-sm-12 col-xs-12 ">
                                        {{-- Courses --}}
                                        <div class="panel-heading">
                                            <div class="panel-title">
                                                {{$companyType == 'UNV' ? 'Courses': 'Subjects'}}
                                            </div>
                                            {{-- courses list --}}
                                            <table
                                                class="table table-bordered table-responsive first-col-dark">
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>{{$companyType == 'UNV' ? 'Course': 'Subject'}} Name</th>
                                                    <th>Code</th>
                                                    <th>Group</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($enrolledCourseSubjects as $enrolledCourseSubject)
                                                    <tr>
                                                        <td>{{$loop->iteration}}</td>
                                                        <td>{{$enrolledCourseSubject->name}}</td>
                                                        <td>{{$enrolledCourseSubject->course_subject_code}}</td>
                                                        <td>{{$enrolledCourseSubject->eims_semester_class_group->name}}</td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div> {{-- div class="tab-content" --}}
                        </div>
                    </div>
                </div> {{-- div panel-body --}}
            </div> {{-- Div panel panel-default panel-border --}}
        </div>
        <script>
            "use strict";
            const student_id = '{{base64_encode($student->id)}}';
            $('#datatable').DataTable({
                sDom: "ltipr", // For removeing default Search bar //
                processing: true,
                serverSide: true,
                ordering: false,
                ajax: {
                    "url": "{{ route('eims_student_fees_collection_create') }}",
                    "type": "POST",
                    "beforeSend": function () {
                        $('#loadingModal').show();
                    },
                    "data": {
                        _token: $('input[name=_token]').val(),
                        student_id: student_id,
                    }
                },
                drawCallback: () => $('#loadingModal').hide(),
                columns: [
                    {
                        data: "sl",
                        className: "text-align-left"
                    },
                    {
                        data: "fees_type_name",
                        className: "text-align-left",
                        render: function (data, type, row) {
                            // if row.sl is empty then add padding to left
                            return row.sl ? data : `<span style="padding-left: 30px">${data}</span>`;
                        }
                    },
                  /*  {
                        data: "fees_type_code",
                        className: "text-align-left"
                    },*/
                    {
                        data: "status",
                        className: "text-align-center"
                    },
                    {
                        data: "td_amount",
                        className: "text-align-center"
                    },
                    {
                        data: "td_fine",
                        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