@extends('website.layouts.master')

@section('title') أبنائي @endsection

@section('content')
    <link href="https://cdn.jsdelivr.net/npm/@fullcalendar/core/main.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid/main.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/@fullcalendar/timegrid/main.css" rel="stylesheet" />
    @component('website.common-components.breadcrumb')
        @slot('title')  أبنائي   @endslot
        @slot('li_1') Pages  @endslot
    @endcomponent
    <!-- Start Card Style -->
    <div class="rbt-dashboard-area  rbt-section-gapBottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Start Dashboard Top  -->

                    <!-- End Dashboard Top  -->

                    <div class="row g-5">

                        @component('website.parents.common-components.student-sidebar')
                        @endcomponent
                            <div class="col-lg-9">
                                @if(session('success'))
                                    <div class="alert alert-success">{{ session('success') }}</div>
                                @endif
                                @if(session('error'))
                                    <div class="alert alert-danger">{{ session('error') }}</div>
                                @endif


                                <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--60">
                                    <div class="content">
                                        <div class="section-title">
                                            <h4 class="rbt-title-style-3">أبنائي</h4>

                                        </div>

                                        <div class="row g-5 justify-content-center">
                                            @foreach($students as $student)
                                                <div class="col-md-6">
                                                    <a href="{{route('parent.showStudent',$student->id)}}">
                                                        <div class="card-container ">
                                                            <div id="ccard-demo" class="card">
                                                                <div class="charge-name-wrapper">
                                                                    <div class="charge-name-text">{{$student->id}} # {{$student->name}} </div>
                                                                </div>
                                                                <div class="card-name-wrapper text-center w-100">
                                                                    <div class="card-name">
                                                                        ( {!! \App\Helpers\StudentHelper::statuses($student->currentEnrollment?->status ?? 'new') ?? 'غير مباشر' !!} )


                                                                        {{ $student->currentEnrollment?->level?->name ?? 'غير مباشر' }} - {{ $student->currentEnrollment?->section?->name ?? '' }}
                                                                    </div>


                                                                </div>
                                                                <div class="card-flag">
                                                                    <div class="card-security">
                                                                        <div class="card-security-foil"><img src="{{asset('backend/assets/img/logo.png')}}" alt="" style="height: 100%;filter: brightness(0) invert(1);opacity: 0.3;width: 100px;
    margin-top: 5px;
    margin-right: 20px;"></div>
                                                                    </div>
                                                                </div>
                                                                <div>
                                                                    @php
                                                                        $totalFees = $student->fees->sum('final_amount') ?? 0;
                                                                        $totalPayments = $student->fees->sum('total_payment') ?? 0;
                                                                        $remaining = $totalFees - $totalPayments;
                                                                    @endphp

                                                                    <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal"
                                                                       class="text-white btn btn-black rbt-btn"
                                                                       style="position: absolute; bottom: 10px; left: 10px; background: #061018;
          height: 30px; border-radius: 0 0 30px 0; line-height: 30px;">
                                                                        متبقي للدفع : {{ number_format($remaining, 2) }} دت
                                                                    </a>
                                                                    {{--                                                                <a href="#"  data-bs-toggle="modal" data-bs-target="#transferingModal" class="text-white btn btn-black rbt-btn" style="position: absolute;bottom: 10px;right: 10px;background: #515151;--}}
                                                                    {{--        height: 30px;border-radius: 30px 0 0 0;--}}
                                                                    {{--        line-height: 30px;">تحويل الرصيد</a>--}}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>

                                                </div>

                                            @endforeach



                                        </div>

                                    </div>
                                </div>

                            </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        .fc-scroller{
            overflow: hidden!important;
        }
    </style>
    <!-- End Card Style -->
    <div class="rbt-separator-mid">
        <div class="container">
            <hr class="rbt-separator m-0">
        </div>
    </div>


@endsection

@section('script')

@endsection