@extends('layouts.app')

@section('title', $service->title)
@section('page-title', 'Service Details')
@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('services.index') }}">Services</a></li>
    <li class="breadcrumb-item active">{{ $service->title }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ $service->title }}</h3>
        <span class="badge text-bg-{{ $service->status === 'active' ? 'success' : ($service->status === 'expired' ? 'danger' : 'secondary') }} float-end">
            {{ ucfirst($service->status) }}
        </span>
    </div>
    <div class="card-body">
        <dl class="row">
            <dt class="col-sm-3">Customer</dt>
            <dd class="col-sm-9"><a href="{{ route('customers.show', $service->customer) }}">{{ $service->customer->name }}</a></dd>

            <dt class="col-sm-3">Category</dt>
            <dd class="col-sm-9">{{ $service->category->name ?? '-' }}</dd>

            <dt class="col-sm-3">Price</dt>
            <dd class="col-sm-9">${{ number_format($service->price, 2) }} ({{ ucfirst(str_replace('_', ' ', $service->billing_cycle)) }})</dd>

            <dt class="col-sm-3">Period</dt>
            <dd class="col-sm-9">
                {{ optional($service->start_date)->format('Y-m-d') ?? '-' }}
                &rarr;
                {{ optional($service->end_date)->format('Y-m-d') ?? '-' }}
            </dd>

            <dt class="col-sm-3">Description</dt>
            <dd class="col-sm-9">{{ $service->description ?: '-' }}</dd>
        </dl>

        @if (auth()->user()->hasRole('Admin', 'Accountant'))
            <a href="{{ route('services.edit', $service) }}" class="btn btn-outline-primary btn-sm"><i class="fas fa-pen me-1"></i>Edit</a>
        @endif
        <a href="{{ route('services.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
    </div>
</div>
@endsection