@extends('layouts.default')

@section('styles')
    <link type="text/css" rel="stylesheet" href="/assets/cs/pages/hoa/association-fees/payment.css"/>
@stop

@section('scripts')
    <script type="text/javascript" src="https://checkout.stripe.com/checkout.js"></script>
    <script type="text/javascript" src="/assets/js/pages/hoa/association-fees/payment.js"></script>
@stop

@section('panel-heading')
    <strong>Association Fees Payment</strong>
@stop

@section('panel-presentation')
@stop

@section('content')
    <meta name="email" content="{{ auth()->user()->email }}">
    <meta name="stripe-key" content="{{ config('services.stripe.key') }}">
    <meta name="payment-name" content="{{ $paymentName }}">
    <meta name="payment-description" content="{{ $paymentDescription }}">
    <meta name="payment-amount" content="{{ 100 * $paymentAmount }}">
    <div id="payment_page">
        <div class="row">
            <div class="col-12">
                <p>
                    Please use the payment button below if you would like to make your monthly dues payment online.
                    This is a one time payment, not a scheduled payment.  We may setup the ability to make scheduled payments in the future.
                </p>
                <p>
                    Please be insured that your payment is secure, and is processed by Stripe, a trusted and well established payment processor.
                    If you have any questions regarding the amount of your payment, please contact our association treasurer.
                </p>
                <p>
                    Please note, as shown below, that when making an online payment, you will be charged an additional processing fee which is 2.9%
                    of your total payment.  This processing fee is included to offset the charge with the association pays to accept your online
                    payment.
                </p>
            </div>
        </div>
        <div class="row billing-address-row my-3">
            <div class="col-12">
                <h4 class="text-center ui-priority-primary">
                    Payment for {{ auth()->user()->first_name . ' ' . auth()->user()->last_name . ', ' . auth()->user()->associationUnit->address }}
                </h4>
            </div>
        </div>
        <div class="row applied-fees-row">
            <div class="col">
                <fieldset class="p-2 col-md-6 offset-md-3" col-lg-4 offest-lg-4>
                    <legend>Applied Fees</legend>
                    <table id="charge_tbl" class="w-100">
                        <thead>
                            <tr class="bg-secondary text-white">
                                <th class="px-2">Fee</th>
                                <th class="px-2">Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($paymentFees as $paymentFee)
                                <tr>
                                    <td class="px-2">{{ $paymentFee->name }}</td>
                                    <td class="px-2">${{ number_format($paymentFee->amount, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td class="px-2 font-weight-bold">Total Fees</td>
                                <td class="px-2 font-weight-bold">${{ number_format($paymentAmount, 2) }}</td>
                            </tr>
                        </tfoot>
                    </table>

                </fieldset>
            </div>
        </div>
        <div class="row payment-btn-row text-center my-5">
            <div class="col-12">
                <button id="pay-dues-btn" type="submit" class="ui-state-default">Pay Monthly Dues</button>
            </div>
        </div>
        @if ($previousPayment)
            <div class="row prev-payment-row text-center">
                <div class="col-12">
                    <small>
                        Your previous payment of {{ number_format($previousPayment->amount / 100.00, 2) }} was on {{ Carbon::createFromTimestamp
                        ($previousPayment->created)->format("M d, Y") }}
                    </small>
                </div>
            </div>
        @endif
        <div class="row">
            <div class="col-12 payment-col">
                <form id="payment-form" action="/hoa/association-fees/payment/process" method="POST">

                    <input type="hidden" name="stripeToken" id="stripeToken"/>
                    <input type="hidden" name="stripeEmail" id="stripeEmail"/>
                    <input type="hidden" name="stripeAmount" id="stripeAmount"/>
                    <input type="hidden" name="stripeAddressCity" id="stripeAddressCity"/>
                    <input type="hidden" name="stripeAddressState" id="stripeAddressState"/>
                    <input type="hidden" name="stripeAddressLine1" id="stripeAddressLine1"/>
                    <input type="hidden" name="stripeAddressZip" id="stripeAddressZip"/>
                    {{ csrf_field() }}
                </form>
            </div>
        </div>
    </div>

@stop