@extends('front.layout.layout')
@section('content')
<section class="content my-5">
    <div class="container">
        <div class="row ">
            <div class="col-md-10">
                <div class="card business-card">
                    <div class="card-body p-4">
                        @if (!request('id'))
                        <h5>Your Bussiness Has Been Created
                            <a href="{{route('business.custom.show', $business->id)}}">
                                <i class="fas fa-arrow-right"></i>
                            </a>
                        </h5>
                        @endif
                        <div class="business-details">
                            <div class="detail-item">
                                <div class="detail-label">Business Name</div>
                                <div class="detail-value">
                                    <a href="{{route('business.custom.show', $business->id)}}">
                                        {{$business->name}}
                                    </a>
                                </div>
                            </div>

                            <div class="detail-item">
                                <div class="detail-label">Website</div>
                                <div class="detail-value">
                                    <a href="{{$business->website}}" target="_blank" class="website-link">
                                        {{$business->website}}
                                    </a>
                                </div>
                            </div>

                            <div class="detail-item">
                                <div class="detail-label">Phone</div>
                                <div class="detail-value">
                                    <a href="tel:{{$business->phone}}" class="phone-link">
                                        {{$business->phone}}
                                    </a>
                                </div>
                            </div>
                            <div class="detail-item">
                                <div class="detail-label">City </div>
                                <div class="detail-value">{{$business->cities[0]->name}}</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 mt-5 shadow-sm">
                    <div class="card-body p-4">
                        <div class="row d-flex align-items-center">
                            <div class="col-md-4">
                                <div class="pricing-amount">
                                    <div class="d-flex align-items-start">
                                        <span class="currency">$</span>
                                        <span class="amount">{{ $remainingCost > 0 ? $remainingCost : $businessCost
                                            }}</span>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-8">
                                <ul class="features-list">
                                    <li>
                                        <div class="feature-icon">
                                            <i class="fas fa-check"></i>
                                        </div>
                                        <div class="feature-text">
                                            <strong>Live Chat:</strong> Make real-time engagement possible, boosting
                                            customer satisfaction and trust.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="feature-icon">
                                            <i class="fas fa-check"></i>
                                        </div>
                                        <div class="feature-text">
                                            <strong>Priority Display in Searches:</strong> Appear at the top of relevant
                                            search results.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="feature-icon">
                                            <i class="fas fa-check"></i>
                                        </div>
                                        <div class="feature-text">
                                            <strong>Priority Support:</strong> Access faster, dedicated support.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="feature-icon">
                                            <i class="fas fa-check"></i>
                                        </div>
                                        <div class="feature-text">
                                            <strong>Cross-Platform Marketing:</strong> Expand your reach across
                                            platforms.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="feature-icon">
                                            <i class="fas fa-check"></i>
                                        </div>
                                        <div class="feature-text">
                                            <strong>Exclusive Features:</strong> Early access to new tools.
                                        </div>
                                    </li>
                                </ul>
                                <div class="text-right">
                                    <a href="{{ route('business.pircing.payments', $business->id) }}"
                                        class="btn btn-outline-primary mb-3">
                                        Upgrade Your Plan
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2">
                <div class="card">
                    <div class="card-body">
                        <p>Your Balance: <strong>${{ number_format($totalReferralAmount, 2) }}</strong></p>
                        <p>Business Cost: <strong>${{ number_format($businessCost, 2) }}</strong></p>
                        <p>Remaining Balance Due: <strong>${{ number_format($remainingCost > 0 ? $remainingCost :
                                $businessCost , 2) }}</strong></p>
                    </div>
                </div>
            </div>

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

<style>

</style>
@endsection