@extends('layouts.adminapp')

@section('content')

{{-- Member Registeration --}}
<x-app-flash/>

<div class=" py-1 d-flex flex-row justify-content-between">
    <div>
        {{-- <h1 class="h3 mb-2 text-gray-800">{{$FundList->title}}</h1> --}}
    </div>
    <div>
        <form action="" method="GET" action="{{route('QuickView')}}">
            @csrf
            <input type="hidden" name="select_keyword" id="SelectKeyword" value="H">
            <input type="hidden" name="member_id" id="SelectKeyword" value="{{$Member->House->registernumber}}">
            <button class="btn btn-info btn-icon-split btn-sm" type="submit">
                <span class="icon text-white-50">
                    <i class="fas fa-eye"></i>
                </span>
                <span class="text">{{__('lng.HouseDetails')}}</span>
            </button>
        </form>
    </div>
</div>

@include('Member.MemberCard')

<div class="row mt-4">
    @foreach ($VoucherTypes as $VoucherType)
    <div class="col-sm-3">
        <a href="#">
        <form method="GET" id="DonationForm{{$VoucherType->id}}" action="{{route('ReceiptVoucher.create',$VoucherType->title)}}">
            @csrf
            <input type="hidden" name="member_id" value="{{$Member->id}}">
            <a class="non_underline" onclick="document.getElementById('DonationForm{{$VoucherType->id}}').submit();">
                <div class="card bg-success text-white shadow mb-4">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-white-50 small">{{__('lng.Donation')}}</div>
                                <div class="text-md font-weight-bold">{{$VoucherType->title}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-money-bill-wave-alt text-gray-300"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
    </form>
    </a>
    </div>
    @endforeach
</div>



<div class="card shadow mb-4">
    <div class="card-body">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="PaymentVoucher-tab" data-toggle="tab" data-target="#divPaymentVoucher" type="button" role="tab" aria-controls="profile" aria-selected="false">{{__('lng.Donation')}}</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="PaymentVoucherVoucher-tab" data-toggle="tab" data-target="#divPaymentVoucherVoucher" type="button" role="tab" aria-controls="home" aria-selected="true">{{__('lng.FundListDetails')}}</button>
            </li>
        </ul>
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane show active fade" id="divPaymentVoucher" role="tabpanel" aria-labelledby="profile-tab">
                <div class="card">
                    <div class="card-body">
                        <h6 class="m-3 font-weight-bold text-primary">{{__('lng.Donation')}}</h6>
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">{{__('lng.Date')}}</th>
                                        <th scope="col">{{__('lng.Voucher')}}</th>
                                        <th scope="col">{{__('lng.Head')}}</th>
                                        <th scope="col">{{__('lng.Amount')}}</th>
                                        <th scope="col" class="text-center">{{__('lng.Action')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $si=0; @endphp
                                    @foreach ($Donations as $Donation)
                                    <tr>
                                        @php $Date =  date("d-m-Y",strtotime($Donation->date));@endphp
                                    <td>{{++$si}}</td>
                                    <td>{{$Date}}</td>
                                    <td>{{$Donation->VoucherType->title ?? ''}}</td>
                                    <td>{{$Donation->payhead->title ?? ''}}</td>
                                    <td>@amount($Donation->amount)</td>
                                    <td class="text-center">
                                        <form method="POST" action="{{route('ReceiptVoucher.destroy',[$Donation->id,$Donation->VoucherType->title])}}" Id="form-delete-{{$Donation->id}}">
                                        @csrf
                                        @method('delete')
                                        <a class="btn btn-danger btn-circle btn-sm" onclick="
                                        event.preventDefault();
                                        if(confirm('Are you sure delete this'))
                                        {
                                            document.getElementById('form-delete-{{$Donation->id}}').submit();
                                        }" data-bs-placement="bottom" title="{{__('lng.Delete')}}">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                        </form>
                                    </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="table-responsive mt-3">
                          {{$Donations->appends($_GET)->links()}}
                      </div>
                      <table class="table table-bordered">
                        <thead class="mt-3">
                            <th colspan="4" style="text-align: right">{{__('lng.TotalAmount')}}</th>
                            <th colspan="2">@currency($DonationTotal)</th>
                        </thead>
                      </table>
                    </div>
                    <div class="card-footer">
              
                       <form method="POST" action="{{ route('HouseQuickDonationPrint') }}" enctype='multipart/form-data'>
                          @csrf
                          <input type="hidden" name="author" value="{{$Member->id}}">
                          <div class="d-flex  justify-content-end">
                             <button type="submit" class="btn btn-sm btn-info btn-icon-split">
                                <span class="icon text-white-50">
                                   <i class="fas fa-print"></i>
                                </span>
                                <span class="text">{{ __('lng.Print') }}</span>
                             </button>
                          </div>
                       </form>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="divPaymentVoucherVoucher" role="tabpanel" aria-labelledby="home-tab">
                <div class="card">
                    <div class="card-body">
                        <h6 class="m-3 font-weight-bold text-primary">{{__('lng.FundListDetails')}}</h6>
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">{{__('lng.Date')}}</th>
                                        <th scope="col">{{__('lng.FundList')}}</th>
                                        <th scope="col">{{__('lng.CollectionAmount')}}</th>
                                        <th scope="col">{{__('lng.Payed')}}</th>
                                        <th scope="col">{{__('lng.Status')}}</th>
                                        <th scope="col">{{__('lng.Action')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $si=$FundListAmount=$AddAmount=$Collection=0; @endphp
                                    @foreach ($FundListDetails as $FundListDetail)
                                    <tr>
                                        @php $Date =  date("d-m-Y",strtotime($FundListDetail->date));@endphp
                                    <td>{{++$si}}</td>
                                    <td>{{$Date}}</td>
                                    <td>{{$FundListDetail->FundList->title ?? ''}}</td>
                                    <td>@amount($FundListDetail->amount)</td>
                                    <td>
                                        <ul class="list-group">
                                            @foreach ($FundListDetail->Payments()->where('isCancelled',false)->orWhereNull('isCancelled')->get() as $Payment)
                                                <li class="list-group-item p-2 m-0">
                                                    <div class="d-flex justify-content-between">
                                                        <div>@amount($Payment->amount)</div>
                                                        <div>
                                                            
                                                            <div class="d-flex flex-row align-items-center">
                                                            {{-- <button class="btn btn-sm btn-circle btn-outline-primary ml-2" onclick="PaymentEditFill('{{$Payment}}')"><i class="fas fa-pen"></i></button> --}}
                                                           
                                                            <button class="btn btn-sm btn-circle btn-outline-danger ml-2" data-bs-toggle="tooltip" data-bs-placement="bottom" onclick="
                                                            event.preventDefault();
                                                            if(confirm('Are you sure delete this'))
                                                            {
                                                                document.getElementById('form-delete-{{ $Payment->id }}').submit();
                                                            }"><i class="fas fa-trash"></i>
                                                            </button>
                                                            </div>
                                                             <form method="POST" action="{{ route('FundListPayment.destroy', $Payment->id) }}"
                                                                Id="form-delete-{{ $Payment->id }}">
                                                                @csrf
                                                                @method('delete')                                                            
                                                            </form>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex justify-content-between">
                                                        <small class="font-weight-bold">{{$Payment->vouchernumber}}</small>
                                                        <small>{{date('d-m-Y',strtotime($Payment->date))}}</small>
                                                    </div>
                                                </li>
                                                @php
                                                    $AddAmount+=$Payment->amount;
                                                @endphp
                                            @endforeach
                                        </ul>
                                    </td>
                                    <td>
                                        @if($FundListDetail->amount<=$FundListDetail->Payments()->where('isCancelled',false)->orWhereNull('isCancelled')->sum('amount'))
                                         
                                        <div class="d-flex flex-row align-items-center">   
                                            <i class="fas fa-check text-success mr-2"></i> {{__('lng.Completed')}}
                                        </div>
                                        @else
                                        <div class="d-flex flex-row align-items-center">
                                            <i class="fas fa-times text-danger mr-2"></i> {{__('lng.Pending')}}
                                        </div>
                                        @endif
                                    </td>
                                    <td class="text-center">  
                                        @php
                                            $VoucherType=$FundListDetail->FundList->voucher_type_id;
                                            $VoucherNo=\App\Models\FundListPayment::where('vouchertype_id',$VoucherType)->max('vouchernumber')+1;
                                        @endphp       
                                        <button onclick="PaymentAddNew({{$FundListDetail->id}},{{$FundListDetail->amount}},{{$VoucherNo}},'{{$FundListDetail->FundList->VoucherType->vouchernumber}}');"
                                            class="btn btn-success btn-circle btn-sm" data-bs-toggle="tooltip"
                                            data-bs-placement="bottom" title="{{ __('lng.Payment') }}">
                                            <i class="fas fa-money-bill-wave-alt"></i>
                                        </button>
                                    </td>
                                    </tr>
                                    @php
                                        $FundListAmount+=$AddAmount;
                                        $Collection+=$FundListDetail->amount;
                                        $AddAmount=0;
                                    @endphp
                                    @endforeach
                                    <tr>
                                        <th colspan="3" style="text-align: right">{{ __('lng.Total') }}</th>
                                        <th >@currency($Collection)</th>
                                        <th >@currency($FundListAmount)</th>
                                        <th colspan="2">
                                            <div class="d-flex flex-row align-items-center">
                                                @if ($FundListAmount - $Collection   >= 0)  
                                                    <i class="fas fa-check text-success mr-2"></i> {{__('lng.Completed')}}
                                                @else
                                                    <i class="fas fa-times text-danger mr-2"></i> {{__('lng.Pending')}}
                                                @endif
                                            </div>
                                        </th>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer">
              
                       <form method="POST" action="{{ route('HouseQuickFundListPrint') }}" enctype='multipart/form-data'>
                          @csrf
                          <input type="hidden" name="author" value="{{$Member->id}}">
                          <div class="d-flex  justify-content-end">
                             <button type="submit" class="btn btn-sm btn-info btn-icon-split">
                                <span class="icon text-white-50">
                                   <i class="fas fa-print"></i>
                                </span>
                                <span class="text">{{ __('lng.Print') }}</span>
                             </button>
                          </div>
                       </form>
                    </div>
                </div>
            </div>            
        </div>
    </div>
    {{-- <div class="card-footer table-responsive" id="card-footer">
        
    </div> --}}

    
    {{-- payment modal --}}
    <div class="modal fade" id="modalPayment" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form action="{{route('FundListPayment.store')}}" method="POST" id="frmPayment">
            @csrf
            <div id="divForMethod"></div>
            <input type="hidden" name="fund_list_details_id" id="hdnFundListDetailsID"/>
            <div class="modal-dialog modal-md" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">{{ __('lng.Payment') }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                                <div class="col-lg-12 col-sm col-md form-group" id="txtVoucherDiv" style="display: none">
                                    <label for="txtVoucherNumber">{{__('lng.VoucherNo')}}</label>
                                    <input type="text" id="txtVoucherNumber" name="vouchernumber" class="form-control"/>
                                </div>
                            <div class="col-lg-12 col-sm col-md form-group">
                                <label for="dtDate">{{__('lng.Date')}}</label>
                                <input type="date" id="dtDate" name="date" class="form-control"/>
                            </div>
                            <div class="col-lg-12 col-sm col-md form-group">
                                <label for="cbHead">{{__('lng.Head')}}</label>
                                <select class="form-control" id="cbHead" name="head" >
                                    @php
                                        echo App\Http\Controllers\DonationController::DonationHeadListForCombo(0);
                                    @endphp
                                </select>
                            </div>
                            <div class="col-lg-12 col-sm col-md form-group">
                                <label for="numAmount">{{__('lng.Amount')}}</label>
                                <input type="number" id="numAmount" name="amount" class="form-control"/>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('lng.Close') }}</button>
                        <button type="submit" class="btn btn-success">{{ __('lng.Save') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>


    <script>
        function PaymentAddNew(DetailsID,Amount,VoucherNo,VoucherNumbaring)
        {
            document.getElementById('divForMethod').innerHTML="";
            document.getElementById('frmPayment').reset();
            document.getElementById('frmPayment').action="{{route('FundListPayment.store')}}";
            document.getElementById('numAmount').value=Amount;
            document.getElementById('hdnFundListDetailsID').value=DetailsID;
            document.getElementById('dtDate').value='{{date('Y-m-d')}}';
            
            if(VoucherNumbaring == 'Manual'){
                document.getElementById('txtVoucherDiv').style.display='block';
                document.getElementById('txtVoucherNumber').value=VoucherNo;
            }
            else{
                document.getElementById('txtVoucherDiv').style.display='none';
            }
            $('#modalPayment').modal('show');
        }
    </script>

    



</div>





@endsection