@extends('layouts.app')

@section('title', 'Product Details')

@section('content')
<h1>Product Details</h1>
<div class="card">
    <p><strong>ID:</strong> {{ $product->id }}</p>
    <p><strong>Product:</strong> {{ $product->description }}</p>
    <p><strong>Service Speed:</strong> {{ $product->service_speed ?? '—' }}</p>
    <p><strong>Purchase Price:</strong> {{ number_format($product->purchase_price, 2) }}</p>
    <p><strong>Sale Price:</strong> {{ number_format($product->sale_price, 2) }}</p>
    <p><strong>Status:</strong> {{ ucfirst($product->status) }}</p>
    <p><strong>Provider Product ID:</strong> {{ $product->provider_product_id ?? '—' }}</p>
    <p><strong>Handoff Type:</strong> {{ $product->handoff_type ?? '—' }}</p>
    <div style="margin-top: 1rem;">
        <a href="{{ route('admin.products.edit', $product) }}" class="btn">Edit</a>
        <a href="{{ route('admin.products.index') }}" class="btn btn-outline" style="margin-left: 0.5rem;">Back to List</a>
    </div>
</div>
@endsection