@extends('layouts.admin')
<title>{{ config('app.name', 'Laravel') }} | Enrollements</title>
<style>
    .dtbl_dropdown .dataTables_length {
        width: 65px;
    }

    .dtbl_dropdown .dataTables_length label {
        width: 100%;
    }

    .card {
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .target_div{
        max-height: 540px;
        overflow-y: auto;
        background-color: transparent;
        padding: 0.9% 0%;
    }
    a{
        color: #566a7f !important;
    }
</style>

<link rel="stylesheet" href="{{asset('assets/css/toggle.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/card_inside_data_table.css')}}">
@section('main-content')

<!-- Content wrapper -->
<div class="content-wrapper">
    <!-- Content -->
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="fw-bold py-3 mb-1"><span class="text-muted fw-light">Enrollment /</span> {{ isset($user[0]->first_name)?ucwords($user[0]->first_name):" " }} {{ isset($user[0]->last_name)?ucwords($user[0]->last_name):" " }}</h4>

        <div class="row">
            <div class="col-md-6 col-lg-4 mb-4 mt-5">
                <div class="card h-70">
                    <!-- Profile Image -->
                    <div class="text-center mt-3" >
                        @if(isset($parent[0]->profile_photo_path))
                            <img src="{{ $parent[0]->profile_photo_path}}" alt="user" class="rounded-circle" width="150" height="150" />
                        @else
                            <img src="{{ URL::asset('assets/images/users/avatar.jpg') }}" alt="user" class="rounded-circle" width="150" height="150" />
                        @endif
                    </div>

                    <div class="card-body">
                        <h5 class="mb-3 bg-secondary text-white rounded p-2">{{($is_parent==true)?"Parent Details":"User Details"}}</h5>
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($user[0]->first_name)?ucwords($user[0]->first_name):" " }} {{ isset($user[0]->last_name)?ucwords($user[0]->last_name):" " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($user[0]->email)?ucwords($user[0]->email):( isset($parent[0]->email) ?" ( Parent - ".ucwords($parent[0]->email)." ) ":"Not Specified") }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($user[0]->phone)?$user[0]->phone:( isset($parent[0]->phone) ?" ( Parent - ".ucwords($parent[0]->phone)." ) ":"Not Specified") }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($user[0]->gender)?$user[0]->gender:" Not Specified " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($user[0]->dob)?(calculate_age($user[0]->dob)."y/o ( ".dateformatter($user[0]->dob)." )"):" Not Specified " }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
           
            <div class="col-md-12 col-lg-8 target_div rounded">
                <div class="card">
                    <div class="table dataTable text-nowrap dtbl_dropdown">
                        <table class="table cardTable" id="services">
                            <thead>
                                <tr>
                                    <th>id</th>
                                    <th>Column 1</th>
                                    <th>Column 2</th>
                                </tr>
                            </thead>
                            <tbody class="table-border-bottom-0">
                                @if(count($enrollments) != 0 && !empty($enrollments))
                                    @for ($i =0 ; $i < count($enrollments); $i+=2)
                                        <tr id="row_{{$enrollments[$i]->id}}">
                                            <td style="display: none;">{{$i}}</td>
                                            @for ( $j=$i ;  $j<$i+2; $j++)
                                                @if ($j<count($enrollments))
                                                    <td>    
                                                        <div class="card w-30 cardBox">
                                                            <img class="card-img-top" src="../assets/img/elements/2.jpg" alt="Card image cap">
                                                            <div class="card-body">
                                                            <h4 class="card-title"><a href="/batch-details/{{$enrollments[$j]->studentbatch->id}}">{{ ucwords($enrollments[$j]->studentbatch->name)}}</a></h4>
                                                            <h5><a href="/course-details/{{$enrollments[$j]->studentcourse->id}}">{{ "( ".ucwords($enrollments[$j]->studentcourse->coursename)." )"}}</a></h5>
                                                            <ul class="card-text">
                                                                <li>
                                                                    {{ ucwords($enrollments[$j]->student->first_name)." ".ucwords($enrollments[$j]->student->last_name) }}
                                                                </li>
                                                                <li>Enrollment : {{dateformatter($enrollments[$j]->created_at)}}</li>

                                                            </ul>
                                                            </div>
                                                        </div>
                                                    </td>
                                                @else
                                                    <td></td>       
                                                @endif
                                            @endfor
                                        </tr>
                                    @endfor
                                @else
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    @if (count($enrollments) == 0)
                    <h5>No enrollment details available.</h5>
                    @endif
                </div>
            </div> 
        </div>
    </div>
</div>
@endsection