@extends('layouts.dashboard')
@section('title', __('Earnings'))
@section('page_title', __('Earnings'))

@section('content')
<div class="mb-4">
    <h4 class="mb-0 fw-bold">{{ __('Earnings & Payouts') }}</h4>
    @php
        $myShare = optional(auth()->user()->instructorProfile)->commission_rate;
        $myShare = $myShare !== null ? (float) $myShare : 100 - (float) setting('admin_commission', 20);
        $myShareLabel = rtrim(rtrim(number_format($myShare, 2), '0'), '.');
    @endphp
    <p class="text-muted small mb-0">{{ __('Track your revenue and request payouts') }} · {{ __('Your revenue share: :n% of each sale', ['n' => $myShareLabel]) }} <span class="text-muted">({{ __('some courses may have their own rate') }})</span></p>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">{{ __('Total Earnings') }}</div>
                <div class="h3 fw-bold mb-0" style="color:var(--lf-primary);">{{ money($totalEarnings) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">{{ __('Available Balance') }}</div>
                <div class="h3 fw-bold mb-0 text-success">{{ money($available) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">{{ __('Paid Out') }}</div>
                <div class="h3 fw-bold mb-0">{{ money($paidOut) }}</div>
            </div>
        </div>
    </div>
</div>

@if($stripe['enabled'])
    @php
        $sp = $stripe['profile'];
    @endphp
    <div class="card mb-4">
        <div class="card-body d-flex align-items-center gap-3 flex-wrap">
            <div class="rounded-3 d-flex align-items-center justify-content-center bg-primary-subtle text-primary-emphasis" style="width:46px;height:46px"><i class="bi bi-bank fs-5"></i></div>
            <div class="flex-grow-1 min-w-0">
                <div class="fw-semibold">{{ __('Stripe payouts') }}</div>
                <div class="small text-muted">
                    @if($sp?->stripe_payouts_enabled)
                        {{ __('Connected — approved payouts are sent straight to your bank account.') }}
                    @elseif($sp?->stripe_account_id)
                        {{ __('Stripe still needs a few details before payouts can be sent.') }}
                    @else
                        {{ __('Connect a Stripe account to get paid automatically instead of by manual transfer.') }}
                    @endif
                </div>
            </div>
            @if($sp?->stripe_payouts_enabled)
                <span class="badge bg-success-subtle text-success-emphasis"><i class="bi bi-check-circle me-1"></i>{{ __('Active') }}</span>
            @else
                <form action="{{ route('instructor.payouts.stripe.connect') }}" method="POST">
                    @csrf
                    <button class="btn btn-primary btn-sm"><i class="bi bi-box-arrow-up-right me-1"></i>{{ $sp?->stripe_account_id ? __('Finish setup') : __('Connect Stripe') }}</button>
                </form>
            @endif
        </div>
    </div>
@endif

<div class="row g-4">
    <div class="col-lg-4">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Request a Payout') }}</div>
            <div class="card-body">
                <form action="{{ route('instructor.payouts.request') }}" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">{{ __('Amount') }}</label>
                        <input type="number" step="0.01" min="1" max="{{ $available }}" name="amount" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount') }}" required>
                        @error('amount') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        <small class="text-muted">{{ __('Available') }}: {{ money($available) }}</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{ __('Method') }}</label>
                        <select name="method" class="form-select @error('method') is-invalid @enderror" required>
                            <option value="bank" @selected(old('method') === 'bank')>{{ __('Bank Transfer') }}</option>
                            <option value="paypal" @selected(old('method') === 'paypal')>{{ __('PayPal') }}</option>
                            <option value="stripe" @selected(old('method') === 'stripe')>{{ __('Stripe') }}</option>
                        </select>
                        @error('method') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{ __('Account Name') }}</label>
                        <input type="text" name="account_name" class="form-control" value="{{ old('account_name') }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{ __('Account / Email') }}</label>
                        <input type="text" name="account_number" class="form-control" value="{{ old('account_number') }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{ __('Note') }}</label>
                        <textarea name="note" rows="2" class="form-control">{{ old('note') }}</textarea>
                    </div>
                    <button class="btn btn-primary w-100" {{ $available <= 0 ? 'disabled' : '' }}>
                        <i class="bi bi-cash-coin me-1"></i> {{ __('Request Payout') }}
                    </button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Payout History') }}</div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr><th class="ps-4">{{ __('Date') }}</th><th>{{ __('Amount') }}</th><th>{{ __('Method') }}</th><th>{{ __('Status') }}</th></tr>
                    </thead>
                    <tbody>
                        @forelse ($payouts as $payout)
                            @php
                                $pb = ['pending' => 'warning', 'approved' => 'info', 'paid' => 'success', 'rejected' => 'danger'][$payout->status] ?? 'secondary';
                            @endphp
                            <tr>
                                <td class="ps-4">{{ $payout->created_at->format('M d, Y') }}</td>
                                <td>{{ money($payout->amount) }}</td>
                                <td class="text-capitalize">{{ $payout->payoutMethod->method_name ?? '—' }}</td>
                                <td><span class="badge bg-{{ $pb }}-subtle text-{{ $pb }}-emphasis text-capitalize">{{ status_label($payout->status) }}</span></td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-center text-muted py-4">{{ __('No payout requests yet.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Recent Sales') }}</div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr><th class="ps-4">{{ __('Course') }}</th><th>{{ __('Date') }}</th><th class="text-end pe-4">{{ __('Your Earning') }}</th></tr>
                    </thead>
                    <tbody>
                        @forelse ($recentSales as $item)
                            <tr>
                                <td class="ps-4">{{ $item->label() }}</td>
                                <td>{{ $item->created_at->format('M d, Y') }}</td>
                                <td class="text-end pe-4 text-success fw-semibold">{{ money($item->instructor_commission) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="text-center text-muted py-4">{{ __('No sales yet.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection