@extends('layouts.contentLayoutMaster')

@php
$breadcrumbs = [[['link' => route('parent.indebt.index'), 'name' => "المديونيات"],['name'=> 'مديونية طالب  ']],['title'=> 'مديونية طالب  ']];
@endphp

@section('title', 'مديونية طالب ')
@section('vendor-style')
@endsection

@section('page-style')
    <link rel="stylesheet" href="{{ asset('css/custom/children/payments.css') }}">
@endsection


@section('content')


<!-- Striped rows start -->
<x-ui.table>
    <x-slot name="title"> مديونية الطالب {{$student->student_name}}  لولي الامر  {{$guardian->user->first_name.' '.$guardian->user->last_name}}  </x-slot>
    <x-slot name="cardbody">قائمة المديونيات .. {{$list->count()}} مديونية</x-slot>

    <x-slot name="thead">
        <tr>
            <th scope="col">الاجراءات</th>
            <th scope="col">سنة المديونية </th>
            <th scope="col">كود التعاقد</th>
            <th scope="col">حالة الدفع</th>
            <th scope="col">اجمالي المديونية</th>
            <th scope="col">المبلغ المدفوع</th>
            <th scope="col">المتبقي</th>
        </tr>
    </x-slot>

    <x-slot name="tbody">
        <tbody>
        @foreach ($list as $key => $record)
            <tr>
            <td>

        @can('guardian-indebt-list')
                    @if(!$record->status  && round($record->total_amount - $record->total_paid,2) > 0)
                        <a class="payAction openPayment"  href="{{ route('parent.inDebtTransaction',[$record->id]) }}">ادفع</a>
                    @endif
            @endcan

        </td>
                <td>{{ $record->academic_year_name }}</td>
                <td>{{ $record->contract_id }}</td>
                <td><span class="badge bg-{{ \App\Models\Debt::STATUSCOLORS[$record->status] }}">{{ \App\Models\Debt::STATUS[$record->status] }}</span></td>
                <td>{{ $record->total_amount }} ر.س</td>
                <td>{{ $record->total_paid }} ر.س</td>
                <td>{{ round($record->total_amount - $record->total_paid,2) }} ر.س</td>

        </tr>
        @endforeach
        </tbody>
    </x-slot>

</x-ui.table>
<x-ui.SideDeletePopUp />
<x-ui.SideCancelPopUp />

<!-- Striped rows end -->
@endsection