@extends('layouts.teacher')

<title>{{ config('app.name', 'Laravel') }} | Teacher | Students</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: 560px;
        overflow-y: auto;
        background-color: transparent;
    }
    a{
        color: #566a7f !important;
    }
</style>
<link rel="stylesheet" href="{{asset('assets/css/card_inside_data_table.css')}}">

<link rel="stylesheet" href="{{asset('assets/css/toggle.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">Batches /</span> {{ isset($studentdetail->first_name)?ucwords($studentdetail->first_name):" " }} {{ isset($studentdetail->last_name)?ucwords($studentdetail->last_name):" " }}</h4>

        <div class="row mb-2">
            <div class="col-md-6 col-lg-4 mb-3">
                <div class="card h-70">
                    <!-- Profile Image -->
                    <div class="text-center mt-3 userProfile_img">
                        @if($studentdetail->profile_photo_path)
                            <img src="{{ $studentdetail->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">Student Details</h5>
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($studentdetail->first_name)?ucwords($studentdetail->first_name):" " }} {{ isset($studentdetail->last_name)?ucwords($studentdetail->last_name):" " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($studentdetail->email)?ucwords($studentdetail->email):($parentdetail && isset($studentdetail->gender)?ucwords($studentdetail->gender):" Gender not included yet " ) }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($studentdetail->phone)?ucwords($studentdetail->phone):($parentdetail && isset($studentdetail->dob)?(calculate_age($studentdetail->dob)."y/o ( ".dateformatter($studentdetail->dob)." )"):" Date of birth not include yet ") }}</td>
                                </tr>
                                @if (!$parentdetail)
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($studentdetail->gender)?ucwords($studentdetail->gender):" Gender not included yet " }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($studentdetail->dob)?(calculate_age($studentdetail->dob)."y/o ( ".dateformatter($studentdetail->dob)." )"):" Date of birth not include yet " }}</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                        @if( $parentdetail!='')
                            <h5 class="mb-3 mt-3 bg-secondary text-white rounded p-2">Parent Details</h5>
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($parentdetail->first_name)?ucwords($parentdetail->first_name):" " }} {{ isset($parentdetail->last_name)?ucwords($parentdetail->last_name):" " }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($parentdetail->email)?ucwords($parentdetail->email):" Mail not included yet " }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($parentdetail->phone)?ucwords($parentdetail->phone):" Mobile number not included yet " }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        @endif
                    </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($batches) != 0 && !empty($batches))
                                    @for ($i =0 ; $i < count($batches); $i+=2)
                                        <tr id="row_{{$batches[$i]->id}}">
                                            <td style="display: none;">{{$i}}</td>
                                            @for ( $j=$i ;  $j<$i+2; $j++)
                                                @if ($j<count($batches))
                                                    <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">{{strtoupper($batches[$j]->name)}}</h4>
                                                            <h5>( {{$batches[$j]->teacher->first_name ?? 'N/A'}} {{$batches[$j]->teacher->last_name ?? 'N/A' }} )</h5>
                                                            <ul class="card-text">
                                                                <li>Mode: {{strtoupper($batches[$j]->mode)}}</li>
                                                                <li>Standard: {{$batches[$j]->class_name}}</li>
                                                                <li>Start Time: {{date("h:i a", strtotime($batches[$j]->start_time))}}</li>
                                                                <li>End Time: {{date("h:i a", strtotime($batches[$j]->end_time))}}</li>
                                                            </ul>
                                                            <a href="/educatorbatch-details/{{$batches[$j]->uuid}}/{{$studentdetail->uuid}}" class="btn btn-primary text-white" target="_blank">View More !!!</a>
                                                            </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($batches) == 0)
                    <h5>No batch details available.</h5>
                    @endif
                </div>
            </div> 
        </div>
    </div>
</div>
@endsection