@extends('layouts.app')
@section('title', 'Trunking Balance')

@section('content')

<!-- Main content -->

        <section class="content">

      <div class="row">

      
       
        
        <div class="col-12">
          <div class="box">
                       
           <div class="box-body">           
             <h4 class="box-title text-info mb-0"><i class="fa fa-user fa-sx"></i>  Balance</h4>
             <hr class="my-15">
              <div class="table-responsive">
                <table  class="table mt-0 table-hover no-wrap">
                  <thead>
                    <tr>
                              <th>#</th>
                              <th>Available Credit</th>
                              <th>Credit Limit</th>
                              <th>Balance</th>
                              <th> Currency</th>
                          
                       

                            </tr>
                  </thead>
                  <tbody>
                        @if(!empty($balance))
                          <tr>
                              <th scope="row">1</th>
                              <td>{{ $balance['available_credit'] ?? '' }}</td>
                              <td>{{ $balance['credit_limit'] ?? '' }}</td>
                              <td>${{ $balance['balance'] ?? '' }}</td>
                              <td>{{ $balance['currency'] ?? '' }}</td>
                          </tr>
                          @else
                          <tr>
                              <td colspan="5" class="text-center">No balance data found</td>
                          </tr>
                        @endif
                            
                                

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


</div>

</div>
      </div>
      <!-- /.row -->

    </section>
        <!-- /.content -->






    

@endsection