@extends('front.layout')
@section('custom-style')
<style>
    .login-registration-submit-button
    {
        background: #fff!important;
        width:100%;
        color:#000;
    }

    .get-subscription-btn
    {

    }
    .login-registration-submit-button:hover, .get-subscription-btn:hover
    {
        background: #FD1600!important;
    }

    .movies-collection-image
    {
        width:100%;
        height:300px;
    }
     .active{
            color:#292826!important;
        }
        .pages-content
        {
            color:#292826!important;
            margin:0px 50px;
        }

        .breadcrump-section
        {
            padding-top:70px;
            background: #000f1e!important;
        }

        .subscription-column
        {
            background:#f4f4f4;
            padding:10px;
            border-radius: 10px;
            color:#000;
            height:300px;
        }

        #payment-btn-area
        {
            display: none;
            background: #8446E4;
        }
        /* .colour-eac035
        {
            color:#fff;
        } */

        .payment-button-image
        {
            height:70px;
            width:auto;
            border-radius: 5px;
        }
        .btn-payment
        {
            background: #000;
            border:0;
            padding:0;
            padding-right: 10px;
        }

        .nav-tabs .nav-item {
            margin-right: 10px;
        }

        .tab-content
        {
            background: #fff;
            padding:30px 50px;
            color:#000;
        }
        
        .gt-sub-btn:hover{
            color:#fff !important;
        }
</style>
@endsection
@section('content')
    <main id="content">



        <section class="breadcrump-section">
            <div class="py-6 pt-lg-9 pb-lg-11 mb-lg-10" style="margin-bottom: 0px!important;padding:20px 0px!important; background: #DFA326;">
                <div class="container px-md-5 mb-lg-2">
                    <h6 class="font-size-30 font-weight-semi-bold text-center mb-1">My Account</h6>
                    <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center p-0">

                    <li class="breadcrumb-item active" aria-current="page">Manage Your Account</li>

                    </ol>
                    </nav>
                 </div>

            </div>
        </section>



    <!--overlay-->

    <div class="bg-gray-1100 space-1">
        <div class="container px-md-6 px-xl-7 px-wd-6 pb-3 pt-1">
            <div class="pb-4">
                <div class="border-g-1200-op mb-1 pb-3">
                    <div class="dark">

                        @include('front.my-account.tabs')
                          <div class="tab-content" style="overflow-x:auto;">
                            <h3>Hi {{ Auth::user()->name }},</h3>
                            @if(isset(Auth::user()->subscriptionDetail->expire_on))
                                @if(\Carbon\Carbon::now() > \Carbon\Carbon::parse(Auth::user()->subscriptionDetail->expire_on))
                                    <p>Your suscription expired on
                                        <b>
                                            {{ \Carbon\Carbon::parse(Auth::user()->subscriptionDetail->expire_on)->format('d M, Y h:i a') }}.
                                        </b>
                                    </p>
                                    <p>To renew your subscription click on the below button.</p>
                                    <a class="gt-sub-btn btn btn-primary mb-3" style="background-color:#DFA326 !important;color:rgba(0,0,.8) !important;" href="{{ route('front.getSubscription') }}">Click to Buy Subscription</a>
                                @else
                                <p>Your suscription will expire on
                                    <b>
                                    {{ \Carbon\Carbon::parse(Auth::user()->subscriptionDetail->expire_on)->format('d M, Y h:i a') }}.
                                    </b>
                                </p>
                                @endif
                                <h4>Transaction History:</h4>


                                @if(isset($payPalTransactions) && $payPalTransactions->count() > 0)
                                <h6>PayPal Transactions:</h6>
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Subscription</th>
                                            <th>Amount</th>
                                            <th>Payment Id</th>
                                            <th>Status</th>
                                            <th>Datetime</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($payPalTransactions as $item)
                                        <tr>
                                            <td>
                                                @if(isset($item->subscription) && isset($item->subscription->title))
                                                    {{ $item->subscription->title }} ({{ $item->subscription->days }} days)
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>{{ $item->currency }} {{ $item->amount }}</td>
                                            <td>{{ $item->payment_id }}</td>
                                            <td>{{ $item->payment_status }}</td>
                                            <td>{{ $item->created_at->format('d M, Y h:i a') }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                
                                <div class="gt-sub-btn btn btn-primary my-2 mb-3"  style="background-color:#DFA326 !important;color:rgba(0,0,.8) !important;">For all your subscription enquiries email: subscriptions@verity.live</div>
                                @endif

                                @if(isset($mPesaTransactions) && $mPesaTransactions->count() > 0)
                                <h6>m-Pesa Transactions:</h6>
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Subscription</th>
                                            <th>Amount</th>
                                            <th>Checkout Request Id</th>
                                            <th>Status</th>
                                            <th>Datetime</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($mPesaTransactions as $item)
                                        <tr>
                                            <td>  
                                                @if(isset($item->subscription) && isset($item->subscription->title))
                                                    {{ $item->subscription->title }} ({{ $item->subscription->days }} days)
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>USD. {{ $item->amount }}</td>
                                            <td>{{ $item->CheckoutRequestID }}</td>
                                            <td>{{ $item->paid_status }}</td>
                                            <td>{{ $item->created_at->format('d M, Y h:i a') }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                
                                <div class="gt-sub-btn btn btn-primary my-2"  style="background-color:#DFA326 !important;color:rgba(0,0,.8) !important;">For all your subscription enquiries email: subscriptions@verity.live</div>
                               
                                @endif


                            @else
                            <p>You don't have any subscription.</p>
                            <p>To access our premium content buy a subscription by click on the below button.</p>
                            <a class="gt-sub-btn btn btn-primary mb-3"  style="background-color:#DFA326 !important;color:rgba(0,0,.8) !important;" href="{{ route('front.getSubscription') }}">Click to Buy Subscription</a>
                            
                            <div class="gt-sub-btn  btn btn-primary text-left w-100 my-2"  style="background-color:#DFA326 !important;color:rgba(0,0,.8) !important;">For all your subscription enquiries email: subscriptions@verity.live</div>
                               
                            @endif
                          </div>

                    </div>
                </div>
            </div>
            <!--Dakar Section End-->




        </div>
    </div>

    </main>
@endsection

@section('custom-script')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

@endsection