@extends('layout')
@section('title')
    <title>{{ __('translate.Purchase History') }}</title>
@endsection
@section('body-content')

<main>
    <!-- dashboard-part-start -->
    <section class="dashboard footer-top-pad">
        <div class="container">
            <div class="row">
                @include('profile.sidebar')

                <div class="col-xxl-9 col-xl-8 col-lg-8">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="manage-car two">
                                <div class="car_list_table dashboard-stack-table-wrap">
                                    <table class="table two dashboard-stack-table">
                                        <thead>
                                            <tr>
                                                <th>
                                                    {{ __('translate.Package') }}
                                                </th>
                                                <th>{{ __('translate.Expiration') }}</th>
                                                <th>{{ __('translate.Status') }}</th>
                                                <th>{{ __('translate.Amount') }}</th>
                                                <th>{{ __('translate.View') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($histories as $index => $purchase)
                                                @if ($purchase['kind'] === 'subscription')
                                                    @php($history = $purchase['model'])
                                                <tr>

                                                    <td data-label="{{ __('translate.Package') }}">
                                                        <span class="d-block text-muted small">{{ __('translate.Subscription Plan') }}</span>
                                                        {{ $history->plan_name }}
                                                    </td>

                                                    <td data-label="{{ __('translate.Expiration') }}">{{ $history->expiration }}</td>

                                                    <td data-label="{{ __('translate.Status') }}">


                                                        @if ($history->status == 'active')
                                                            @if ($history->expiration_date == 'lifetime')
                                                                <button type="button" class="no yes">{{ __('translate.Active') }}
                                                                </button>
                                                            @else
                                                                @if (date('Y-m-d') <= $history->expiration_date)
                                                                    <button type="button" class="no yes">{{ __('translate.Active') }}
                                                                    </button>
                                                                @else
                                                                    <button type="button" class="no">{{ __('translate.Expired') }}
                                                                    </button>
                                                                @endif
                                                            @endif
                                                        @elseif ($history->status == 'pending')
                                                                    <button type="button" class="no">{{ __('translate.Pending') }}
                                                                    </button>
                                                        @elseif ($history->status == 'expired')
                                                            <button type="button" class="no">{{ __('translate.Expired') }}
                                                            </button>
                                                        @endif

                                                    </td>
                                                    <td data-label="{{ __('translate.Amount') }}">
                                                        {{ currency($history->plan_price) }}
                                                    </td>

                                                    <td data-label="{{ __('translate.View') }}">
                                                        <div class="actions-btn-item">
                                                            <button type="button" class="actions-btn" data-bs-toggle="modal" data-bs-target="#showPurchaseHistory{{ $index }}">
                                                                <span>
                                                                    <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                        <path d="M7.79633 0.679688C5.12346 0.679688 2.69957 2.14204 0.910975 4.51729C0.765026 4.71188 0.765026 4.98375 0.910975 5.17835C2.69957 7.55646 5.12346 9.01881 7.79633 9.01881C10.4692 9.01881 12.8931 7.55646 14.6817 5.18121C14.8276 4.98661 14.8276 4.71475 14.6817 4.52015C12.8931 2.14204 10.4692 0.679688 7.79633 0.679688ZM7.98807 7.7854C6.21379 7.897 4.74857 6.43465 4.86018 4.65751C4.95176 3.1923 6.13938 2.00467 7.60459 1.9131C9.37887 1.80149 10.8441 3.26384 10.7325 5.04098C10.638 6.50334 9.45042 7.69096 7.98807 7.7854ZM7.89935 6.42893C6.94353 6.48903 6.15369 5.70205 6.21665 4.74623C6.2653 3.95638 6.90633 3.31822 7.69617 3.2667C8.65199 3.20661 9.44183 3.99359 9.37887 4.94941C9.32736 5.74211 8.68633 6.38028 7.89935 6.42893Z"></path>
                                                                    </svg>
                                                                </span>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @else
                                                    @php($order = $purchase['model'])
                                                <tr>
                                                    <td data-label="{{ __('translate.Package') }}">
                                                        <span class="d-block text-muted small">{{ __('translate.Individual promotion purchase') }}</span>
                                                        {{ $order->displayTitle() }}
                                                    </td>

                                                    <td data-label="{{ __('translate.Expiration') }}">{{ __('translate.Not applicable') }}</td>

                                                    <td data-label="{{ __('translate.Status') }}">
                                                        @if ($order->payment_status === 'success')
                                                            <button type="button" class="no yes">{{ __('translate.Success') }}</button>
                                                        @else
                                                            <button type="button" class="no">{{ __('translate.Pending') }}</button>
                                                        @endif
                                                    </td>

                                                    <td data-label="{{ __('translate.Amount') }}">{{ currency($order->amount) }}</td>

                                                    <td data-label="{{ __('translate.View') }}">
                                                        <div class="actions-btn-item">
                                                            <button type="button" class="actions-btn" data-bs-toggle="modal" data-bs-target="#showPurchaseHistory{{ $index }}">
                                                                <span>
                                                                    <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                        <path d="M7.79633 0.679688C5.12346 0.679688 2.69957 2.14204 0.910975 4.51729C0.765026 4.71188 0.765026 4.98375 0.910975 5.17835C2.69957 7.55646 5.12346 9.01881 7.79633 9.01881C10.4692 9.01881 12.8931 7.55646 14.6817 5.18121C14.8276 4.98661 14.8276 4.71475 14.6817 4.52015C12.8931 2.14204 10.4692 0.679688 7.79633 0.679688ZM7.98807 7.7854C6.21379 7.897 4.74857 6.43465 4.86018 4.65751C4.95176 3.1923 6.13938 2.00467 7.60459 1.9131C9.37887 1.80149 10.8441 3.26384 10.7325 5.04098C10.638 6.50334 9.45042 7.69096 7.98807 7.7854ZM7.89935 6.42893C6.94353 6.48903 6.15369 5.70205 6.21665 4.74623C6.2653 3.95638 6.90633 3.31822 7.69617 3.2667C8.65199 3.20661 9.44183 3.99359 9.37887 4.94941C9.32736 5.74211 8.68633 6.38028 7.89935 6.42893Z"></path>
                                                                    </svg>
                                                                </span>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endif
                                            @empty
                                                <tr class="not_found">
                                                    <td colspan="5" class="text-center" data-label="">{{ __('translate.Purchase History Not Found') }}</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        @if ($histories->hasPages())
                        <div class="col-lg-12">
                            {{ $histories->links('pagination_box') }}
                        </div>

                        @endif
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- dashboard-part-end -->

    @include('profile.logout')


    <!-- Payment Details Modal  start-->
    @foreach ($histories as $index => $purchase)
        @if ($purchase['kind'] === 'subscription')
            @php($history = $purchase['model'])
        <div class="modal modal-three fade" id="showPurchaseHistory{{ $index }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel2">
                            <a href="{{ route('home') }}" class="modal-logo" ><img src="{{ custom_asset($setting->logo, '48x48') }}" alt="logo"></a>
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="modal-body-item">
                            <ul class="modal-body-list">
                                <li> <span>{{ __('translate.Name') }}:</span> {{ html_decode($user->name) }}</li>
                                <li> <span>{{ __('translate.Phone') }}:</span> {{ html_decode($user->phone) }}</li>
                                <li> <span>{{ __('translate.Email') }}:</span> {{ html_decode($user->email) }}</li>
                                <li> <span>{{ __('translate.Location') }}:</span> {{ user_display_location($user) }}</li>
                            </ul>
                            <ul class="modal-body-list two">
                                <li> <span>{{ __('translate.Order ID') }}:</span> #{{ $history->order_id }}</li>
                                <li> <span>{{ __('translate.Amount') }}: </span>{{ currency($history->plan_price) }}</li>
                                <li> <span>{{ __('translate.Payment') }}: </span> {{ $history->payment_method }}</li>
                                <li> <span>{{ __('translate.Transaction') }}: </span>{!! clean(nl2br($history->transaction)) !!} </li>
                            </ul>
                        </div>

                        <table class="table table-bordered">

                            <tr>
                                <td>{{ __('translate.Plan') }}</td>
                                <td>{{ $history->plan_name }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Price') }}</td>
                                <td>{{ currency($history->plan_price) }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Maximum Listing') }}</td>
                                <td>{{ subscription_max_listing_display($history->max_listing) }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Featured Listing') }}</td>
                                <td>{{ $history->featured_listing }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Expiration') }}</td>
                                <td>{{ $history->expiration }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Expirated Date') }}</td>
                                <td>{{ $history->expiration_date }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Remaining day') }}</td>
                                <td>
                                    @if ($history->status == 'active')
                                        @if ($history->expiration_date == 'lifetime')
                                            {{ __('translate.Lifetime') }}
                                        @elseif (\Illuminate\Support\Carbon::parse($history->expiration_date)->startOfDay()->gte(now()->startOfDay()))
                                            {{ now()->startOfDay()->diffInDays(\Illuminate\Support\Carbon::parse($history->expiration_date)->startOfDay()) }} {{ __('translate.Days') }}
                                        @else
                                            {{ __('translate.Expired') }}
                                        @endif
                                    @else
                                        {{ __('translate.Expired') }}
                                    @endif
                                </td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Payment Method') }}</td>
                                <td>{{ $history->payment_method }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Transaction') }}</td>
                                <td>{!! clean(nl2br($history->transaction)) !!}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Plan Status') }}</td>
                                <td>
                                    @if ($history->status == 'active')
                                        @if ($history->expiration_date == 'lifetime' || date('Y-m-d') <= $history->expiration_date)
                                            <div class="badge bg-success">{{ __('translate.Active') }}</div>
                                        @else
                                            <div class="badge bg-danger">{{ __('translate.Expired') }}</div>
                                        @endif
                                    @elseif ($history->status == 'pending')
                                        <div class="badge bg-danger">{{ __('translate.Pending') }}</div>
                                    @elseif ($history->status == 'expired')
                                        <div class="badge bg-danger">{{ __('translate.Expired') }}</div>
                                    @endif
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    {{ __('translate.Payment') }}
                                </td>
                                <td>
                                    @if ($history->payment_status == 'success')
                                        <div class="badge bg-success">{{ __('translate.Success') }}</div>
                                    @else
                                        <div class="badge bg-danger">{{ __('translate.Pending') }}</div>
                                    @endif
                                </td>
                            </tr>

                        </table>

                    </div>

                </div>
            </div>
        </div>
        @else
            @php($order = $purchase['model'])
        <div class="modal modal-three fade" id="showPurchaseHistory{{ $index }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel2">
                            <a href="{{ route('home') }}" class="modal-logo" ><img src="{{ custom_asset($setting->logo, '48x48') }}" alt="logo"></a>
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="modal-body-item">
                            <ul class="modal-body-list">
                                <li> <span>{{ __('translate.Name') }}:</span> {{ html_decode($user->name) }}</li>
                                <li> <span>{{ __('translate.Phone') }}:</span> {{ html_decode($user->phone) }}</li>
                                <li> <span>{{ __('translate.Email') }}:</span> {{ html_decode($user->email) }}</li>
                                <li> <span>{{ __('translate.Location') }}:</span> {{ user_display_location($user) }}</li>
                            </ul>
                            <ul class="modal-body-list two">
                                <li> <span>{{ __('translate.Order ID') }}:</span> #{{ $order->order_id }}</li>
                                <li> <span>{{ __('translate.Amount') }}: </span>{{ currency($order->amount) }}</li>
                                <li> <span>{{ __('translate.Payment') }}: </span> {{ $order->payment_method ?: __('translate.Pending') }}</li>
                                <li> <span>{{ __('translate.Transaction') }}: </span>{!! clean(nl2br($order->transaction ?: __('translate.Not applicable'))) !!} </li>
                            </ul>
                        </div>

                        <table class="table table-bordered">
                            <tr>
                                <td>{{ __('translate.Purchase type') }}</td>
                                <td>{{ __('translate.Individual promotion purchase') }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Listing') }}</td>
                                <td>{{ html_decode($order->listing?->translate?->title ?? __('translate.Not applicable')) }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Promotion types') }}</td>
                                <td>{{ $order->displayTitle() }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Price') }}</td>
                                <td>{{ currency($order->amount) }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Payment Method') }}</td>
                                <td>{{ $order->payment_method ?: __('translate.Pending') }}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Transaction') }}</td>
                                <td>{!! clean(nl2br($order->transaction ?: __('translate.Not applicable'))) !!}</td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Payment') }}</td>
                                <td>
                                    @if ($order->payment_status === 'success')
                                        <div class="badge bg-success">{{ __('translate.Success') }}</div>
                                    @else
                                        <div class="badge bg-danger">{{ __('translate.Pending') }}</div>
                                    @endif
                                </td>
                            </tr>

                            <tr>
                                <td>{{ __('translate.Date') }}</td>
                                <td>{{ $order->created_at?->format('Y-m-d H:i') }}</td>
                            </tr>
                        </table>

                    </div>

                </div>
            </div>
        </div>
        @endif
    @endforeach
    <!-- Payment Details Modal  end-->


</main>

@endsection