@extends ('layouts/template')

@section('content')

    <div class="p-3 mcp-theme-1">
        <div class="card">

            <div class="card-header p-3 d-flex align-items-center">
                <strong class="mr-4">
                    <i class="fas fa-user-injured"></i>
                    Payment Rates
                </strong>
            </div>
            <div class="card-body p-0">

                <table class="table table-sm table-condensed p-0 m-0">
                    <thead class="bg-light">
                    <tr>
                        <th class="px-3 border-0">Responsibility</th>
                        <th class="border-0">Code</th>
                        <th class="border-0">Amount</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($rates as $rate)
                        <tr>
                            <td class="px-3">
                                {{ $rate->responsibility }}
                            </td>
                            <td class="font-weight-bold">
                                {{ $rate->code }}
                            </td>
                            <td class="font-weight-bold">
                                ${{ $rate->amount }}
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection
