@extends('layouts.app')

@section('title', $contract->name)

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Contracts', 'url' => route('contracts.index')],
    ['label' => $contract->name],
]" />

<x-page-header :title="$contract->name" :subtitle="$contract->contract_number">
    <x-slot name="actions">
        <a href="{{ route('contracts.edit', $contract) }}" class="procure-btn"><i class="fas fa-edit"></i> Edit</a>
        <button type="button" class="procure-btn text-danger"
            onclick="confirmAction({
                title: 'Delete Contract',
                message: 'Delete this contract?',
                confirmText: 'Delete',
                onConfirm: function() { document.getElementById('delete-contract-form').submit(); }
            })"><i class="fas fa-trash"></i> Delete</button>
        <form id="delete-contract-form" action="{{ route('contracts.destroy', $contract) }}" method="POST" class="d-none">
            @csrf @method('DELETE')
        </form>
    </x-slot>
</x-page-header>

<div class="row">
    <div class="col-lg-8 mb-3">
        <div class="procure-form-card">
            <div class="d-flex justify-content-between mb-3">
                <h5 class="font-weight-bold mb-0">Contract Details</h5>
                <x-status-badge :status="$contract->status" />
            </div>
            <div class="row">
                <div class="col-md-6">
                    <p class="procure-detail-label">Supplier</p>
                    <p class="procure-detail-value">
                        @if($contract->supplier)
                            <a href="{{ route('suppliers.show', $contract->supplier) }}">{{ $contract->supplier->name }}</a>
                        @else
                            —
                        @endif
                    </p>
                </div>
                <div class="col-md-6">
                    <p class="procure-detail-label">Value</p>
                    <p class="procure-detail-value">{{ number_format($contract->value ?? 0, 2) }} {{ $contract->currency }}</p>
                </div>
                <div class="col-md-4">
                    <p class="procure-detail-label">Start Date</p>
                    <p class="procure-detail-value">{{ optional($contract->start_date)->format('Y-m-d') }}</p>
                </div>
                <div class="col-md-4">
                    <p class="procure-detail-label">End Date</p>
                    <p class="procure-detail-value">{{ optional($contract->end_date)->format('Y-m-d') }}</p>
                </div>
                <div class="col-md-4">
                    <p class="procure-detail-label">Renewal Date</p>
                    <p class="procure-detail-value">{{ optional($contract->renewal_date)->format('Y-m-d') ?? '—' }}</p>
                </div>
            </div>
            @if($contract->notes)
                <p class="procure-detail-label">Notes</p>
                <p class="procure-detail-value">{{ $contract->notes }}</p>
            @endif
        </div>
    </div>
    <div class="col-lg-4 mb-3">
        @php
            $daysLeft = $contract->end_date ? now()->diffInDays($contract->end_date, false) : null;
        @endphp
        <x-kpi-card
            label="Days to Expiry"
            :value="$daysLeft !== null ? (string) max(0, (int) $daysLeft) : '—'"
            icon="fas fa-calendar-alt"
            color="teal" />
    </div>
</div>
@endsection