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

@section('content')
    <x-page-header :title="$deal->name" :lede="$deal->company?->name">
        <x-slot:actions>
            @can('update', $deal)
                <a class="btn secondary" href="{{ route('app.deals.edit', $deal) }}">Edit</a>
            @endcan
            @can('delete', $deal)
                <form method="POST" action="{{ route('app.deals.destroy', $deal) }}" data-confirm="Delete this deal?">
                    @csrf @method('DELETE')
                    <button class="btn danger" type="submit">Delete</button>
                </form>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <div class="grid stats" style="margin-bottom:16px">
        <x-stat label="Amount" :value="money((float) $deal->amount, (string) $deal->currency)" />
        <x-stat label="Weighted" :value="money($deal->weightedAmount(), (string) $deal->currency)" :note="$deal->probability.'% probability'" />
        <x-stat label="Stage" :value="$deal->stage?->name ?? '—'"
                :note="$deal->stage_changed_at ? (int) $deal->stage_changed_at->diffInDays(now()).' days in stage' : null" />
        <x-stat label="Status" :value="ucfirst($deal->status)"
                :note="$deal->actual_close_date?->format('d M Y')"
                :tone="$deal->status === 'won' ? 'up' : ($deal->status === 'lost' ? 'down' : null)" />
    </div>

    <div class="grid two">
        <div class="stack">
            @if ($deal->status === \App\Models\Opportunity::STATUS_OPEN)
                @canany(['markWon', 'markLost'], $deal)
                    <x-card title="Close this deal">
                        <form method="POST" action="{{ route('app.deals.close', $deal) }}" class="stack">
                            @csrf
                            <x-field name="outcome" label="Outcome" type="select" :options="['won' => 'Won', 'lost' => 'Lost']" required />
                            <x-field name="lost_reason" label="If lost, why?" placeholder="Price, timing, chose a competitor"
                                     hint="Required when marking a deal lost. Six months of these is your best product feedback." />
                            <button class="btn primary" type="submit">Close deal</button>
                        </form>
                    </x-card>
                @endcanany
            @elseif ($deal->lost_reason)
                <div class="alert warn">Lost: {{ $deal->lost_reason }}</div>
            @endif

            <x-card title="Details">
                <table class="data">
                    <tbody>
                        <tr><td class="muted">Contact</td><td>@if ($deal->contact)<a href="{{ route('app.contacts.show', $deal->contact) }}">{{ $deal->contact->full_name }}</a>@else — @endif</td></tr>
                        <tr><td class="muted">Company</td><td>@if ($deal->company)<a href="{{ route('app.companies.show', $deal->company) }}">{{ $deal->company->name }}</a>@else — @endif</td></tr>
                        <tr><td class="muted">Owner</td><td>{{ $deal->owner?->name ?? '—' }}</td></tr>
                        <tr><td class="muted">Expected close</td><td>{{ $deal->expected_close_date?->format('d M Y') ?? '—' }}</td></tr>
                        @if ($deal->lead)<tr><td class="muted">Came from</td><td><a href="{{ route('app.leads.show', $deal->lead) }}">{{ $deal->lead->title }}</a></td></tr>@endif
                    </tbody>
                </table>
                @if ($deal->description)<p style="margin:14px 0 0;white-space:pre-wrap">{{ $deal->description }}</p>@endif
            </x-card>

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

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