@extends('user.layout.app')
@section('title', 'Payments')
<style>
     .banner_img {
            background-image: url('{{ Auth::user()->cover_image ? asset('user/cover_image/' . Auth::user()->cover_image) : asset('default-cover.jpg') }}');
            height: 130px;
            background-size: cover;
            background-position: center;
        }
</style>
@section('banner_views')
<div class="banner_img">

</div>
@endsection
@section('content')
    <div class="container py-4">
        <h1 class="mb-4">Invoice</h1>

        <div class="row">
            <div class="col-md-6">
                <div class="card mb-4">
                    <div class="card-body">
                        <h2>Annual Membership</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat neque ac metus feugiat, sed
                            fringilla diam mattis. Duis consequat, ipsum ut sagittis pretium, odio nisl laoreet magna, non
                            scelerisque velit justo ac neque.</p>

                        @if (auth()->user()->annual_status)
                            <div class="already_pay">
                                <h4>You have already paid for the yearly membership.</h4>
                                <p>Date of Payment: {{ auth()->user()->annual_payment_date }}</p>
                                <a href="" class="btn btn-primary">Download Invoice</a>
                            </div>
                        @else
                            <p>You haven't paid for the yearly membership yet.</p>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card mb-4">
                    <div class="card-body">
                        <h2>Benevolent Fund</h2>
                        <h5>Benevolent Fund: Support When You Need It Most

                            A benevolent fund provides financial assistance to individuals or families during challenging times.
                            Whether facing illness, disability, or the loss of a loved one, the fund offers a safety net,
                            alleviating financial burdens. With your contribution, you can make a difference in someone's life.
                            Click the button below to contribute to our benevolent fund and support those in need.</h5>

                        @if (auth()->user()->b_fund_status)
                            <div class="already_pay">
                                <h4>You have already paid for the Benevolent Fund.</h4>
                                <p>Date of Payment: {{ auth()->user()->b_fund_payment_date }}</p>
                                <a href="" class="btn btn-primary">Download Invoice</a>
                            </div>
                        @else
                            <p>You haven't paid for the Benevolent Fund yet.</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection