@extends('user_dashboard.layouts.app')
@section('content')
    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>
                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--10">
                        <div class="content">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="section-title">
                                        <h4 class="rbt-title-style-3">Rule Book</h4>
                                    </div>
                                </div>
                            </div>

                            <div class="row gy-5">
                                <div class="col-lg-12">
                                    <div class="rbt-dashboard-table table-responsive">
                                        <table class="rbt-table table table-borderless">
                                            <thead>
                                                <tr>
                                                    <th>Sr.No</th>
                                                    <th>Title</th>
                                                    <th>Description</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($rule_books as $key=>$rule_book)
                                                <tr>
                                                    <td>{{$key+1}}</td>
                                                    <td>{{$rule_book->title}}</td>
                                                    <td>{{$rule_book->description}}</td>
                                                </tr>
                                               @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="rbt-separator-mid">
        <div class="container">
            <hr class="rbt-separator m-0">
        </div>
    </div>
@endsection