customer-portal.blade.php

<div class="p-4 py-8">
    <x-page.header title="Customer Agreements Portal"></x-page.header>

    <div>
        <input type="search" class="my-4 tw-input w-40"
               placeholder="Filter by Company or Company Code"
               wire:model="search">
    </div>

    <section class="uam-tabs-container hidden lg:inline lg:mt-8">
        <div class="uam-tab {{( $statusIndicator == 1 ? 'active' : '')}}"
             wire:click="tabber(1)">
            Invited [{{$invited}}]
        </div>
        <div class="uam-tab {{( $statusIndicator == 2 ? 'active' : '')}}"
             wire:click="tabber(2)">
            Initiated [{{$initiated}}]
        </div>
        <div class="uam-tab {{( $statusIndicator == 3 ? 'active' : '')}}"
             wire:click="tabber(3)">
            Submitted [{{$submitted}}]
        </div>
        <div class="uam-tab {{( $statusIndicator == 4 ? 'active' : '')}}"
             wire:click="tabber(4)">
            Verified [{{$verified}}]
        </div>
        <div class="uam-tab {{( $statusIndicator == 5 ? 'active' : '')}}"
             wire:click="tabber(5)">
            Approved [{{$approved}}]
        </div>
        <div class="uam-tab {{( $statusIndicator == 6 ? 'active' : '')}}"
             wire:click="tabber(6)">
            Processed [{{$processed}}]
        </div>
        <div class="uam-tab {{( $statusIndicator == 7 ? 'active' : '')}}"
             wire:click="tabber(7)">
            Completed [{{$completed}}]
        </div>
    </section>

    <div wire:transition.fade.900s>
        <table class="uam-condensed-table w-full">
            <thead>
                <tr>
                    <th>Company</th>
                    <th>Code</th>
                    <th>Location</th>
                    <th>CO</th>
                    <th>Phone</th>
                    <th>CAF Contact</th>
                    <th>AR Contact</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>

            <tbody>
            @forelse($agreements as $ag)
                @livewire('customers.caf-row', ['id' => $ag->id], key($ag->id))
            @empty
                <tr>
                    <td colspan="8" class="font-semibold text-silver-700">
                        There are no corresponding agreements.
                    </td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>