@extends('front.layout.layout')
@section('title', 'Referral Program')
@section('content')
<div class="container my-5">
    <div class="row">
        <div class="col-md-12">
            <div class="referal-program-box">
                <div class="referal-program-header">
                    <h4 class="mb-0">Referral Program</h4>
                    <h6 class="text-white mb-0">
                        Referral Code:
                        <strong class="cursor badge-gradient-primary text-2xl"
                            id="referral-code-input"
                            style="text-decoration: underline;"
                            onclick="copyReferralCode('{{ $user->referral_code }}')">
                            {{ $user->referral_code }}
                        </strong>
                    </h6>
                </div>
                <div class="referal-program-content">
                    <!-- Share Section -->
                    <div class="share-options mt-3">
                        <h6>Share Your Referral Code:</h6>
                        <a href="https://wa.me/?text=Use%20this%20referral%20code%20{{ urlencode($user->referral_code) }}%20to%20get%20a%20discount%20on%20pkwebs.com%20Visit:%20https://pkwebs.com"
                            target="_blank" class="btn btn-success btn-sm me-2">
                            Share on WhatsApp
                        </a>
                        <a href="https://twitter.com/intent/tweet?text=Use%20this%20referral%20code%20{{ urlencode($user->referral_code) }}%20to%20get%20a%20discount%20on%20pkwebs.com%20Visit:%20https://pkwebs.com"
                            target="_blank" class="btn btn-info btn-sm me-2">
                            Share on Twitter
                        </a>
                        <a href="https://www.facebook.com/sharer/sharer.php?u=https://pkwebs.com&quote=Use%20this%20referral%20code%20{{ urlencode($user->referral_code) }}%20to%20get%20a%20discount%20on%20pkwebs.com"
                            target="_blank" class="btn btn-primary btn-sm me-2">
                            Share on Facebook
                        </a>
                        <a href="mailto:?subject=Referral%20Code%20from%20pkwebs.com&body=Use%20this%20referral%20code%20{{ urlencode($user->referral_code) }}%20to%20get%20a%20discount%20on%20pkwebs.com%20Visit:%20https://pkwebs.com"
                            target="_blank" class="btn btn-secondary btn-sm">
                            Share via Email
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Referral Details -->
    <div class="card my-4">
        <div class="card-header">Referral Overview</div>
        <div class="card-body d-flex justify-content-between align-items-center">
            <div>
                <p>Total Referral Amount: {{ $totalReferralAmount }}</p>
                <p title="This amount can be used to upgrade business">Non Withdrawable Amount: {{ $nonwithdrawable }}
                <small class="text-muted">This amount can only be used to upgrade business</small>
                </p>
                <p>Withdrawable Referral Amount: {{ $remainingReferralAmount }}</p>
            </div>
            @if ($remainingReferralAmount >= 10*$referal_code_own)
            @if ($user->withDrawRequest->where('status', 'pending')->isEmpty())
            <a href="{{ route('withdraw.request.view') }}" class="btn btn-success">Request for Withdraw</a>
            @endif
            @endif
        </div>
    </div>

    @if ($referralHistory->isNotEmpty())
    <!-- Referral History Table -->
    <div class="card my-4">
        <div class="card-header">Referral History</div>
        <div class="card-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Referred User</th>
                        <th>Referral Amount</th>
                        <th>Referral Date</th>
                        <th>Withdrawal Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($referralHistory as $referral)
                    <tr>
                        <td>{{ $referral['referred_user'] }}</td>
                        <td>{{ $referral['referral_amount'] }}</td>
                        <td>{{ $referral['referral_date'] }}</td>
                        <td>{{ $referral['withdrawal_status'] }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif
    <!-- Transactions Table -->
    <div class="card my-4">
        <div class="card-header">Transactions</div>
        <div class="card-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Amount</th>
                        <th>Description</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($transactions as $transaction)
                    <tr>
                        <td>{{ $transaction->amount }}</td>
                        <td>
                            @if (empty($transaction->business_id))
                            {{ $transaction->description }}
                            @else
                            {!! '<a href="' . route('business.custom.show', $transaction->business_id) . '" target="_blank">Business upgrade transaction</a>' !!}
                            @endif
                        </td>

                        <td>{{ $transaction->created_at->format('M d, Y') }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <!-- Withdrawal Requests Table -->
    <div class="card my-4">
        <div class="card-header">Withdrawal Requests</div>
        <div class="card-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Amount</th>
                        <th>Bank Details</th>
                        <th>Message</th>
                        <th>Status</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($withdrawRequests as $request)
                    <tr>
                        <td>{{ $request->amount }}</td>
                        <td>{{ $request->bank_details }}</td>
                        <td>{{ $request->message }}</td>
                        <td>{{ $request->status }}</td>
                        <td>{{ $request->created_at->format('M d, Y') }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection
@push('bottom-scripts')
<script>
    function copyReferralCode(code) {
        let referralCodeInput = document.querySelector('#referral-code-input');
        navigator.clipboard.writeText(code);
        Swal.fire({
            icon: 'success',
            title: 'Referral Code Copied!',
            text: 'The referral code has been copied to your clipboard.',
            timer: 2000,
            showConfirmButton: false
        });
    }
</script>
@endpush