@extends('layouts.dashboard')
@section('title', 'Factoring Companies')
@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="ff-list-page-title mb-1"><i class="fa-solid fa-building-columns text-accent me-2"></i>Factoring Companies</h4>
            <p class="ff-list-page-subtitle mb-0">Select a factoring company to see the carriers associated with it.</p>
        </div>
    </div>

    <div class="card ff-card ff-list-card border-0 shadow-sm mb-4">
        <div class="card-body p-3 p-md-4">
            <form method="GET" action="{{ route('ui.factoring') }}" id="factoringForm" class="row g-3 align-items-end">
                <div class="col-md-6">
                    <label class="ff-label fw-bold mb-1">Factoring Company</label>
                    <select name="factoring_id" class="form-select ff-input" onchange="document.getElementById('factoringForm').submit()">
                        <option value="">— Select a factoring company —</option>
                        @foreach ($factoringCompanies as $company)
                            <option value="{{ $company->id }}" @selected($selectedId === $company->id)>{{ $company->display_name }}</option>
                        @endforeach
                    </select>
                </div>
                @if ($selectedId)
                    <div class="col-md-6">
                        <span class="badge bg-warning text-dark fs-6 px-3 py-2">
                            <i class="fa-solid fa-truck-moving me-1"></i> {{ $carriers->count() }} associated carrier{{ $carriers->count() === 1 ? '' : 's' }}
                        </span>
                    </div>
                @endif
            </form>
        </div>
    </div>

    @if ($factoringCompanies->isEmpty())
        <div class="alert alert-warning">No factoring companies found. Add a company with the "Factoring Company" role first.</div>
    @elseif (! $selectedId)
        <div class="alert alert-info"><i class="fa-solid fa-circle-info me-2"></i>Choose a factoring company above to view its carriers.</div>
    @else
        <div class="card ff-card ff-list-card border-0 shadow-sm">
            <div class="card-body p-3 p-md-4">
                <h6 class="fw-bold mb-3">Carriers factored by <span class="text-accent">{{ $selected?->display_name }}</span></h6>
                <div class="table-responsive ff-list-table-wrap">
                    <table class="table ff-table w-100">
                        <thead>
                            <tr>
                                <th>Carrier Name</th>
                                <th>MC #</th>
                                <th>DOT #</th>
                                <th>City</th>
                                <th>State</th>
                                <th>Contact</th>
                                <th>Phone</th>
                                <th>Email</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($carriers as $carrier)
                                @php
                                    $address = $carrier->addresses->firstWhere('is_default', true) ?? $carrier->addresses->first();
                                    $contact = $carrier->contacts->firstWhere('is_default', true) ?? $carrier->contacts->first();
                                @endphp
                                <tr>
                                    <td class="fw-semibold">{{ $carrier->display_name }}</td>
                                    <td>{{ $carrier->mc_number ?: '—' }}</td>
                                    <td>{{ $carrier->dot_number ?: '—' }}</td>
                                    <td>{{ $address?->city ?: '—' }}</td>
                                    <td>{{ $address?->stateProvince?->code ?: '—' }}</td>
                                    <td>{{ $contact?->full_name ?: '—' }}</td>
                                    <td>{{ $contact?->phone ?: '—' }}</td>
                                    <td>{{ $contact?->email ?: '—' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center text-muted py-4">No carriers are associated with this factoring company yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
</div>
@endsection