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

@section('content')
    <x-page-header title="Leads" :lede="number_format($leads->total()).' total'">
        <x-slot:actions>
            <a class="btn secondary" href="{{ route('app.leads.board') }}">Board view</a>
            @can('leads.export')
                <a class="btn secondary" href="{{ route('app.export.download', ['type' => 'leads', ...request()->query()]) }}">Export CSV</a>
            @endcan
            @can('create', \App\Models\Lead::class)
                <a class="btn primary" href="{{ route('app.leads.create') }}">New lead</a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <x-card :flush="true">
        <form class="filters" method="GET" data-autosubmit>
            <div class="field search"><input type="search" name="q" value="{{ request('q') }}" placeholder="Title, company, email"></div>
            <div class="field">
                <select name="status">
                    <option value="">Any status</option>
                    @foreach (['open' => 'Open', 'won' => 'Won', 'lost' => 'Lost', 'converted' => 'Converted'] 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 ($leads->isEmpty())
            <x-empty title="No leads match" message="Try clearing the filters, or add a lead to get started." />
        @else
            <div class="table-wrap">
                <table class="data">
                    <thead>
                        <tr>
                            <th><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'title') }}">Lead</a></th>
                            <th>Stage</th>
                            <th class="num"><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'expected_value') }}">Value</a></th>
                            <th class="num"><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'score') }}">Score</a></th>
                            <th><a href="{{ \App\Support\Http\RecordFilter::sortLink(request(), 'expected_close_date') }}">Expected close</a></th>
                            <th>Owner</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($leads as $lead)
                            <tr>
                                <td>
                                    <a href="{{ route('app.leads.show', $lead) }}" style="font-weight:600">{{ $lead->title }}</a>
                                    @if ($lead->company_name)<span class="sub">{{ $lead->company_name }}</span>@endif
                                </td>
                                <td><x-badge :stage="$lead->stage?->colour_token">{{ $lead->stage?->name }}</x-badge></td>
                                <td class="num">{{ $lead->expected_value ? money((float) $lead->expected_value, (string) $lead->currency) : '—' }}</td>
                                <td class="num">{{ $lead->score }}</td>
                                <td class="nowrap">{{ $lead->expected_close_date?->format('d M Y') ?? '—' }}</td>
                                <td class="nowrap">{{ $lead->owner?->name ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

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