@extends('user.layouts.master')


@section('user_content')



   <div class="bd-example">
            <div class="row  row-cols-1 row-cols-md-1 g-4">

                <div class="col">
                    
       

                    <div class="card-body">
                        <h2 class="card-title">Other History</h2>




                          <hr>
                        <div class="bd-example">
         
         
                  <div class="bd-example table-responsive">
                         <table id="myTable" class="table table-bordered table-border">
                             <thead>
                                 <tr>
                                     <th scope="col">#</th>
                                     <th scope="col">DATE</th>
                                       <th scope="col">AMOUNT</th>
                                        
                                    <th scope="col">DESCRIPTION</th>
                                               
                                     <th scope="col">TYPE</th>
                                     <th scope="col">STATUS</th>

                                 </tr>
                             </thead>


                            @foreach($bonus as $row)
                                 <tr>
                                    <td>{{$loop->index+1}}</td>
                                     
                                     <td>{{$row->created_at}}</td>
                                     <td>
                                       
                                        {{$row->amount}}MIND

                                     </td>
                                     <td>{{$row->description}}</td>
                                     <td>{{$row->type}}</td>
                                      <td>{{$row->status}}</td>
                                     


                                 </tr>
                                 @endforeach
                                




                             </tbody>
                         </table>
                     </div>

                  </p>

              
              

          </div>
      </div>


                    </div>

                    </div>
                </div>


           



@endsection