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

@section('content')
    @php $openTotal = $grouped->flatten()->where('status', 'open')->sum('amount'); @endphp

    <x-page-header title="Deals" :lede="$pipeline->name.' · '.money((float) $openTotal, (string) $currency).' open'">
        <x-slot:actions>
            @if ($pipelines->count() > 1)
                <form method="GET" data-autosubmit>
                    <select name="pipeline" aria-label="Pipeline">
                        @foreach ($pipelines as $option)
                            <option value="{{ $option->public_id }}" @selected($option->id === $pipeline->id)>{{ $option->name }}</option>
                        @endforeach
                    </select>
                </form>
            @endif
            <a class="btn secondary" href="{{ route('app.deals.index') }}">List view</a>
            @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="board" data-board="{{ route('app.deals.move') }}">
        @foreach ($stages as $stage)
            @php $cards = $grouped[$stage->id] ?? collect(); @endphp
            <section class="column {{ $stage->colour_token }}" data-stage="{{ $stage->public_id }}" aria-label="{{ $stage->name }}">
                <header>
                    <div class="row between">
                        <span class="title">{{ $stage->name }}</span>
                        <span class="small muted">{{ $stage->probability }}%</span>
                    </div>
                    <div class="total" data-symbol="">
                        {{ $cards->count() }} {{ \Illuminate\Support\Str::plural('record', $cards->count()) }}
                        @if ($cards->sum('amount') > 0) · {{ money((float) $cards->sum('amount'), (string) $currency) }} @endif
                    </div>
                </header>

                <div class="cards">
                    @foreach ($cards as $deal)
                        <article class="kcard" data-id="{{ $deal->public_id }}" data-value="{{ (float) $deal->amount }}">
                            <a class="name" href="{{ route('app.deals.show', $deal) }}">{{ $deal->name }}</a>
                            @if ($deal->company)<span class="small muted">{{ $deal->company->name }}</span>@endif
                            <div class="meta">
                                <span class="money">{{ money((float) $deal->amount, (string) $deal->currency) }}</span>
                                @if ($deal->owner)<x-avatar :name="$deal->owner->name" />@endif
                            </div>
                        </article>
                    @endforeach
                </div>
            </section>
        @endforeach
    </div>
@endsection