@extends('layouts.master')

@section('content')

<main>
  <div class="px-4 py-5 my-5 text-center" style="    background-color: #fff3ea;">
     <h1 class="display-5 fw-bold"> Provider Transactions </h1>
    <div class="col-lg-6 mx-auto">
      <p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>

    </div>
  </div>



  <div class="container ">

<div class="bd-example">
            <div>
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">Transaction ID </th>
                  <th scope="col"> Transaction Date</th>
                  <th scope="col"> Transactions Status </th>
                  <th scope="col"> Customer ID </th>
                  <th scope="col"> responsible  </th>
                </tr>
              </thead>
              <tbody class="table-group-divider">
                <tr>
                  <th scope="row">1</th>
                  <td>Mark</td>
                  <td>Otto</td>
                  <td>@mdo</td>
                  <td>Mark</td>
                  <td>Otto</td>
                 </tr>
                <tr>
                  <th scope="row">2</th>
                  <td>Jacob</td>
                  <td>Thornton</td>
                  <td>@fat</td>
                  <td>Jacob</td>
                  <td>Thornton</td>
                 </tr>
                <tr>
                  <th scope="row">3</th>
                  <td>Larry the Bird</td>
                  <td>@twitter</td>
                  <td>@fat</td>
                  <td>Jacob</td>
                  <td>Thornton</td>
                 </tr>
                <tr>
                  <th scope="row">4</th>
                  <td>Mark</td>
                  <td>Otto</td>
                  <td>@mdo</td>
                  <td>Mark</td>
                  <td>Otto</td>
                 </tr>
                <tr>
                  <th scope="row">5</th>
                  <td>Jacob</td>
                  <td>Thornton</td>
                  <td>@fat</td>
                  <td>Jacob</td>
                  <td>Thornton</td>
                 </tr>
                <tr>
                  <th scope="row">6</th>
                  <td>Larry the Bird</td>
                  <td>@twitter</td>
                  <td>@fat</td>
                  <td>Jacob</td>
                  <td>Thornton</td>
                 </tr>
                <tr>
                  <th scope="row">7</th>
                  <td>Mark</td>
                  <td>Otto</td>
                  <td>@mdo</td>
                  <td>Mark</td>
                  <td>Otto</td>
                 </tr>
                <tr>
                  <th scope="row">8</th>
                  <td>Jacob</td>
                  <td>Thornton</td>
                  <td>@fat</td>
                  <td>Jacob</td>
                  <td>Thornton</td>
                 </tr>
                <tr>
                  <th scope="row">9</th>
                  <td>Larry the Bird</td>
                  <td>@twitter</td>
                  <td>@fat</td>
                  <td>Jacob</td>
                  <td>Thornton</td>
                 </tr>
              </tbody>
            </table>
            </div>


</div>





  </div>



</main>


@endsection