@extends("layouts.app")

@section("content")
<div class="container">
    <h1>Other Cost Details</h1>
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">{{ $otherCost->name }}</h5>
            <p class="card-text"><strong>Default Rate:</strong> {{ $otherCost->default_rate }} USD</p>
            <p class="card-text"><strong>Unit:</strong> {{ $otherCost->unit }}</p>
            <p class="card-text"><strong>Description:</strong> {{ $otherCost->description }}</p>
            <p class="card-text"><strong>Status:</strong> {{ $otherCost->is_active ? "Active" : "Inactive" }}</p>
            <a href="{{ route("other_costs.edit", $otherCost->id) }}" class="btn btn-warning">Edit</a>
            <a href="{{ route("other_costs.index") }}" class="btn btn-secondary">Back to List</a>
        </div>
    </div>
</div>
@endsection