@extends('layouts.app')
@section('title', $contract->contract_number)

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ $contract->contract_number }}</h1>
            <p>{{ $contract->title }}</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('print.contract', $contract) }}" class="btn secondary" target="_blank" rel="noopener">Print</a>
            <a href="{{ route('contracts.edit', $contract) }}" class="btn secondary">Edit</a>

            @if (! in_array($contract->status, ['terminated', 'cancelled'], true))
                <form method="POST" action="{{ route('contracts.renew', $contract) }}"
                      data-confirm="Renew {{ $contract->contract_number }} for another {{ $contract->term_months }} month(s)?">
                    @csrf
                    <button class="btn secondary" type="submit">Renew term</button>
                </form>
            @endif

            @if ($contract->status !== 'active')
                <form method="POST" action="{{ route('contracts.sign', $contract) }}"
                      data-confirm="Mark {{ $contract->contract_number }} as signed and active?">
                    @csrf
                    <button class="btn" type="submit">Mark signed</button>
                </form>
            @endif

            @if (! in_array($contract->status, ['terminated', 'cancelled'], true))
                <form method="POST" action="{{ route('contracts.terminate', $contract) }}">
                    @csrf
                    <input type="hidden" name="reason" value="Terminated by staff">
                    <button class="btn danger" type="submit"
                            data-confirm="Terminate {{ $contract->contract_number }}?">Terminate</button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Monthly value', 'value' => money($contract->monthly_value), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Contract value', 'value' => money($contract->monthly_value * $contract->term_months)])
        @include('components.kpi', [
            'label' => 'Days remaining',
            'value' => $daysLeft === null ? '—' : (string) $daysLeft,
            'variant' => $daysLeft !== null && $daysLeft < 0 ? 'bad' : ($daysLeft !== null && $daysLeft < 60 ? 'warn' : 'good'),
        ])
        @include('components.kpi', ['label' => 'Status', 'value' => title_case_words($contract->status)])
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Agreement</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Customer</dt>
                    <dd>
                        @if ($contract->customer)
                            <a href="{{ route('customers.show', $contract->customer) }}">{{ $contract->customer->display_name }}</a>
                        @else — @endif
                    </dd>

                    <dt>Service</dt>
                    <dd>
                        @if ($contract->service)
                            <a class="mono" href="{{ route('services.show', $contract->service) }}">{{ $contract->service->service_number }}</a>
                            — {{ $contract->service->plan?->name }}
                        @else — @endif
                    </dd>

                    <dt>Type</dt><dd>{{ title_case_words($contract->type) }}</dd>
                    <dt>Status</dt>
                    <dd><span class="badge {{ status_color($contract->status) }}">
                        <span class="dot"></span>{{ title_case_words($contract->status) }}</span></dd>
                    <dt>Term</dt><dd>{{ $contract->term_months }} month(s)</dd>
                    <dt>Period</dt>
                    <dd>{{ $contract->starts_on?->format('d M Y') }} — {{ $contract->ends_on?->format('d M Y') }}</dd>
                    <dt>Notice period</dt><dd>{{ $contract->notice_period_days }} day(s)</dd>
                    <dt>Auto-renew</dt><dd>{{ $contract->auto_renew ? 'Yes' : 'No' }}</dd>
                    <dt>Signed</dt><dd>{{ $contract->signed_at?->format('d M Y H:i') ?: 'Not signed' }}</dd>
                    @if ($contract->file_path)
                        <dt>Document</dt><dd class="mono tiny">{{ $contract->file_path }}</dd>
                    @endif
                </dl>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Terms</h3></div>
            <div class="card-body">
                @if ($contract->terms)
                    <div style="white-space:pre-wrap;" class="small">{{ $contract->terms }}</div>
                @else
                    @include('components.empty-state', ['icon' => '&#128220;', 'title' => 'No terms recorded',
                        'message' => 'Add the agreed service levels and termination conditions.'])
                @endif
            </div>
            <div class="card-foot">
                <form method="POST" action="{{ route('contracts.destroy', $contract) }}"
                      data-confirm="Delete {{ $contract->contract_number }} permanently?">
                    @csrf @method('DELETE')
                    <button class="btn xs danger" type="submit">Delete contract</button>
                </form>
            </div>
        </div>
    </div>
@endsection