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

@section('content')
    <div class="page-head">
        <div><h1>Campaigns</h1><p>{{ $campaigns->total() }} campaign(s). Leads are attributed by the campaign name recorded on the lead.</p></div>
        <div class="page-actions">
            <a href="{{ route('campaigns.create') }}" class="btn">+ New campaign</a>
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Total budget', 'value' => money($totals['budget']), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Spent', 'value' => money($totals['spent'])])
        @include('components.kpi', ['label' => 'Leads generated', 'value' => number_format($totals['leads']), 'variant' => 'good'])
        @include('components.kpi', ['label' => 'Running now', 'value' => (string) $totals['running'],
            'variant' => $totals['running'] ? 'good' : ''])
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 240px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Campaign name…">
        </div>
        <div class="field">
            <label>Channel</label>
            <select name="channel" data-auto-submit>
                <option value="">All</option>
                @foreach ($channels as $c)
                    <option value="{{ $c }}" @selected(($filters['channel'] ?? '') === $c)>{{ title_case_words($c) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Status</label>
            <select name="status" data-auto-submit>
                <option value="">All</option>
                @foreach ($statuses as $s)
                    <option value="{{ $s }}" @selected(($filters['status'] ?? '') === $s)>{{ title_case_words($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field"><label>&nbsp;</label><button class="btn secondary" type="submit">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body" style="padding:0;">
            @if ($campaigns->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128226;',
                    'title' => 'No campaigns yet',
                    'message' => 'Record a marketing campaign to track what each channel actually returned.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Campaign</th><th>Channel</th><th>Period</th>
                        <th class="num">Budget</th><th class="num">Spent</th>
                        <th class="num">Leads</th><th class="num">Conv.</th><th>Status</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($campaigns as $campaign)
                        <tr>
                            <td><a href="{{ route('campaigns.show', $campaign) }}">{{ $campaign->name }}</a></td>
                            <td><span class="badge muted">{{ title_case_words($campaign->channel) }}</span></td>
                            <td class="small nowrap">
                                {{ $campaign->starts_on?->format('d M Y') ?: '—' }} —
                                {{ $campaign->ends_on?->format('d M Y') ?: 'open' }}
                            </td>
                            <td class="num">{{ money($campaign->budget) }}</td>
                            <td class="num">
                                {{ money($campaign->spent) }}
                                @if ($campaign->budget > 0)
                                    <div class="tiny muted">{{ round($campaign->spent / $campaign->budget * 100) }}% of budget</div>
                                @endif
                            </td>
                            <td class="num strong">{{ $campaign->leads_generated }}</td>
                            <td class="num">{{ $campaign->conversions }}
                                @if ($campaign->leads_generated > 0)
                                    <div class="tiny muted">{{ round($campaign->conversions / $campaign->leads_generated * 100) }}%</div>
                                @endif
                            </td>
                            <td><span class="badge {{ status_color($campaign->status === 'running' ? 'active' : $campaign->status) }}">
                                <span class="dot"></span>{{ title_case_words($campaign->status) }}</span></td>
                            <td class="right nowrap">
                                <a href="{{ route('campaigns.show', $campaign) }}" class="btn xs secondary">Open</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        @if ($campaigns->hasPages())<div class="card-foot">{{ $campaigns->links('partials.pagination') }}</div>@endif
    </div>
@endsection