@extends('new_app.header')
@section('content')
    <section class="container-fluid p-3 shadow bg-body radius-8">
        <div class="title text-center">
            <h2 class="text-primary">Games Rates</h2>
        </div>

        <table class="table">
            <thead class="table-dark">
                <tr>
                    <th scope="col">Name</th>
                    <th scope="col">Rate</th>
                    <th scope="col">Rate X 10</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rates as $rate)
                    <tr>
                        <td>{{ $rate->fname }}</td>
                        <td>{{ $rate->price }}</td>
                        <td>{{ $rate->price * 10 }}</td>
                    </tr>
                @endforeach

            </tbody>
        </table>
    </section>
    <style>
        th {
            text-align: center
        }

        td {
            text-align: center
        }
    </style>
@endsection