@extends('front.layouts.master')
@section('content')
    @php
        $breadcrumbOption = getThemeOption('breadcrumb') ?? [];
        $breadcrumbImg = $breadcrumbOption['breadcrumb_img'] ?? null;
        $breadcrumbColor = $breadcrumbOption['breadcrumb_color'] ?? '#f1f1f1';
    @endphp
    <div class="breadcrumb-section">
        <div class="breadcrumb-wrap"
            style="
            @if ($breadcrumbImg) background-image: url('{{ asset('storage/theme-options/' . $breadcrumbImg) }}'); @endif
            background-color: {{ $breadcrumbColor }};
            background-size: cover;
            background-position: center;
         ">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="breadcrumb-content">
                            <ul>
                                <li>
                                    <a href="{{ url('/') }}">{{ translate('Home') }}</a>
                                </li>
                                <li>{{ translate('Success') }}</li>
                            </ul>
                            <h1>{{ translate('Success') }}</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pricing-plan-area bg-white pt-120 pb-80">
        <div class="container">
            <div class="row g-4 justify-content-center align-items-center form-wrapper">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="invoice-information">
                            <div
                                class="company-information-and-stutas d-flex align-items-center justify-content-between gap-3 flex-wrap">
                                <div class="company-information d-flex align-items-center gap-2 flex-wrap">
                                    <div class="company-logo">
                                        @if (fileExists('company', $subscription?->company?->company_logo) == true &&
                                                $subscription?->company?->company_logo !== '')
                                            <img src="{{ asset('storage/company/' . $subscription?->company?->company_logo) }}"
                                                alt="company-logo">
                                        @else
                                            <img src="{{ asset('frontend/assets/images/95-90.png') }}" alt="company-logo">
                                        @endif
                                    </div>
                                    <div class="content text-start">
                                        <h6>{{ $subscription?->company?->companytype?->company_type_name }}</h6>
                                        <h4>{{ $subscription?->company?->company_name }}</h4>
                                        <span>{{ $subscription?->company?->company_location }}</span>
                                    </div>
                                </div>
                                <div class="stutas">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="78" height="78"
                                        viewBox="0 0 78 78" fill="none">
                                        <path
                                            d="M36.5684 2.82939C37.9077 3.71741 40.0991 3.71741 41.4364 2.82939L44.9729 0.479644C46.3114 -0.409587 48.1101 -0.0258328 48.9709 1.3314L51.2457 4.91894C52.1064 6.27541 54.1071 7.16616 55.6912 6.89819L59.8782 6.18872C61.4628 5.92045 62.9518 7.00102 63.185 8.59073L63.806 12.7852C64.0415 14.3752 65.5055 16.0055 67.0625 16.4064L71.1712 17.4661C72.7284 17.8686 73.6477 19.4644 73.2152 21.0121L72.0772 25.0899C71.6451 26.6374 72.3209 28.7219 73.5802 29.7211L76.9154 32.3669C78.1744 33.3661 78.3655 35.1956 77.3409 36.4346L74.6332 39.7031C73.609 40.9409 73.3802 43.1196 74.1239 44.5438L76.0903 48.3031C76.8344 49.7281 76.2671 51.4785 74.8276 52.1929L71.0239 54.0809C69.5844 54.7957 68.4901 56.6934 68.5903 58.2971L68.8531 62.5314C68.9549 64.1343 67.7221 65.5036 66.1156 65.5722L61.8756 65.7516C60.2704 65.8203 58.4986 67.1088 57.9374 68.6158L56.4624 72.5896C55.9011 74.0969 54.2203 74.8465 52.7262 74.2553L48.7759 72.6938C47.2826 72.1021 45.1396 72.5573 44.0148 73.7058L41.0481 76.7361C39.9229 77.8838 38.0833 77.8838 36.9574 76.7376L33.9859 73.7053C32.8604 72.5579 30.7174 72.1028 29.2232 72.6941L25.2749 74.2556C23.7808 74.8473 22.0999 74.0976 21.5399 72.5899L20.0614 68.6161C19.5009 67.1096 17.7291 65.8206 16.1231 65.7519L11.8846 65.5725C10.2781 65.5038 9.04691 64.1345 9.14715 62.5317L9.41238 58.2974C9.51216 56.6942 8.41636 54.796 6.97716 54.0812L3.17466 52.1932C1.73562 51.4787 1.16662 49.7287 1.91112 48.3034L3.87758 44.5442C4.62162 43.1199 4.3928 40.9414 3.36707 39.7047L0.659163 36.4319C-0.365806 35.1948 -0.173852 33.3653 1.08466 32.3661L4.42068 29.7203C5.67919 28.7211 6.35591 26.6378 5.92416 25.0896L4.78341 21.0101C4.35137 19.4626 5.27091 17.8679 6.82665 17.4678L10.9384 16.4058C12.4941 16.0053 13.9601 14.3751 14.1949 12.7851L14.8154 8.59058C15.0506 7.00087 16.5389 5.9203 18.1229 6.18857L22.3104 6.89804C23.8949 7.16601 25.8954 6.27526 26.7549 4.91879L29.0286 1.33125C29.8881 -0.025985 31.6881 -0.409739 33.0276 0.479492L36.5684 2.82939Z"
                                            fill="#059669" />
                                        <path
                                            d="M64.2363 38.8409C64.2363 52.7783 52.9369 64.0766 39.0006 64.0766C25.0651 64.0766 13.7656 52.7783 13.7656 38.8409C13.7656 24.9076 25.0647 13.6091 39.0006 13.6091C52.9369 13.6091 64.2363 24.9076 64.2363 38.8409Z"
                                            fill="#022c1f" />
                                        <path
                                            d="M34.7924 50.6294L24.6914 40.5279L28.0567 37.1611L34.7924 43.8956L49.9431 28.7429L53.3084 32.1109L34.7924 50.6294Z"
                                            fill="white" />
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="summary-card order-description mt-5 mb-3">
                        <div class="summary-title">
                            <h5>{{ translate('Subscription Description') }}</h5>
                        </div>
                        <div class="summary-content">

                            <table class="summary-table">
                                <thead>
                                    <tr>
                                        <th>{{ translate('Service Name') }}</th>
                                        <th>{{ translate('Quantity') }}</th>
                                        <th>{{ translate('Unit Price') }}</th>
                                        <th>{{ translate('Amount') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $subtotal = 0;
                                    @endphp
                                    @foreach ($subscription->subscriptions_details as $key => $package)
                                        @php
                                            $subtotal += $package['total_price'];
                                        @endphp
                                            <tr>
                                                <td>
                                                    @if ($key == 'cv_bank')
                                                        {{ $package['name'] }} (<span
                                                            class="package-item">{{ $package['select_qty'] }}</span>
                                                        {{ translate('CV For') }} {{ defaultCurrency() }}<span
                                                            class="unit-price">{{ $package['price'] }}</span>)
                                                    @else
                                                        {{ isset($package['package_name']) ? $package['package_name'] : $package['name'] }}
                                                    @endif
                                                </td>

                                                <td><span class="package-item-price price">{{ $package['select_qty'] }}
                                                    </span></td>
                                                <td>{{ defaultCurrency() }}<span
                                                        class="package-item-price price">{{ $package['price'] }} </span>
                                                </td>
                                                <td>{{ defaultCurrency() }}<span class="package-item-price price">
                                                        {{ number_format($package['total_price'], 2) }} </span></td>
                                            </tr>

                                    @endforeach

                                </tbody>
                            </table>

                            <div class="summary-sub-total">
                                <table>
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th></th>
                                            <th>{{ translate('Sub-total') }} <br><span>{{ translate('Tax') }}
                                                    ({{ round($subscription->vat_price) }}%)</span></th>
                                            <th>{{ defaultCurrency() }}{{ number_format($subtotal, 2) }}
                                                <br><span>{{ defaultCurrency() }} {{ number_format($subscription->vat_price > 0 ? ($subtotal * $subscription->vat_price) / 100 : 0, 2) }}</span>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>{{ translate('Total') }}</td>
                                            <td>{{ defaultCurrency() }}{{ number_format(($subscription->total_price), 2) }}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-3  mb-5">
                        <a href="{{ route('company.plan.subscription') }}"
                            class="primary-btn-2">{{ translate('Go to subscription Menu') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection