@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? 'Residuals',
        $subTitle ?? 'Residual Details',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="container-fluid mt-4">

    {{-- Breadcrumb --}}
    @if(isset($breadcrumb) && is_array($breadcrumb))
    <nav aria-label="breadcrumb" class="mb-3">
        <ol class="breadcrumb mb-0">
            @foreach($breadcrumb as $url => $label)
                @if($loop->last)
                    <li class="breadcrumb-item active" aria-current="page">{{ $label }}</li>
                @else
                    <li class="breadcrumb-item"><a href="{{ $url }}">{{ $label }}</a></li>
                @endif
            @endforeach
        </ol>
    </nav>
    @endif

    @if($data)
    <div class="project-box p-3 mb-3">
        <div class="row">
            {{-- Left Column: Key-Value Pairs --}}
            <div class="col-lg-6 col-12">
                <h6 class="fw-bold mb-3">Record Information</h6>
                <table class="table table-sm table-borderless mb-0">
                    <tbody>
                        <tr>
                            <td class="text-muted" style="width: 40%;">Merchant Name</td>
                            <td class="fw-semibold">{{ $data->merchant_name ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Merchant Number</td>
                            <td class="fw-semibold">{{ $data->merchant_number ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Processor</td>
                            <td class="fw-semibold">{{ $data->processor ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Period</td>
                            <td class="fw-semibold">{{ $data->year_month ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Sheet Name</td>
                            <td class="fw-semibold">{{ $data->sheet_name ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Association Number</td>
                            <td class="fw-semibold">{{ $data->association_number ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Association Name</td>
                            <td class="fw-semibold">{{ $data->association_name ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Sales Rep Number</td>
                            <td class="fw-semibold">{{ $data->sales_rep_number ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Sales Rep Name</td>
                            <td class="fw-semibold">{{ $data->sales_rep_name ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">DBA Name</td>
                            <td class="fw-semibold">{{ $data->dba_name ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">DBA City</td>
                            <td class="fw-semibold">{{ $data->dba_city ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">DBA State</td>
                            <td class="fw-semibold">{{ $data->dba_state ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Approval Date</td>
                            <td class="fw-semibold">{{ $data->approval_date ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Group</td>
                            <td class="fw-semibold">{{ $data->group_name ?: 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Account Status</td>
                            <td class="fw-semibold">
                                @if($data->is_inactive)
                                    <span class="badge bg-secondary">Inactive</span>
                                @else
                                    <span class="badge bg-success">Active</span>
                                @endif
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            {{-- Right Column: Financial Summary --}}
            <div class="col-lg-6 col-12">
                <h6 class="fw-bold mb-3">Financial Summary</h6>
                <table class="table table-sm table-borderless mb-0">
                    <tbody>
                        <tr>
                            <td class="text-muted" style="width: 40%;">Sales Amount</td>
                            <td class="fw-semibold">${{ number_format($data->sales_amount ?? 0, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Income</td>
                            <td class="fw-semibold text-success">${{ number_format($data->income ?? 0, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Expense</td>
                            <td class="fw-semibold text-danger">${{ number_format($data->expense ?? 0, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Net</td>
                            <td class="fw-semibold">${{ number_format($data->net ?? 0, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">BPS</td>
                            <td class="fw-semibold">{{ number_format($data->bps ?? 0, 2) }}%</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Split Percentage</td>
                            <td class="fw-semibold">{{ number_format($data->split_percentage ?? 0, 2) }}%</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Agent Net</td>
                            <td class="fw-semibold text-primary">${{ number_format($data->agent_net ?? 0, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Transaction Count</td>
                            <td class="fw-semibold">{{ number_format($data->txn_count ?? 0) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Processing Volume</td>
                            <td class="fw-semibold">${{ number_format($data->processing_volume ?? 0, 2) }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @else
    <div class="project-box p-3 mb-3">
        <div class="alert alert-warning mb-0">
            <i class="bx bx-error-circle me-1"></i> Residual record not found.
        </div>
    </div>
    @endif

    {{-- Back Button --}}
    <div class="mt-3">
        <a href="{{ route('residuals.index') }}" class="btn green-btn-inner">
            <i class="bx bx-arrow-back me-1"></i> Back to Residuals
        </a>
    </div>
</div>
@endsection