@extends('layouts.app')
@section('styles')
    <style>
        .pagination {
            display: inline-flex;
            margin: 0 auto;
        }
    </style>

@endsection
@section('content')
    @include('partials.home_menu.menu')
    <div class="col-sm-12">
        <div class="card-large card-default card-body" ng-controller="invoiceCtrl">


            <h3 class="text-center blue-text"><span><img src="{{asset('css/social-icons/quote.svg')}}" alt="clipboard"
                                             width="5%"></span> Invoice - #{{$invoice->reference}}({{$invoice->status}})
            </h3>
            <input type="hidden" name="quotation" id="quotation" value="{{$invoice->quotation_id}}">
            <br>
            Created {{\Carbon\Carbon::parse($invoice->created_at)->format('d M Y')}}

            <input type="hidden" name="invoice" id="invoice" value="{{$invoice->id}}">
            <input type="hidden" name="order" id="order" value="{{$invoice->order_id}}">
            <br>
            <hr>
            <h3 class="blue-text">
                View Sent Invoice
            </h3>
            <br>
            <a class="chip btn blue-text" ng-click="generateInvoice()">Invoice <i class="fa fa-download"></i></a>
            <br>
            @if($invoice->status == 'Sent')
                <hr>
                <h3 class="blue-text">
                    Add Billing Address
                </h3>
                <br>
                <input type="text" class="form-control" name="billing_address" id="billing_address"
                       placeholder="Enter Billing Address">
                <br>
                <hr>
                @if($invoice->payment_method == 'EcoCash' || $invoice->payment_method == 'TeleCash' || $invoice->payment_method == 'OneMoney' || $invoice->payment_method == 'Visa'  )
                    <div>
                        <h3 class="blue-text">
                            Make Payment
                        </h3>
                        <br>
                        <h5> Total: USD $ {{number_format($invoice->total,2,',','.')}}
                        </h5>
                        <h5> Total: RTGS $ {{number_format($invoice->total * 125,2,',','.')}}
                        </h5>
                        <p style="font-size: small; font-weight: bold"><i>(NB: Amount does not include transfer charges.)</i></p>

                        <input type="hidden" name="amount" id="amount" value="{{$invoice->total}}">
                        <br>
                        <hr>
                        <a class="chip btn grey darken-4 white-text" ng-click="paynow()"><span ng-show="loading"><i
                                        class="fa fa-sync fa-spin"></i> Processing...</span><span ng-show="!loading">Pay via Ecocash / OneMoney / TeleCash</span></a>
                        <a class="chip btn blue darken-4 white-text" ng-click="paynowVisa()"><span ng-show="loading"><i
                                        class="fa fa-sync fa-spin"></i> Processing...</span><span ng-show="!loading">Pay via Visa / MasterCard</span></a>
                        <br><br>
                        <p style="font-size: small; font-weight: bold"><i>(You will be redirected to Paynow to complete
                                your
                                payment.)</i></p>
                    </div>
                @elseif($invoice->payment_method == 'Medical Aid')
                    <div>
                        <h3 class="blue-text">
                            Accept Payment
                        </h3>
                        <br>
                        <h5> Total: $ {{number_format($invoice->total,2,',','.')}}
                        </h5>

                        <input type="hidden" name="amount" id="amount" value="{{$invoice->total}}">
                        <br>
                        <hr>
                        <a class="chip btn red white-text" ng-click="acceptMedicalAidPayment()"><span ng-show="loading"><i
                                        class="fa fa-sync fa-spin"></i> Processing...</span><span ng-show="!loading">Accept Invoice</span></a>
                    </div>

                @elseif($invoice->payment_method == 'Visa')
                    <div>
                        <h3 class="blue-text">
                            Accept Payment
                        </h3>
                        <br>
                        <h5> Total: $ {{number_format($invoice->total,2,',','.')}}
                        </h5>

                        <input type="hidden" name="amount" id="amount" value="{{$invoice->total}}">
                        <br>
                        <hr>
                        <button id="checkout-button" class="chip btn red white-text">
                            Pay via Visa / MasterCard
                        </button>
                    </div>

                @else
                    <div>
                        <h3 class="blue-text">
                            Accept Payment
                        </h3>
                        <br>
                        <h5> Total: $ {{number_format($invoice->total,2,',','.')}}
                        </h5>

                        <input type="hidden" name="amount" id="amount" value="{{$invoice->total}}">
                        <br>
                        <hr>
                        <a class="chip btn red white-text" ng-click="acceptpayment()"><span ng-show="loading"><i
                                        class="fa fa-sync fa-spin"></i> Processing...</span><span ng-show="!loading">Accept and Pay On Delivery</span></a>
                    </div>
                @endif
            @endif


        </div>
        <br><br>


    </div>

@endsection