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

@section('content')
    <div class="page-head">
        <div><h1>Contracts</h1><p>{{ $contracts->total() }} agreement(s) matching your filters.</p></div>
        <div class="page-actions">
            <a href="{{ route('contracts.create') }}" class="btn">+ New contract</a>
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Contracted MRR', 'value' => money($totals['contractedMrr']), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Active value', 'value' => money($totals['active']), 'variant' => 'good'])
        @include('components.kpi', ['label' => 'Expiring in 60 days', 'value' => (string) $totals['expiring'], 'variant' => $totals['expiring'] ? 'warn' : ''])
        @include('components.kpi', ['label' => 'Drafts', 'value' => (string) $totals['draft']])
    </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="Contract number, title, customer…">
        </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>Type</label>
            <select name="type" data-auto-submit>
                <option value="">All</option>
                @foreach ($types as $t)
                    <option value="{{ $t }}" @selected(($filters['type'] ?? '') === $t)>{{ title_case_words($t) }}</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 ($contracts->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128220;',
                    'title' => 'No contracts found',
                    'message' => 'Record a customer agreement to track term, notice period and contracted revenue.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Contract</th><th>Customer</th><th>Type</th><th>Service</th>
                        <th class="num">Monthly value</th><th>Term</th><th>Ends</th><th>Status</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($contracts as $contract)
                        <tr>
                            <td class="mono"><a href="{{ route('contracts.show', $contract) }}">{{ $contract->contract_number }}</a>
                                <div class="tiny muted">{{ \Illuminate\Support\Str::limit($contract->title, 42) }}</div></td>
                            <td class="small">{{ $contract->customer?->display_name ?: '—' }}</td>
                            <td><span class="badge muted">{{ title_case_words($contract->type) }}</span></td>
                            <td class="small mono">{{ $contract->service?->service_number ?: '—' }}</td>
                            <td class="num strong">{{ money($contract->monthly_value) }}</td>
                            <td class="small">{{ $contract->term_months }} mo
                                @if ($contract->auto_renew)<span class="badge muted">auto</span>@endif</td>
                            <td class="small nowrap">{{ $contract->ends_on?->format('d M Y') ?: '—' }}</td>
                            <td><span class="badge {{ status_color($contract->status) }}">
                                <span class="dot"></span>{{ title_case_words($contract->status) }}</span></td>
                            <td class="right nowrap">
                                <a href="{{ route('contracts.show', $contract) }}" class="btn xs secondary">Open</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        @if ($contracts->hasPages())<div class="card-foot">{{ $contracts->links('partials.pagination') }}</div>@endif
    </div>
@endsection