@extends('layouts.app')

@section('title', 'Deal Link #' . $dealLink->id)

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div class="d-flex align-items-center">
            <a href="{{ route('media.deal-links.index') }}" class="btn btn-outline-secondary me-3"><i
                    class="bi bi-arrow-left"></i></a>
            <div>
                <h1 class="h3 mb-0"><i class="bi bi-link-45deg me-2"></i>Deal Link #{{ $dealLink->id }}</h1>
                <small class="text-muted">Sale {{ $dealLink->sale?->agreement_number ?? 'N/A' }}</small>
            </div>
        </div>
        @if ($dealLink->paid_amount <= 0)
            @can('delete', App\Models\MediaAgent::class)
                <form method="POST" action="{{ route('media.deal-links.destroy', $dealLink) }}"
                    onsubmit="return confirm('Remove this deal link?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-outline-danger">
                        <i class="bi bi-trash me-1"></i> Remove Link
                    </button>
                </form>
            @endcan
        @endif
    </div>

    {{-- Deal Info Cards --}}
    <div class="row g-4 mb-4">
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header">
                    <h6 class="mb-0"><i class="bi bi-file-earmark-text me-2"></i>Sale Details</h6>
                </div>
                <div class="card-body">
                    <table class="table table-borderless table-sm mb-0">
                        <tr>
                            <td class="text-muted" width="120">Agreement #</td>
                            <td>{{ $dealLink->sale?->agreement_number ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Customer</td>
                            <td>{{ $dealLink->sale?->customer?->name ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Project</td>
                            <td>{{ $dealLink->sale?->project?->project_name ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Flat</td>
                            <td>{{ $dealLink->sale?->flat?->flat_number ?? '—' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Net Payable</td>
                            <td class="fw-semibold">৳ {{ number_format($dealLink->sale?->net_payable ?? 0, 2) }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header">
                    <h6 class="mb-0"><i class="bi bi-megaphone me-2"></i>Commission Details</h6>
                </div>
                <div class="card-body">
                    <table class="table table-borderless table-sm mb-0">
                        <tr>
                            <td class="text-muted" width="120">Agent</td>
                            <td>
                                <a href="{{ route('media.show', $dealLink->media_agent_id) }}">
                                    {{ $dealLink->mediaAgent?->name ?? '—' }}
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">Type</td>
                            <td><span class="badge bg-secondary">{{ ucfirst($dealLink->commission_type) }}</span></td>
                        </tr>
                        <tr>
                            <td class="text-muted">Rate</td>
                            <td>{{ number_format($dealLink->commission_rate, 2) }}{{ $dealLink->commission_type === 'percentage' ? '%' : ' ৳' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">Commission</td>
                            <td class="fw-semibold text-primary">৳ {{ number_format($dealLink->commission_amount, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Paid</td>
                            <td class="text-success fw-semibold">৳ {{ number_format($dealLink->paid_amount, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Due</td>
                            <td class="{{ $dealLink->due_amount > 0 ? 'text-danger fw-bold' : 'text-success' }}">
                                ৳ {{ number_format($dealLink->due_amount, 2) }}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- Record Payment Form --}}
    @if ($dealLink->due_amount > 0)
        @can('create', App\Models\MediaAgent::class)
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="mb-0"><i class="bi bi-plus-circle me-2"></i>Record Commission Payment</h6>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('media.deal-links.payments.store', $dealLink) }}"
                        enctype="multipart/form-data">
                        @csrf

                        <div class="row g-3">
                            <div class="col-md-3">
                                <label for="amount" class="form-label fw-semibold">Amount (৳) <span
                                        class="text-danger">*</span></label>
                                <input type="number" name="amount" id="amount" step="0.01" min="0.01"
                                    max="{{ $dealLink->due_amount }}" class="form-control @error('amount') is-invalid @enderror"
                                    value="{{ old('amount', $dealLink->due_amount) }}" required>
                                @error('amount') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                <div class="form-text">Max: {{ number_format($dealLink->due_amount, 2) }}</div>
                            </div>

                            <div class="col-md-3">
                                <label for="payment_date" class="form-label fw-semibold">Date <span
                                        class="text-danger">*</span></label>
                                <input type="date" name="payment_date" id="payment_date"
                                    class="form-control @error('payment_date') is-invalid @enderror"
                                    value="{{ old('payment_date', date('Y-m-d')) }}" required>
                                @error('payment_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label for="payment_method_id" class="form-label fw-semibold">Method <span
                                        class="text-danger">*</span></label>
                                <select name="payment_method_id" id="payment_method_id"
                                    class="form-select @error('payment_method_id') is-invalid @enderror" required>
                                    <option value="">Select</option>
                                    @foreach ($paymentMethods as $pm)
                                        <option value="{{ $pm->id }}" {{ old('payment_method_id') == $pm->id ? 'selected' : '' }}>
                                            {{ $pm->method_name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('payment_method_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label for="reference_number" class="form-label">Reference #</label>
                                <input type="text" name="reference_number" id="reference_number"
                                    class="form-control @error('reference_number') is-invalid @enderror"
                                    value="{{ old('reference_number') }}" placeholder="Cheque/Trans. ref">
                                @error('reference_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="narration" class="form-label">Narration</label>
                                <input type="text" name="narration" id="narration"
                                    class="form-control @error('narration') is-invalid @enderror" value="{{ old('narration') }}"
                                    placeholder="Payment note...">
                                @error('narration') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="receipt_attachment" class="form-label">Receipt</label>
                                <input type="file" name="receipt_attachment" id="receipt_attachment"
                                    class="form-control @error('receipt_attachment') is-invalid @enderror"
                                    accept=".jpg,.jpeg,.png,.pdf">
                                @error('receipt_attachment') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <hr>
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-cash-stack me-1"></i> Record Payment
                        </button>
                    </form>
                </div>
            </div>
        @endcan
    @endif

    {{-- Payment History --}}
    <div class="card">
        <div class="card-header">
            <h6 class="mb-0"><i class="bi bi-clock-history me-2"></i>Payment History</h6>
        </div>
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Date</th>
                        <th>Method</th>
                        <th>Reference</th>
                        <th>Narration</th>
                        <th class="text-end">Amount (৳)</th>
                        <th>Reversal</th>
                        <th>Recorded By</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($dealLink->commissionPayments->sortByDesc('created_at') as $p)
                        <tr class="{{ $p->is_reversal ? 'table-warning' : '' }}">
                            <td>{{ $p->id }}</td>
                            <td>{{ $p->payment_date->format('d M Y') }}</td>
                            <td>{{ $p->paymentMethod?->method_name ?? '—' }}</td>
                            <td>{{ $p->reference_number ?? '—' }}</td>
                            <td>{{ $p->narration ?? '—' }}</td>
                            <td class="text-end fw-semibold">{{ number_format($p->amount, 2) }}</td>
                            <td>
                                @if ($p->is_reversal)
                                    <span class="badge bg-warning text-dark">Reversal</span>
                                @else
                                    <span class="badge bg-success">Normal</span>
                                @endif
                            </td>
                            <td>{{ $p->createdBy?->name ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-3 text-muted">No payments recorded yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection