@extends('layouts.app')
@section('title', $contact->full_name)

@section('content')
    <x-page-header :title="$contact->full_name" :lede="collect([$contact->job_title, $contact->company?->name])->filter()->join(' at ')">
        <x-slot:actions>
            @can('update', $contact)
                <a class="btn secondary" href="{{ route('app.contacts.edit', $contact) }}">Edit</a>
            @endcan
            @can('delete', $contact)
                <form method="POST" action="{{ route('app.contacts.destroy', $contact) }}"
                      data-confirm="Delete {{ $contact->full_name }}? This can be undone by an administrator.">
                    @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">Email</td><td>@if ($contact->email)<a href="mailto:{{ $contact->email }}">{{ $contact->email }}</a>@else — @endif</td></tr>
                        <tr><td class="muted">Phone</td><td>{{ $contact->phone ?? '—' }}</td></tr>
                        <tr><td class="muted">Company</td><td>@if ($contact->company)<a href="{{ route('app.companies.show', $contact->company) }}">{{ $contact->company->name }}</a>@else — @endif</td></tr>
                        <tr><td class="muted">Type</td><td><x-badge :tone="$contact->contact_type === 'customer' ? 'positive' : 'muted'">{{ ucfirst($contact->contact_type) }}</x-badge></td></tr>
                        <tr><td class="muted">Owner</td><td>{{ $contact->owner?->name ?? '—' }}</td></tr>
                        <tr><td class="muted">Last contact</td><td>{{ $contact->last_contacted_at?->diffForHumans() ?? 'Never' }}</td></tr>
                        <tr><td class="muted">Location</td><td>{{ collect([$contact->city, $contact->country])->filter()->join(', ') ?: '—' }}</td></tr>
                        @if ($contact->do_not_email || $contact->do_not_call)
                            <tr><td class="muted">Contact rules</td><td>
                                @if ($contact->do_not_email)<x-badge tone="negative">No email</x-badge>@endif
                                @if ($contact->do_not_call)<x-badge tone="negative">No calls</x-badge>@endif
                            </td></tr>
                        @endif
                    </tbody>
                </table>
                @if ($contact->description)
                    <p style="margin:14px 0 0;white-space:pre-wrap">{{ $contact->description }}</p>
                @endif
            </x-card>

            @if ($deals->isNotEmpty() || $leads->isNotEmpty())
                <x-card title="Pipeline">
                    @foreach ($leads as $lead)
                        <div class="row between" style="padding:8px 0;border-bottom:1px solid var(--line)">
                            <a href="{{ route('app.leads.show', $lead) }}">{{ $lead->title }}</a>
                            <x-badge :stage="$lead->stage?->colour_token">{{ $lead->stage?->name }}</x-badge>
                        </div>
                    @endforeach
                    @foreach ($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>
                    @endforeach
                </x-card>
            @endif

            @if ($tasks->isNotEmpty())
                <x-card title="Open tasks">
                    @foreach ($tasks as $task)
                        <div class="row between" style="padding:7px 0;border-bottom:1px solid var(--line)">
                            <span>{{ $task->title }}</span>
                            <span class="small {{ $task->due_at?->isPast() ? '' : 'muted' }}"
                                  style="{{ $task->due_at?->isPast() ? 'color:var(--negative)' : '' }}">
                                {{ $task->due_at?->diffForHumans() ?? 'No due date' }}
                            </span>
                        </div>
                    @endforeach
                </x-card>
            @endif

            <x-card title="Notes">
                @include('partials.notes', ['type' => 'contacts', 'record' => $contact, 'notes' => $notes])
            </x-card>
        </div>

        <div class="stack">
            <x-card title="Log an interaction">
                @include('partials.log-activity', ['type' => 'contacts', 'record' => $contact])
            </x-card>

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