@extends('layouts.app')

@section('title', 'Deal Links')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0"><i class="bi bi-link-45deg me-2"></i>Deal Links</h1>
    @can('create', App\Models\MediaAgent::class)
        <a href="{{ route('media.deal-links.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle me-1"></i> Link Sale to Agent
        </a>
    @endcan
</div>

{{-- Filters --}}
<div class="card mb-4">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <input type="text" name="search" class="form-control form-control-sm"
                    placeholder="Search sale, customer, agent..." value="{{ request('search') }}">
            </div>
            <div class="col-md-3">
                <select name="media_agent_id" class="form-select form-select-sm">
                    <option value="">All Agents</option>
                    @foreach ($agents as $id => $name)
                        <option value="{{ $id }}" {{ request('media_agent_id') == $id ? 'selected' : '' }}>
                            {{ $name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <div class="form-check">
                    <input type="checkbox" name="due_only" value="1" class="form-check-input"
                        id="dueOnly" {{ request('due_only') ? 'checked' : '' }}>
                    <label class="form-check-label" for="dueOnly">Due Only</label>
                </div>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-sm btn-primary w-100"><i class="bi bi-search me-1"></i> Filter</button>
            </div>
            <div class="col-md-2">
                <a href="{{ route('media.deal-links.index') }}" class="btn btn-sm btn-outline-secondary w-100">Clear</a>
            </div>
        </form>
    </div>
</div>

{{-- Table --}}
<div class="card">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Sale #</th>
                    <th>Customer</th>
                    <th>Project / Flat</th>
                    <th>Media Agent</th>
                    <th>Type</th>
                    <th class="text-end">Commission</th>
                    <th class="text-end">Paid</th>
                    <th class="text-end">Due</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($dealLinks as $dl)
                    <tr>
                        <td>{{ $dl->id }}</td>
                        <td>
                            <a href="{{ route('media.deal-links.show', $dl) }}">
                                {{ $dl->sale?->agreement_number ?? '—' }}
                            </a>
                        </td>
                        <td>{{ $dl->sale?->customer?->name ?? '—' }}</td>
                        <td>
                            {{ $dl->sale?->project?->project_name ?? '' }} /
                            {{ $dl->sale?->flat?->flat_number ?? '' }}
                        </td>
                        <td>
                            <a href="{{ route('media.show', $dl->media_agent_id) }}">
                                {{ $dl->mediaAgent?->name ?? '—' }}
                            </a>
                        </td>
                        <td><span class="badge bg-secondary">{{ ucfirst($dl->commission_type) }}</span></td>
                        <td class="text-end">{{ number_format($dl->commission_amount, 2) }}</td>
                        <td class="text-end text-success">{{ number_format($dl->paid_amount, 2) }}</td>
                        <td class="text-end {{ $dl->due_amount > 0 ? 'text-danger fw-semibold' : '' }}">
                            {{ number_format($dl->due_amount, 2) }}
                        </td>
                        <td>
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('media.deal-links.show', $dl) }}" class="btn btn-outline-primary" title="View">
                                    <i class="bi bi-eye"></i>
                                </a>
                                @if ($dl->paid_amount <= 0)
                                    @can('delete', App\Models\MediaAgent::class)
                                        <form method="POST" action="{{ route('media.deal-links.destroy', $dl) }}"
                                            onsubmit="return confirm('Remove this deal link?')">
                                            @csrf @method('DELETE')
                                            <button type="submit" class="btn btn-outline-danger btn-sm" title="Remove">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </form>
                                    @endcan
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="10" class="text-center py-4 text-muted">
                            <i class="bi bi-inbox fs-3 d-block mb-2"></i> No deal links found.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($dealLinks->hasPages())
        <div class="card-footer d-flex justify-content-center">
            {{ $dealLinks->withQueryString()->links() }}
        </div>
    @endif
</div>
@endsection