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

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

    <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 city"></div>
            <div class="field">
                <select name="industry">
                    <option value="">Any industry</option>
                    @foreach ($industries as $industry)<option value="{{ $industry }}" @selected(request('industry') === $industry)>{{ $industry }}</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 ($companies->isEmpty())
            <x-empty title="No companies yet" message="Group your contacts under the organisations they work for.">
                <x-slot:action>
                    @can('create', \App\Models\Company::class)
                        <a class="btn primary" href="{{ route('app.companies.create') }}">Add a company</a>
                    @endcan
                </x-slot:action>
            </x-empty>
        @else
            <div class="table-wrap">
                <table class="data">
                    <thead>
                        <tr>
                            <th><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'name', 'name') }}">Company</a></th>
                            <th>Industry</th><th class="num">Contacts</th><th class="num">Deals</th>
                            <th>Location</th><th>Owner</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($companies as $company)
                            <tr>
                                <td>
                                    <a href="{{ route('app.companies.show', $company) }}" style="font-weight:600">{{ $company->name }}</a>
                                    @if ($company->website)<span class="sub">{{ $company->website }}</span>@endif
                                </td>
                                <td>{{ $company->industry ?? '—' }}</td>
                                <td class="num">{{ $company->contacts_count }}</td>
                                <td class="num">{{ $company->opportunities_count }}</td>
                                <td>{{ collect([$company->city, $company->country])->filter()->join(', ') ?: '—' }}</td>
                                <td class="nowrap">{{ $company->owner?->name ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

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