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

@section('content')
    <x-page-header :title="$lead->title" :lede="$lead->company_name ?: $lead->company?->name">
        <x-slot:actions>
            @can('update', $lead)
                <a class="btn secondary" href="{{ route('app.leads.edit', $lead) }}">Edit</a>
            @endcan
            @can('delete', $lead)
                <form method="POST" action="{{ route('app.leads.destroy', $lead) }}" data-confirm="Delete this lead?">
                    @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">Stage</td><td><x-badge :stage="$lead->stage?->colour_token">{{ $lead->stage?->name }}</x-badge></td></tr>
                        <tr><td class="muted">Status</td><td>{{ ucfirst($lead->status) }}</td></tr>
                        <tr><td class="muted">Value</td><td class="money">{{ $lead->expected_value ? money((float) $lead->expected_value, (string) $lead->currency) : '—' }}</td></tr>
                        <tr><td class="muted">Probability</td><td>{{ $lead->probability }}%</td></tr>
                        <tr><td class="muted">Expected close</td><td>{{ $lead->expected_close_date?->format('d M Y') ?? '—' }}</td></tr>
                        <tr><td class="muted">Contact</td><td>{{ trim($lead->first_name.' '.$lead->last_name) ?: '—' }}</td></tr>
                        <tr><td class="muted">Email</td><td>{{ $lead->email ?? '—' }}</td></tr>
                        <tr><td class="muted">Phone</td><td>{{ $lead->phone ?? '—' }}</td></tr>
                        <tr><td class="muted">Owner</td><td>{{ $lead->owner?->name ?? '—' }}</td></tr>
                        <tr><td class="muted">In stage</td><td>{{ $lead->stage_changed_at ? (int) $lead->stage_changed_at->diffInDays(now()).' days' : '—' }}</td></tr>
                    </tbody>
                </table>
                @if ($lead->description)<p style="margin:14px 0 0;white-space:pre-wrap">{{ $lead->description }}</p>@endif
            </x-card>

            @can('convert', $lead)
                @if ($lead->converted_opportunity_id === null)
                    <x-card title="Convert to a deal">
                        <p class="small muted" style="margin-top:0">
                            The lead is kept and marked converted, so where a deal came from stays answerable later.
                        </p>
                        <form method="POST" action="{{ route('app.leads.convert', $lead) }}">
                            @csrf
                            <x-field name="name" label="Deal name" :value="$lead->title" required />
                            <div class="grid form">
                                <x-field name="amount" label="Amount" type="number" step="0.01" min="0" :value="$lead->expected_value ?? 0" required />
                                <x-field name="expected_close_date" label="Expected close" type="date" :value="$lead->expected_close_date?->format('Y-m-d')" />
                            </div>
                            @if ($lead->contact_id === null && $lead->email)
                                <label class="check" style="margin-bottom:14px">
                                    <input type="checkbox" name="create_contact" value="1" checked>
                                    <span>Also create a contact for {{ $lead->email }}</span>
                                </label>
                            @endif
                            <button class="btn primary" type="submit">Convert</button>
                        </form>
                    </x-card>
                @else
                    <div class="alert good">
                        Converted to <a href="{{ route('app.deals.show', $lead->convertedOpportunity) }}">{{ $lead->convertedOpportunity->name }}</a>
                        {{ $lead->converted_at?->diffForHumans() }}.
                    </div>
                @endif
            @endcan

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

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