@extends('layout.master')
@section('content')

<section class="content pb-5">
        <div class="container-fluid">
          <div class="row pt-4">
            <div class="col-md-12">
              <div class="title-section">
                <p>Earning Report</p>
              </div>
            </div>
          </div>

          <div class="row mt-2">
            <div class="col-md-12">
              <div class="table-responsive">
                <table class="table table-striped">
                  <thead>
                    <tr>
                      <th scope="col">Order Id</th>
                      <th scope="col">AWB No.</th>
                      <th scope="col">LSP Name</th>
                      <th scope="col">Shipment Type (PP/COD)</th>
                      <th scope="col">COD Charges</th>
                      <th scope="col">Delivery Charges</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1213143</td>
                      <td>4545465432</td>
                      <td>lorem ipsum</td>
                      <td>Prepaid</td>
                      <td>500.00</td>
                      <td>500.00</td>
                    </tr>

                    <tr>
                      <td>1213143</td>
                      <td>4545465432</td>
                      <td>lorem ipsum</td>
                      <td>Prepaid</td>
                      <td>500.00</td>
                      <td>500.00</td>
                    </tr>
                    <tr>
                      <td>1213143</td>
                      <td>4545465432</td>
                      <td>lorem ipsum</td>
                      <td>Prepaid</td>
                      <td>500.00</td>
                      <td>500.00</td>
                    </tr>
                    <tr>
                      <td>1213143</td>
                      <td>4545465432</td>
                      <td>lorem ipsum</td>
                      <td>Prepaid</td>
                      <td>500.00</td>
                      <td>500.00</td>
                    </tr>
                  </tbody>
                </table>

              </div>

              <div class="pagination_rounded">
                <ul>
                  <li>
                    <a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
                  </li>
                  <li><a href="#" class="active">1</a> </li>
                  <li class="hidden-xs"><a href="#">2</a> </li>
                  <li class="hidden-xs"><a href="#">3</a> </li>
                  <li class="hidden-xs"><a href="#">4</a> </li>
                  <li>
                    <a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>



        </div>
      </section>
             
@endsection