@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Commission Details</h2>

    <div class="card">
        <div class="card-body">
            <p><strong>ID:</strong> {{ $commission->id }}</p>
            <p><strong>Car Sale:</strong> {{ $commission->registration_no }} ({{ $commission->buyer_name }} → {{ $commission->seller_name }})</p>
            <p><strong>Date:</strong> {{ $commission->date }}</p>
            <p><strong>Buyer Commission:</strong> {{ $commission->buyer_commission }}</p>
            <p><strong>Seller Commission:</strong> {{ $commission->seller_commission }}</p>
            <p><strong>Receiver:</strong> {{ $commission->receiver_name }}</p>
            <p><strong>Owner:</strong> {{ $commission->owner_name }}</p>

        </div>
    </div>

    <a href="{{ route('commissions.index') }}" class="btn btn-secondary mt-3">Back</a>
</div>
@endsection