@extends('layouts.header')
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<style>
    .table tr>td, th>b{
        font-size: 13px;
        padding: 12px;
    }
    #zero_config tr>td{
        border-bottom: solid 1px #d8d8d8;
    }
    thead tr>th{
        padding: 0px;
    }
</style>

@section('content')
<div class="row">
    <div class="col-md-12 grid-margin">
        <div class="d-flex justify-content-between flex-wrap">
        <div class="d-flex align-items-end flex-wrap">
            <div class="mr-md-3 mr-xl-5">
            <h2>Manage Payments</h2>
            <div class="d-flex">
            <i class="mdi mdi-home text-muted hover-cursor"></i>
            <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;Payment&nbsp;/&nbsp;</p>
            <p class="text-primary mb-0 hover-cursor">Manage Payments</p>
            </div>
            </div>
            
        </div>
        </div>
    </div>
</div>

<div class="container-fluid"> 
    <!-- Row -->
    <div class="row">
        @if ($message = Session::get('error'))
            <div class="alert alert-danger">
                <strong>{{ $message }}</strong>
            </div>
        @endif
        {{-- <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form method="POST" action="{{ route('payment.search-policy-holder') }}">
                        @csrf
                        <div class="row">
                            <div class="form-group col-2" style="text-align:right">
                                <label style="padding-top:7px"><b>Select Policy Holder: </b></label>
                            </div>
                            <div class="form-group col-8">
                                <select class="form-control" name="policy_holder">
                                    <option value="" selected disabled>Choose here...</option>
                                    @foreach($policy_holders as $holder)
                                    <option value="{{ $holder->policy_holder_id }}">{{ $holder->policy_holder_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-2">
                               <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Search</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div> --}}
        {{-- {{ dd($holder) }} --}}
        @if($payments != NULL)
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <table class="table">
                        <tr>
                            <td width="33%"><b>TOTAL BILLING </b></td>
                            <td width="33%"><b>TOTAL POSTED AMOUNT </b></td>
                            <td width="33%" class="text-danger"><b>CURRENT TOTAL AMOUNT DUE </b></td>
                        </tr>
                        <tr>
                            <td><h3>&#8369; {{ number_format($billing,2,".",",") }}</h3></td>
                            <td><h3>&#8369; {{ number_format($posted_payment,2,".",",") }}</h3></td>
                            <td class="text-danger"><h3>&#8369; {{ number_format($billing-$posted_payment,2,".",",") }}</h3></td>
                        </tr>
                    </table>
                    
                </div>
                    
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <small><b><span class="text-danger">*</span>NOTE:</b> Payment should be posted to appear in the Statement of Account.</small>
                        </div>
                        <div class="col-md-6">
                            <a href="{{ url('payment/'.$policyHolder) }}" class="btn btn-success {{ $enable_payment==false ? 'disabled' : '' }}" style="float:right"><i class="fas fa-plus"></i> New Payment</a>
                        </div>
                    </div>
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><b>POSTED</b></a>
                        </li>
                        <li class="nav-item">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><b>UNPOSTED</b></a>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="table-responsive">
                                <table id="zero_config" class="table table-striped table-bordered">
                                    <thead class="bg-secondary text-white">
                                        <tr>
                                            <th><b>O.R. DATE</b></th>
                                            <th><b>O.R. NUMBER</b></th>
                                            <th><b>POLICY HOLDER</b></th>
                                            <th><b>AMOUNT PAID</b></th>
                                            <th><b>STATUS</b></th>
                                            <th><b>ACTION</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($payments as $payment)
                                        <tr>
                                            <td>{{ date('M j, Y',strtotime($payment->or_date)) }}</td>
                                            <td>{{ $payment->or_number }}</td>
                                            <td>{{ strtoupper($payment->policy_holder_name) }}</td>
                                            <td class="text-right">&#8369;{{ number_format($payment->payment_amt + $payment->adjustment_amt,2,".",",") }}</td>
                                            <td>@if($payment->is_posted == 'Yes') <span style="color:green"><b>POSTED</b></span> @else <span style="color:red"><b>UNPOSTED</b></span> @endif</td>
                                            <td><a href="{{ url('payment/'.$policyHolder.'/'.$payment->payment_id) }}" class="btn btn-XS btn-secondary">View</a></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6">No data available.</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                                <br>
                                {{ $payments->links() }}
                            </div> 
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="table-responsive">
                                <table id="zero_config" class="table table-striped table-bordered">
                                    <thead class="bg-secondary text-white">
                                        <tr>
                                            <th><b>O.R. DATE</b></th>
                                            <th><b>O.R. NUMBER</b></th>
                                            <th><b>POLICY HOLDER</b></th>
                                            <th><b>AMOUNT PAID</b></th>
                                            <th><b>STATUS</b></th>
                                            <th><b>ACTION</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($unposted_payment_lists as $unposted_payment)
                                        <tr>
                                            <td>{{ date('M j, Y',strtotime($unposted_payment->or_date)) }}</td>
                                            <td>{{ $unposted_payment->or_number }}</td>
                                            <td>{{ strtoupper($unposted_payment->policy_holder_name) }}</td>
                                            <td class="text-right">&#8369;{{ number_format($unposted_payment->payment_amt,2,".",",") }}</td>
                                            <td>@if($unposted_payment->is_posted == 'Yes') <span style="color:green"><b>POSTED</b></span> @else <span style="color:red"><b>UNPOSTED</b></span> @endif</td>
                                            <td><a href="{{ url('payment/'.$policyHolder.'/'.$unposted_payment->payment_id) }}" class="btn btn-XS btn-secondary">View</a></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6">No data available.</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                                <br>
                                {{ $unposted_payment_lists->links() }}
                            </div> 
                        </div>
                    </div>
                    
                    
                </div>
            </div>

            {{-- <div class="card">
                <div class="card-body">
                    <table class="table">
                        <tr>
                            <td width="50%"><h5>TOTAL POSTED AMOUNT: &#8369;{{ number_format($total_posted,2,".",",") }}</h5></td>
                            <td width="50%"><h5>TOTAL UNPOSTED AMOUNT: &#8369;{{ number_format($total_unposted,2,".",",") }}</h5></td>
                        </tr>
                    </table>
                </div>
            </div> --}}
        </div>
        @endif
    </div>
    <!-- End Row -->
</div>


@endsection