@extends('admin.layouts.master')

@section('contents')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('Financial Transactions')}} - {{$user->name}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a></li>
                                <li class="breadcrumb-item"><a href="{{route('payments.index')}}">{{__('Financial Transactions')}}</a></li>
                                <li class="breadcrumb-item active">{{$user->name}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">

            {{-- Balance Summary Cards --}}
            <section class="mb-2">
                <div class="row">
                    <div class="col-md-4 col-12 mb-1">
                        <div class="card text-center">
                            <div class="card-body py-2">
                                <div class="mb-1">
                                    <i class="fa fa-wallet fa-2x text-info"></i>
                                </div>
                                <h3 class="font-weight-bold mb-0 text-info">${{number_format($balanceToUse, 2)}}</h3>
                                <p class="text-muted mb-0">{{__('Available to withdraw')}}</p>
                                <small class="text-muted">{{__('The balance you deposited, which you can use to pay for the project auction.')}}</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-12 mb-1">
                        <div class="card text-center">
                            <div class="card-body py-2">
                                <div class="mb-1">
                                    <i class="fa fa-clock fa-2x text-warning"></i>
                                </div>
                                <h3 class="font-weight-bold mb-0 text-warning">${{number_format($pendingAmount, 2)}}</h3>
                                <p class="text-muted mb-0">{{__('The Pending')}}</p>
                                <small class="text-muted">{{__('It includes the budget of your ongoing projects and any amount you requested to withdraw that is still in transfer, in addition to your profits in the last 14 days.')}}</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-12 mb-1">
                        <div class="card text-center">
                            <div class="card-body py-2">
                                <div class="mb-1">
                                    <i class="fa fa-money-bill-wave fa-2x text-success"></i>
                                </div>
                                <h3 class="font-weight-bold mb-0 text-success">${{number_format($profitBalance, 2)}}</h3>
                                <p class="text-muted mb-0">{{__('Balance To Withdraw')}}</p>
                                <small class="text-muted">{{__('It includes your profits from projects that can be withdrawn.')}}</small>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            {{-- Search / Filter Form --}}
            <section class="mb-2">
                <div class="card">
                    <div class="card-body">
                        <form action="{{route('payments.user', $user->id)}}" method="GET">
                            <div class="row align-items-end">
                                <div class="col-md-4 col-12 mb-1">
                                    <label>{{__('Transaction Type')}}</label>
                                    <select name="type" class="form-control">
                                        <option value="">{{__('All')}}</option>
                                        <option value="withdraw"   {{request('type') == 'withdraw'        ? 'selected' : ''}}>{{__('Withdraw')}}</option>
                                        <option value="deposit"    {{request('type') == 'deposit'         ? 'selected' : ''}}>{{__('Deposit')}}</option>
                                        <option value="profit"     {{request('type') == 'profit'          ? 'selected' : ''}}>{{__('Profit')}}</option>
                                        <option value="charge"     {{request('type') == 'charge'          ? 'selected' : ''}}>{{__('Charge')}}</option>
                                        <option value="service_charge" {{request('type') == 'service_charge' ? 'selected' : ''}}>{{__('Service Charge')}}</option>
                                    </select>
                                </div>
                                <div class="col-md-4 col-12 mb-1">
                                    <label>{{__('Status')}}</label>
                                    <select name="status" class="form-control">
                                        <option value="">{{__('All')}}</option>
                                        <option value="pending"   {{request('status') == 'pending'   ? 'selected' : ''}}>{{__('Pending')}}</option>
                                        <option value="success"   {{request('status') == 'success'   ? 'selected' : ''}}>{{__('Success')}}</option>
                                        <option value="failed"    {{request('status') == 'failed'    ? 'selected' : ''}}>{{__('Failed')}}</option>
                                        <option value="cancelled" {{request('status') == 'cancelled' ? 'selected' : ''}}>{{__('Cancelled')}}</option>
                                    </select>
                                </div>
                                <div class="col-md-4 col-12 mb-1 d-flex gap-1">
                                    <button type="submit" class="btn btn-primary mr-1">
                                        <i class="fa fa-search"></i> {{__('Search')}}
                                    </button>
                                    <a href="{{route('payments.user', $user->id)}}" class="btn btn-secondary">
                                        <i class="fa fa-refresh"></i> {{__('Reset')}}
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </section>

            {{-- Transactions Table --}}
            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>{{__('Project')}}</th>
                                                    <th>{{__('Amount')}}</th>
                                                    <th>{{__('Transaction Type')}}</th>
                                                    <th>{{__('Status')}}</th>
                                                    <th>{{__('Payment Method')}}</th>
                                                    <th>{{__('Date')}}</th>
                                                    <th>{{__('Balance')}}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($payments as $payment)
                                                    <tr>
                                                        <td>{{$payment->id}}</td>
                                                        <td>
                                                            @if($payment->project)
                                                                <a href="{{route('projects.show', $payment->project->uuid)}}" class="text-primary">
                                                                    {{Str::limit($payment->project->title, 30)}}
                                                                </a>
                                                            @else
                                                                <span class="text-muted">—</span>
                                                            @endif
                                                        </td>
                                                        <td class="font-weight-bold">
                                                            @php
                                                                $isDebit = in_array($payment->type, ['deposit', 'withdraw', 'service_charge']);
                                                            @endphp
                                                            <span class="{{ $isDebit ? 'text-danger' : 'text-success' }}">
                                                                {{ $isDebit ? '-' : '+' }}${{number_format($payment->amount, 2)}}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            @php
                                                                $typeBadge = match($payment->type) {
                                                                    'withdraw'       => 'danger',
                                                                    'deposit'        => 'info',
                                                                    'profit'         => 'success',
                                                                    'charge'         => 'warning',
                                                                    'service_charge' => 'secondary',
                                                                    'refund'         => 'primary',
                                                                    default          => 'light',
                                                                };
                                                            @endphp
                                                            <span class="badge badge-{{$typeBadge}}">
                                                                {{__(\Illuminate\Support\Str::title(str_replace('_', ' ', $payment->type)))}}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            @php
                                                                $statusBadge = match($payment->status) {
                                                                    'pending'   => 'warning',
                                                                    'success'   => 'success',
                                                                    'failed'    => 'danger',
                                                                    'cancelled' => 'secondary',
                                                                    default     => 'light',
                                                                };
                                                            @endphp
                                                            <span class="badge badge-{{$statusBadge}}">
                                                                {{__(ucfirst($payment->status))}}
                                                            </span>
                                                        </td>
                                                        <td>
                                                            @if($payment->payment_method)
                                                                {{ucfirst($payment->payment_method)}}
                                                            @else
                                                                <span class="text-muted">—</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <span title="{{$payment->created_at->format('F j, Y \a\t g:i A')}}">
                                                                {{$payment->created_at->format('M j, Y')}}
                                                                <br>
                                                                <small class="text-muted">{{$payment->created_at->format('g:i A')}}</small>
                                                            </span>
                                                        </td>
                                                        <td class="font-weight-bold">
                                                            @if(isset($balances[$payment->id]) && $balances[$payment->id] !== null)
                                                                <span class="{{ $balances[$payment->id] >= 0 ? 'text-success' : 'text-danger' }}">
                                                                    ${{ number_format($balances[$payment->id], 2) }}
                                                                </span>
                                                            @else
                                                                <span class="text-muted">—</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="8" class="text-center py-2">
                                                            {{__('No transactions found.')}}
                                                        </td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                    @include('admin.components.advanced-pagination', ['paginator' => $payments])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </div>
@endsection