@extends('layouts.app')

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

    <!-- Page Heading -->
    <div>
        <h1 class="h3 mb-2 text-gray-800">My Approvals</h1>
        
            <br>
            <hr>
    </div>
    

    <!--Guarantor Requests DataTale -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Guarantor Requests</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Member Requesting</th>
                            <th>Member Number</th>
                            <th>Ref No</th>
                            <th>Loan Type</th>
                            <th>Loan Amount</th>
                            <th>Guaranteed Amount</th>
                            <th>Guarantee Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                   
                    <tbody>
                        
                        @foreach($guarantees as $guarantee)
                        <tr>
                        @if($guarantee->user_id == Auth()->user()->id)
						    @foreach($loans as $loan)
                            @php
                            $availableBalance = $loan->guarantee_balance;
                            @endphp
                            @if($loan->id == $guarantee->loan_id)
                                <td>{{$loan->user->fname }} {{$loan->user->lname }}</td>
                                <td>{{$loan->user->member_number }}</td>
                                <td>{{$loan->loan_no}}</td>
                                <td>{{$loan->loanType->name}}</td>
                                <td>{{ number_format($loan->applied_amount) }}</td>
                            @endif
                            @endforeach
                            <td>{{ number_format($guarantee->guarantee_amount) }}</td>                                                       
                           
                           
                            @if($guarantee->guarantee_status  =='pending')
                            <td><span class="badge bg-info">Pending</span></td>
                            @elseif(($guarantee->guarantee_status =='approved'))
                            <td><span class="badge bg-success">Approved</span></td>
                            @elseif(($guarantee->guarantee_status =='rejected'))
                            <td><span class="badge bg-warning">Rejected</span></td>
                                                       
                            @endif
                            @if($guarantee->guarantee_status  =='pending')
									<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="show" data-bs-toggle="modal" data-bs-target="#show{{$guarantee->id}}">View</a>
												<a class="dropdown-item" href="#" class="approve" data-bs-toggle="modal" data-bs-target="#approve{{$guarantee->id}}">Approve</a>
												<a class="dropdown-item" href="#" class="reject" data-bs-toggle="modal" data-bs-target="#reject{{$guarantee->id}}">Reject</a>
																						
											</div>
										</div>
									</td>
                                    <!--Approve Modal-->
                                    <div class="modal fade" id="approve{{$guarantee->id}}" tabindex="-1" aria-labelledby="approveLabel{{$guarantee->id}}" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="approveLabel{{$guarantee->id}}">Approve</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                            <form action="{{ route('guarantor.approve', $guarantee->id) }}" method="post" enctype="multipart/form-data"> 
                                            @csrf
                                                <div class="modal-body">
                                                Are you sure you want to guarantee this amount {{number_format($guarantee->guarantee_amount)}}?

                                                <div class="col-md-12">
                                                    <label for="guarantee_amount" class="form-label">Edit Amount<sup><i class='fas fa-asterisk' style='font-size:7px;color:red'></i></sup></label>
                                                            
                                                    <input type="number" class="form-control @error('guarantee_amount') is-invalid @enderror" id="guarantee_amount" 
                                                    value="{{ old('guarantee_amount', $guarantee->guarantee_amount) }}" name="guarantee_amount" step="0.01" min="1" required>
                                                    @error('guarantee_amount')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                                </div>
                                                
                                                <div>
                                                    <a target="_blank" href="#">Read Terms and Conditions</a>
                                                   </div>
                                                 </div>
                                               
                                                
                                                <div class="modal-footer">
                                                    <div class="form-btn">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                        <button type="submit" class="submit btn btn-primary">Confirm</button>
                                                    </div>
                                                </div>
                                            </form>	
                                            </div>
                                            </div>
                                        </div>
                                        <!--Reject Modal-->
                                    <div class="modal fade" id="reject{{$guarantee->id}}" tabindex="-1" aria-labelledby="approveLabel{{$guarantee->id}}" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="approveLabel{{$guarantee->id}}">Reject</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                            <form action="{{ route('guarantor.reject', $guarantee->id) }}" method="post" enctype="multipart/form-data"> 
                                            @csrf
                                                <div class="modal-body">
                                               Confirm you do not want to guarantee this loan.
                                                <div class="modal-footer">
                                                    <div class="form-btn">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                        <button type="submit" class="submit btn btn-primary">Confirm</button>
                                                    </div>
                                                </div>
                                            </form>	
                                            </div>
                                            </div>
                                        </div>
                                    @else
						    <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="show" data-bs-toggle="modal" data-bs-target="#show{{$guarantee->id}}">View</a>                                       
                                                                                
                                    </div>
                                </div>
                                                                
                            </td>
                            @endif
                            @endif
                        </tr>
                        @endforeach
                       
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>


@endsection
@pushOnce('scripts')

<script>
    @if(session('success'))
    Swal.fire({
        icon: 'success',
        title: 'Success',
        text: '{{ session('success') }}',
        showConfirmButton: false,
        timer: 2000
    });
    @endif
    @if($errors->any())
    Swal.fire({
        icon: 'error',
        title: 'Validation Error',
        text: '{!! implode('\\n', $errors->all()) !!}',
        confirmButtonText: 'OK'
    });
    @endif
</script>

    
@endPushOnce