@extends('backend.layouts.app')
@section('content')
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-6 card-title"><h4>{{$page_title}}</h4></div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>User Info</th>
                                        <th>Amount Info</th>
                                        <th>Added By</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($list as $key=> $data)
                                        <tr>
                                            <td>{{($key+1) + ($list->currentPage() - 1)*$list->perPage()}}</td>
                                            <td>
                                                <b>Member Name:</b> {{$data->user->name}} <br>
                                                <b>Name:</b> {{$data->name}}
                                                <a href="{{imageUrl($data->member_image)}}" target="_blank">
                                                    <img src="{{imageUrl($data->member_image)}}">
                                                </a> <br>
                                                <b>Father / Husband Name:</b> {{$data->husband_father_name}} <br>
                                                <b>Contact Number:</b> {{$data->contact_number}} <br>
                                                <b>Address:</b> {{$data->address}} <br>
                                                <b>DMM Name:</b> {{$data->dmm_name}} <br>
                                                <b>DSM Name:</b> {{$data->dsm_name}}
                                            </td>
                                            <td>
                                                <div class="col-md-12">
                                                    <b>Requested Amount:</b> ₹ {{$data->amount}} <br>
                                                    <b>Approved Amount:</b> ₹ {{$data->approved_amount??'0'}} <br>
                                                    <b>File Charge:</b> ₹ {{$data->filing_charge??'0'}} <br>
                                                    <b>Deposited Amount:</b> ₹ {{$data->emi_sum_final_amount??'0'}} <br>
                                                    <b>Duration:</b> {{$data->duration??'0'}} Month<br>
                                                    <b>Date:</b> {{$data->created_at->format('d M Y h:i A')}}<br>
                                                </div>
                                            </td>
                                            <td>
                                                {{$data->addedBy?$data->addedBy->name:"--"}} <br>
                                                <b>Sakhi Name:</b> {{$data->sakhi_name}}
                                                <a href="{{imageUrl($data->staff_image)}}" target="_blank">
                                                    <img src="{{imageUrl($data->staff_image)}}">
                                                </a>
                                                <br>
                                                <b>Sakhi Phone:</b> {{$data->sakhi_phone}} <br>
                                            </td>
                                            <td>
                                                @if ($data->status=="approved")
                                                    <span class="badge rounded-pill bg-success">{{ucfirst($data->status)}}</span>
                                                @elseif ($data->status=="rejected")
                                                    <span class="badge rounded-pill bg-danger">{{ucfirst($data->status)}}</span>
                                                @else
                                                    <span class="badge rounded-pill bg-warning">{{ucfirst($data->status)}}</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($data->status == 'pending')
                                                    <x-edit-btn route="{{ route('fund.edit', $data->id) }}" />
                                                @endif
                                                @if ($data->status == 'approved')
                                                    <a class="btn btn-icon btn-primary btn-sm mr-1" href="{{route('fund.emi',$data->id)}}" title="EMI">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wallet" viewBox="0 0 16 16">
                                                            <path d="M0 3a2 2 0 0 1 2-2h13.5a.5.5 0 0 1 0 1H15v2a1 1 0 0 1 1 1v8.5a1.5 1.5 0 0 1-1.5 1.5h-12A2.5 2.5 0 0 1 0 12.5zm1 1.732V12.5A1.5 1.5 0 0 0 2.5 14h12a.5.5 0 0 0 .5-.5V5H2a2 2 0 0 1-1-.268M1 3a1 1 0 0 0 1 1h12V2H2a1 1 0 0 0-1 1"/>
                                                        </svg>
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty

                                        <tr>
                                            <td colspan="10" class="text-center text-danger">
                                                <i class="link-icon" data-feather="frown" style="width: 50px; height:50px;"></i><br>
                                                Opps!! There Are No Data Found..
                                            </td>
                                        </tr>

                                    @endforelse
                                </tbody>
                            </table>
                            <div class="mt-2">
                                {{ $list->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection