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

   <!--Content Header (Page header)-->
   <div class="content-header row align-items-center m-0">
    <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
        <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">Dashboard</li>
        </ol>
    </nav>
    <div class="col-sm-8 header-title p-0">
        <div class="media">
            <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
            <div class="media-body">
                <h1 class="font-weight-bold">Client Data List (for upgrade request)</h1>
                <small>With upgrade request</small>
            </div>
        </div>
    </div>
</div>

<div class="body-content">
   <div class="row">
       <div class="col-lg-12">
           <div class="card">
               <div class="card-body">
                   <div class="table-responsive">
                     <table class="table display table-bordered table-striped table-hover basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                        <thead>
                            <thead>
                                <thead>
                                    <tr>
                                        <th>Sl</th>
                                        <th>Company Name</th>
                                        <th>Internet</th>
                                        <th>Youtube</th>
                                        <th>Facebook</th>
                                        <th>Data</th>
                                        <th>Bdix</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                      @foreach ($client_upgrade_data_list as $client)
                                                                      <tr>
                                        <td>{{ $i }}</td>
                                        <td class="text-capitalize">{{ $client->cu_company }}</td>
                                        <td>{{ $client->cu_bandwith }}</td>
                                        <td>{{ $client->cu_youtube }}</td>
                                        <td>{{ $client->cu_facebook }}</td>
                                        <td>{{ $client->cu_data }}</td>
                                        <td>{{ $client->cu_bdix }}</td>
                                        <td>
                                        <a href="client_data_bandwidth_edit_request/{{ $client->cu_id }}" class="btn btn-sm btn-primary"><i class="fa fa-edit" aria-hidden="true"></i></a> | <a class="btn btn-info btn-sm text-white" @click="client_approve(client.cu_id)"><i class="fa fa-retweet" aria-hidden="true"></i></a>
                                         </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                     </table>
                   </div>
               </div>
           </div>
       </div>
   </div> 
  </div><!--/.body content-->
</div>


@endsection