@extends("layouts.app")

@section("content")
<div class="container">
    <h1>Commercial Rate Details</h1>
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">{{ $commercialRate->name }}</h5>
            <p class="card-text"><strong>Percentage:</strong> {{ $commercialRate->percentage }}%</p>
            <p class="card-text"><strong>Description:</strong> {{ $commercialRate->description }}</p>
            <p class="card-text"><strong>Status:</strong> {{ $commercialRate->is_active ? "Active" : "Inactive" }}</p>
            <a href="{{ route("commercial_rates.edit", $commercialRate->id) }}" class="btn btn-warning">Edit</a>
            <a href="{{ route("commercial_rates.index") }}" class="btn btn-secondary">Back to List</a>
        </div>
    </div>
</div>
@endsection