@extends('layouts.app')
@section('title', 'Contacts')

@section('content')
    <x-page-header title="Contacts" :lede="number_format($contacts->total()).' '.\Illuminate\Support\Str::plural('contact', $contacts->total())">
        <x-slot:actions>
            @can('contacts.export')
                <a class="btn secondary" href="{{ route('app.export.download', ['type' => 'contacts', ...request()->query()]) }}">Export CSV</a>
            @endcan
            @can('create', \App\Models\Contact::class)
                <a class="btn primary" href="{{ route('app.contacts.create') }}">New contact</a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    @if (! $usage['unlimited'] && $usage['percent'] >= 90)
        <div class="alert warn">
            {{ number_format($usage['used']) }} of {{ number_format($usage['limit']) }} contacts used on your plan.
        </div>
    @endif

    <x-card :flush="true">
        <form class="filters" method="GET" data-autosubmit>
            <div class="field search">
                <input type="search" name="q" value="{{ request('q') }}" placeholder="Name, email or phone">
            </div>
            <div class="field">
                <select name="status">
                    <option value="">Any status</option>
                    @foreach (['active' => 'Active', 'inactive' => 'Inactive', 'do_not_contact' => 'Do not contact'] as $key => $label)
                        <option value="{{ $key }}" @selected(request('status') === $key)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field">
                <select name="contact_type">
                    <option value="">Any type</option>
                    @foreach (['prospect' => 'Prospect', 'customer' => 'Customer', 'partner' => 'Partner', 'vendor' => 'Vendor'] as $key => $label)
                        <option value="{{ $key }}" @selected(request('contact_type') === $key)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field">
                <select name="owner">
                    <option value="">Any owner</option>
                    @foreach ($owners as $id => $name)
                        <option value="{{ $id }}" @selected((int) request('owner') === $id)>{{ $name }}</option>
                    @endforeach
                </select>
            </div>
            <noscript><button class="btn secondary" type="submit">Filter</button></noscript>
        </form>

        @if ($contacts->isEmpty())
            <x-empty title="No contacts yet" message="Add the people you are selling to and their history starts building itself.">
                <x-slot:action>
                    @can('create', \App\Models\Contact::class)
                        <a class="btn primary" href="{{ route('app.contacts.create') }}">Add your first contact</a>
                    @endcan
                </x-slot:action>
            </x-empty>
        @else
            <div class="table-wrap">
                <table class="data">
                    <thead>
                        <tr>
                            @foreach (['first_name' => 'Name', 'email' => 'Email', 'last_contacted_at' => 'Last contact', 'created_at' => 'Added'] as $column => $label)
                                <th class="{{ \App\Support\Http\RecordFilter::sortState(request(), $column) ? 'sorted' : '' }}">
                                    <a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), $column) }}">{{ $label }}</a>
                                </th>
                            @endforeach
                            <th>Company</th><th>Type</th><th>Owner</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($contacts as $contact)
                            <tr>
                                <td>
                                    <a href="{{ route('app.contacts.show', $contact) }}" style="font-weight:600">{{ $contact->full_name }}</a>
                                    @if ($contact->job_title)<span class="sub">{{ $contact->job_title }}</span>@endif
                                </td>
                                <td>
                                    @if ($contact->email)<a href="mailto:{{ $contact->email }}">{{ $contact->email }}</a>@else <span class="muted">—</span> @endif
                                    @if ($contact->phone)<span class="sub">{{ $contact->phone }}</span>@endif
                                </td>
                                <td class="nowrap">{{ $contact->last_contacted_at?->diffForHumans() ?? '—' }}</td>
                                <td class="nowrap">{{ $contact->created_at->format('d M Y') }}</td>
                                <td>{{ $contact->company?->name ?? '—' }}</td>
                                <td><x-badge :tone="$contact->contact_type === 'customer' ? 'positive' : 'muted'">{{ ucfirst($contact->contact_type) }}</x-badge></td>
                                <td class="nowrap">{{ $contact->owner?->name ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

        <x-slot:foot>{{ $contacts->links() }}</x-slot:foot>
    </x-card>
@endsection