@extends('layouts.contentLayoutMaster')

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

@section('title', 'مديونيات اولياء الامور ')
@section('vendor-style')
@endsection

@section('page-style')
@endsection


@section('content')

<x-forms.search route="indebt.index">
    <div class="row mb-1">
        <div class="col-md">
            <x-inputs.text.Input :required="false" icon="search" label="اليحث" name="search" placeholder="يمكنك البحث عن اسم ولي الامر او هويته" />
        </div>

    </div>



    <x-slot name="export">
        <div class="btn-group">
            <button class="btn btn-outline-secondary waves-effect" name="action" type="submit" value="export_xlsx"><em data-feather='save'></em> اكسل</button>
            <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split waves-effect" data-bs-toggle="dropdown" aria-expanded="false">
                <span class="visually-hidden"></span>
            </button>
            <div class="dropdown-menu dropdown-menu-end">
                <button class="dropdown-item" name="action" type="submit" value="export_pdf"><em data-feather='save'></em> PDF</button>
            </div>
        </div>
    </x-slot>

</x-forms.search>

<!-- Striped rows start -->
<x-ui.table>
    <x-slot name="title">مديونيات اولياء الامور  </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>
        </tr>
    </x-slot>

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

        @can('indebt-list')
                <a href="{{ route('indebt.show',$record->guardian_id) }}"><button class="btn btn-outline-secondary waves-effect" type="button" ><em data-feather='users'></em> الابناء </button></a>
            @endcan

        </td>
            <td>{{ $record->guardian_name }}</td>
            <td>{{ $record->guardian_national_id }}</td>
                <td>{{ $record->total_debts }} ر.س</td>
                <td>{{ $record->total_paids }} ر.س</td>
                <td>{{ round($record->total_debts - $record->total_paids,2) }} ر.س</td>

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

    <x-slot name="pagination">
        {{ $list->appends(request()->except('page'))->links() }}
    </x-slot>
</x-ui.table>
<x-ui.SideDeletePopUp />
<x-ui.SideCancelPopUp />

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