@include('includes.header')

<div class="container-fluid mt-3">
    <div class="row">
        <div class="col-md-8 col-sm-6 col-xs-12">
            <ul class="pull-right d-inline-flex" style="list-style: none;">
                <li class="btn-sm">
                    <a href="{{ route('all-account') }}" class="btn btn-primary rounded-pill" style="width: 110px; text-align: center;">All Account</a>
                </li>
                <li class="btn-sm">
                    <a href="{{ route('pending') }}" class="btn btn-warning rounded-pill" style="width: 110px; text-align: center; color: white;">Pending</a>
                </li>
                <li class="btn-sm">
                    <a href="{{ route('all-history') }}" class="btn btn-success rounded-pill" style="width: 110px; text-align: center;">All History</a>
                </li>
            </ul>
            <br>
            <b style="color: #009688;">Operator SMS</b>
        </div>
    </div>
    <hr/>
    <!-- Request Statistic Starts -->
    <section>
        <table class="table table-striped account-table">
            <div class="row py-3">
                <!-- Filters and search button here as per your HTML structure -->
            </div>
            <tr>
                <th>Operator</th>
                <th>Date</th>
                <th>Status</th>
                <th>Message</th>
            </tr>
            @foreach ($allRequests as $request)
            <tr>
                <td>{{ $request->operator }}</td>
                <td>{{ $request->created_at->format('Y-m-d H:i A') }}</td>
                <td>{{ $request->status }}</td>
                <td>{{ $request->message }}</td>
            </tr>
            @endforeach
        </table>
        <!-- Ends -->
    </section>

@include('includes.footer')