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

@section('content')
    <x-page-header title="Deals" lede="Totals reflect the filters, not just this page.">
        <x-slot:actions>
            <a class="btn secondary" href="{{ route('app.deals.board') }}">Board view</a>
            @can('opportunities.export')
                <a class="btn secondary" href="{{ route('app.export.download', ['type' => 'deals', ...request()->query()]) }}">Export CSV</a>
            @endcan
            @can('create', \App\Models\Opportunity::class)
                <a class="btn primary" href="{{ route('app.deals.create') }}">New deal</a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <div class="grid stats" style="margin-bottom:16px">
        <x-stat label="Matching deals" :value="number_format((int) $totals->records)" />
        <x-stat label="Total value" :value="money((float) $totals->total, (string) $currency)" />
        <x-stat label="Weighted" :value="money((float) $totals->weighted, (string) $currency)" note="By stage probability" />
    </div>

    <x-card :flush="true">
        <form class="filters" method="GET" data-autosubmit>
            <div class="field search"><input type="search" name="q" value="{{ request('q') }}" placeholder="Deal name"></div>
            <div class="field">
                <select name="status">
                    <option value="">Any status</option>
                    @foreach (['open' => 'Open', 'won' => 'Won', 'lost' => 'Lost'] as $key => $label)
                        <option value="{{ $key }}" @selected(request('status') === $key)>{{ $label }}</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 ($deals->isEmpty())
            <x-empty title="No deals match" message="Adjust the filters, or create a deal." />
        @else
            <div class="table-wrap">
                <table class="data">
                    <thead>
                        <tr>
                            <th><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'name', '-amount') }}">Deal</a></th>
                            <th>Stage</th>
                            <th class="num"><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'amount', '-amount') }}">Amount</a></th>
                            <th class="num">Weighted</th>
                            <th><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'expected_close_date', '-amount') }}">Close</a></th>
                            <th>Owner</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($deals as $deal)
                            <tr>
                                <td>
                                    <a href="{{ route('app.deals.show', $deal) }}" style="font-weight:600">{{ $deal->name }}</a>
                                    @if ($deal->company)<span class="sub">{{ $deal->company->name }}</span>@endif
                                </td>
                                <td><x-badge :stage="$deal->stage?->colour_token">{{ $deal->stage?->name }}</x-badge></td>
                                <td class="num">{{ money((float) $deal->amount, (string) $deal->currency) }}</td>
                                <td class="num muted">{{ money($deal->weightedAmount(), (string) $deal->currency) }}</td>
                                <td class="nowrap">{{ $deal->expected_close_date?->format('d M Y') ?? '—' }}</td>
                                <td class="nowrap">{{ $deal->owner?->name ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

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