@extends('admin.layout.index')
@section('content')
    @include("admin.layout.nav",["title" => trans('language.dashboard')])
    <div class="d-flex flex-column-fluid">
        <div class="container">
            <div id="kt_app_content" class="app-content  flex-column-fluid ">
                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container  container-xxl ">
                    <!--begin::Careers main-->
                    <div class="d-flex flex-column flex-xl-row">
                        <!--begin::Content-->
                        <div class="col-md-12">
                            <section class=" " id="collapseExample2">
                                <div class="row">
                                    <div class="col-lg-12 col-xl-12 stretch-card mb-8 ">
                                        <div class="card">
                                            <div class="card-body">

                                                <h3 class="card-title"> قائمه طلبات منح ديون </h3>

                                                <div class="table-responsive">
                                                    <table id="demo-foo-addrow"
                                                           class="table  m-t-30 table-hover contact-list  "
                                                           data-page-size="50">
                                                        <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>اسم صاحب الدين </th>
                                                            <th>رقم جوال صاحب الدين </th>
                                                            <th>الغرض من الدين</th>

                                                            <th>أصل مبلغ الدين</th>
                                                            <th>المبلغ المسدد</th>
                                                            <th>المبلغ المتبقي</th>

                                                            <th>ملخص المنحة ( 120 حرف فقط )</th>
                                                            <td>تفاصيل</td>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($items as $item)
                                                            <tr>
                                                                <td>{{$loop->iteration }}</td>
                                                                <td>{{$item->debt_owner_name}}</td>
                                                                <td>{{$item->debt_owner_mobile}}</td>
                                                                <td>{{$item->debt_reason}}</td>


                                                                <td>{{$item->debt_full_amount}}</td>
                                                                <td>{{$item->debt_paid_amount}}</td>
                                                                <td>{{$item->debt_miss_amount}}</td>

                                                                <td>{{$item->application_summary}}</td>
                                                                <td>
                                                                    <a target="_blank"
                                                                       href="{{route("client.applications.debtDetails",$item->id)}}"
                                                                       class="btn btn-primary">عرض</a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <!-- end ../ children table -->

                        </div>
                        <!--end::Careers main-->
                    </div>
                    <!--end::Content container-->
                </div>
            </div>
        </div>
    </div>
@endsection