@extends('layouts.app')
@section('title')
    {{ __('messages.subscription_plans.payment_type') }}
@endsection
@section('page_css')
    <link href="{{ asset('landing_front/css/jquery.toast.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('header_toolbar')
    <div class="container-fluid">
        <div class="d-md-flex align-items-center justify-content-between mb-5">
            <div class="mb-0"></div>
            <div class="text-end mt-4 mt-md-0">
                <a href="{{ url()->previous() }}" class="btn btn-outline-primary">{{ __('messages.common.back') }}</a>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <div class="container-fluid">
        @include('flash::message')
        <div class="d-flex flex-column">
            <div class="card">
                @php
                    $cpData = getCurrentPlanDetails();
                    $planText = $cpData['isExpired'] ? __('messages.new_change.current_expired_plan') : __('messages.new_change.current_plan');
                    $currentPlan = $cpData['currentPlan'];
                @endphp
                <div class="card-body p-lg-10">
                    <div class="row">
                        @if (currentActiveSubscription()->ends_at >= \Carbon\Carbon::now())
                            <div class="col-md-6 col-12 mb-md-0 mb-10">
                                <div class="card p-5 me-md-2">
                                    <div class="card-header  px-0">
                                        <h3 class="card-title align-items-start flex-column">
                                            <span class="text-primary mb-1 me-0">{{ $planText }}</span>
                                        </h3>
                                    </div>
                                    <div class="card-body py-3 px-0">
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">
                                                {{ __('messages.subscription_plans.plan_name') }}</h4>
                                            <span class="text-muted  mt-1">{{ $cpData['name'] }}</span>
                                        </div>
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">{{ __('messages.new_change.plan_price') }}</h4>
                                            <span class="text-muted  mt-1">
                                                <span class="mb-2">
                                                    {{ getAdminCurrencySymbol($currentPlan->currency) }}
                                                </span>
                                                {{ number_format($currentPlan->price) }}
                                            </span>
                                        </div>
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">
                                                {{ __('messages.subscription_plans.start_date') }}</h4>
                                            <span class="text-muted mt-1">{{ $cpData['startAt'] }}</span>
                                        </div>
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">
                                                {{ __('messages.subscription_plans.end_date') }}</h4>
                                            <span class="text-muted mt-1">{{ $cpData['endsAt'] }}</span>
                                        </div>
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">
                                                {{ __('messages.subscription_plans.used_days') }}</h4>
                                            <span class="text-muted mt-1">{{ $cpData['usedDays'] }}
                                                {{ __('messages.prescription.days') }}</span>
                                        </div>
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">{{ __('messages.new_change.remaining_days') }}
                                            </h4>
                                            <span class="text-muted mt-1">{{ $cpData['remainingDays'] }}
                                                {{ __('messages.prescription.days') }}</span>
                                        </div>
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">{{ __('messages.new_change.used_balance') }}
                                            </h4>
                                            <span class="text-muted  mt-1">
                                                <span class="mb-2">
                                                    {{ getAdminCurrencySymbol($currentPlan->currency) }}
                                                </span>
                                                {{ $cpData['usedBalance'] }}
                                            </span>
                                        </div>
                                        <div class="d-flex align-items-center plan-border-bottom py-2">
                                            <h4 class="plan-data mb-0 me-5">
                                                {{ __('messages.subscription_plans.remaining_balance') }}</h4>
                                            <span class="text-muted  mt-1">
                                                <span
                                                    class="mb-2">{{ getAdminCurrencySymbol($currentPlan->currency) }}</span>
                                                {{ $cpData['remainingBalance'] }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @php
                            $newPlan = getProratedPlanData($subscriptionsPricingPlan->id);
                        @endphp
                        <div class="col-md-6 col-12">
                            <div class="card p-5 ms-md-2">
                                <div class="card-header px-0">
                                    <h3 class="card-title align-items-start flex-column">
                                        <span
                                            class="text-primary mb-1 me-0">{{ __('messages.new_change.new_plan') }}</span>
                                    </h3>
                                </div>
                                <div class="card-body py-3 px-0">
                                    <div class="d-flex align-items-center plan-border-bottom py-2">
                                        <h4 class="plan-data mb-0 me-5">{{ __('messages.subscription_plans.plan_name') }}
                                        </h4>
                                        <span class="text-muted mt-1">{{ $newPlan['name'] }}</span>
                                    </div>
                                    <div class="d-flex align-items-center plan-border-bottom py-2">
                                        <h4 class="plan-data mb-0 me-5">{{ __('messages.new_change.plan_price') }}</h4>
                                        <span class="text-muted  mt-1">
                                            <span class="mb-2">
                                                {{ getAdminCurrencySymbol($subscriptionsPricingPlan->currency) }}
                                            </span>
                                            {{ number_format($subscriptionsPricingPlan->price) }}
                                        </span>
                                    </div>
                                    <div class="d-flex align-items-center plan-border-bottom py-2">
                                        <h4 class="plan-data mb-0 me-5">{{ __('messages.subscription_plans.start_date') }}
                                        </h4>
                                        <span class="text-muted mt-1">{{ $newPlan['startDate'] }}</span>
                                    </div>
                                    <div class="d-flex align-items-center plan-border-bottom py-2">
                                        <h4 class="plan-data mb-0 me-5">{{ __('messages.subscription_plans.end_date') }}
                                        </h4>
                                        <span class="text-muted mt-1">{{ $newPlan['endDate'] }}</span>
                                    </div>
                                    <div class="d-flex align-items-center plan-border-bottom py-2">
                                        <h4 class="plan-data mb-0 me-5">{{ __('messages.bill.total_days') }}</h4>
                                        <span class="text-muted  mt-1">{{ $newPlan['totalDays'] }}
                                            {{ __('messages.prescription.days') }}</span>
                                    </div>
                                    <div class="d-flex align-items-center plan-border-bottom py-2">
                                        <h4 class="plan-data mb-0 me-5">{{ __('messages.new_change.pre_plan') }}</h4>
                                        <span class="text-muted  mt-1">
                                            {{ getAdminCurrencySymbol($subscriptionsPricingPlan->currency) }}
                                            {{ $newPlan['remainingBalance'] }}
                                        </span>
                                    </div>
                                    <div class="d-flex align-items-center plan-border-bottom py-2">
                                        <h4 class="plan-data mb-0 me-5">{{ __('messages.new_change.payable_amount') }}</h4>
                                        <span class="text-muted mt-1">
                                            {{ getAdminCurrencySymbol($subscriptionsPricingPlan->currency) }}
                                            {{ $newPlan['amountToPay'] }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>