@extends('layouts.app')

@section('content')
<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <div>
        <h1 class="h3 mb-2 text-gray-800">Guarantors List</h1>        
            
            <hr>
    </div>
    

    <!-- My Guarantors DataTale -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">My Guarantors</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Member Number</th>
                            <th>Member Name</th>
                            <th>Ref No.</th>
                            <th>Description</th>
                            <th>Loan Amount</th>
                            <th>Guaranteed Amount</th>
                            <th>Guarantee Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                   
                    <tbody>
                        @foreach($guarantors as $guarantor)
                        @if($guarantor->created_by == Auth()->user()->id)
						<tr>
                            <td>{{ $guarantor->user->member_number}}</td>
                            <td>{{ $guarantor->user->fname}} {{ $guarantor->user->lname}}</td>
                            <td>{{$guarantor->loan->loan_no}}</td>
                            <td>{{ $guarantor->loan->loanType->name }}</td>
                            <td> {{ number_format($guarantor->loan->applied_amount) }}</td>                           
                         
                            <td>{{ number_format($guarantor->guarantee_amount) }}</td>
                           
                            @if($guarantor->guarantee_status  =='pending')
                            <td><span class="badge bg-info">Pending</span></td>
                            @elseif(($guarantor->guarantee_status =='approved'))
                            <td><span class="badge bg-success">Approved</span></td>
                            @elseif(($guarantor->guarantee_status =='rejected'))
                            <td><span class="badge bg-warning">Rejected</span></td>
                                                       
                            @endif
						    <td>
                                <div class="dropdown">
                                    <div class="cursor-pointer font-24 dropdown-toggle " data-bs-toggle="dropdown"><i class='fas fa-ellipsis-h'></i>
                                    </div>
                                    <div class="dropdown-menu dropdown-menu-end"> 
                                        <a class="dropdown-item" href="#" class="approve" data-bs-toggle="modal" data-bs-target="#show{{$guarantor->id}}">View</a>                                       
                                        <a class="dropdown-item" href="#" class="reject" data-bs-toggle="modal" data-bs-target="#editLoanModal{{$guarantor->id}}">Replace</a>
                                                                                
                                    </div>
                                </div>
                                                                
                            </td>
                        </tr>
                        @endif
                        @endforeach
                       
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>


@endsection