@extends('layouts.app')
@section('title', $company->name)

@section('content')
    <x-page-header :title="$company->name" :lede="collect([$company->industry, $company->city])->filter()->join(' · ')">
        <x-slot:actions>
            @can('update', $company)
                <a class="btn secondary" href="{{ route('app.companies.edit', $company) }}">Edit</a>
            @endcan
            @can('delete', $company)
                <form method="POST" action="{{ route('app.companies.destroy', $company) }}"
                      data-confirm="Delete {{ $company->name }}? Its contacts are kept and become unassigned.">
                    @csrf @method('DELETE')
                    <button class="btn danger" type="submit">Delete</button>
                </form>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <div class="grid two">
        <div class="stack">
            <x-card title="Details">
                <table class="data">
                    <tbody>
                        <tr><td class="muted">Website</td><td>@if ($company->website)<a href="{{ $company->website }}" rel="noopener noreferrer" target="_blank">{{ $company->website }}</a>@else — @endif</td></tr>
                        <tr><td class="muted">Email</td><td>{{ $company->email ?? '—' }}</td></tr>
                        <tr><td class="muted">Phone</td><td>{{ $company->phone ?? '—' }}</td></tr>
                        <tr><td class="muted">Employees</td><td class="num">{{ $company->employee_count ? number_format($company->employee_count) : '—' }}</td></tr>
                        <tr><td class="muted">Revenue</td><td class="num">{{ $company->annual_revenue ? money((float) $company->annual_revenue, (string) ($company->currency ?: auth()->user()->tenant->currency)) : '—' }}</td></tr>
                        <tr><td class="muted">Owner</td><td>{{ $company->owner?->name ?? '—' }}</td></tr>
                    </tbody>
                </table>
                @if ($company->description)<p style="margin:14px 0 0;white-space:pre-wrap">{{ $company->description }}</p>@endif
            </x-card>

            <x-card title="People">
                @forelse ($contacts as $contact)
                    <div class="row between" style="padding:8px 0;border-bottom:1px solid var(--line)">
                        <span class="row">
                            <x-avatar :name="$contact->full_name" />
                            <span>
                                <a href="{{ route('app.contacts.show', $contact) }}">{{ $contact->full_name }}</a>
                                @if ($contact->job_title)<span class="sub">{{ $contact->job_title }}</span>@endif
                            </span>
                        </span>
                        <span class="small muted">{{ $contact->email }}</span>
                    </div>
                @empty
                    <p class="muted small" style="margin:0">No contacts linked to this company yet.</p>
                @endforelse
            </x-card>
        </div>

        <div class="stack">
            <x-card title="Deals">
                @forelse ($deals as $deal)
                    <div class="row between" style="padding:8px 0;border-bottom:1px solid var(--line)">
                        <a href="{{ route('app.deals.show', $deal) }}">{{ $deal->name }}</a>
                        <span class="row" style="gap:8px">
                            <span class="money small">{{ money((float) $deal->amount, (string) $deal->currency) }}</span>
                            <x-badge :stage="$deal->stage?->colour_token">{{ $deal->stage?->name }}</x-badge>
                        </span>
                    </div>
                @empty
                    <p class="muted small" style="margin:0">No deals yet.</p>
                @endforelse
            </x-card>

            <x-card title="Timeline">
                @include('partials.timeline', ['timeline' => $timeline])
            </x-card>
        </div>
    </div>
@endsection