@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">Pending work order</h1>
                <small>With customer active & inactive</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>
                            <tr>
                                <th width="5%">Sl</th>
                                <th width="10%">Company</th>
                                <th width="10%">Location</th>
                                <!--th width="10%">KAM</th-->
                                <th width="10%">Bandwidth</th>
                                <th width="10%">Youtube</th>
                                <th width="10%">Facebook</th>
                                <th width="10%">Data</th>
                                <th width="10%">Bdix</th>
                                <th width="5%"><i class="fas fa-tachometer-alt" aria-hidden="true"></i></th>
                                <th width="5%">Up/Down</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($client_monitoring as $client)
                            <tr>
                                <td width="5%">{{ $loop->iteration }}</td>
                                <td width="10%">{{ $client->cu_company }}</td>
                                <td width="10%">{{ $client->area }}</td>
                                <td width="10%">
                                    @if($client->flag=='1')
                                    Up=<b>{{ $client->ud_bandwith }}MB</b>
                                    @else
                                    Down=<b>{{ $client->ud_bandwith }}MB</b>
                                    @endif
                                         Now=<b>{{ $client->now_bandwith }}MB </b>
                                </td>
                                <td width="10%">
                                    @if($client->flag=='1')
                                    Up=<b>{{ $client->ud_youtube }}MB</b>
                                    @else
                                    Down=<b>{{ $client->ud_youtube }}MB</b>
                                    @endif
                                         Now=<b>{{ $client->now_youtube }}MB </b>
                                </td>
    
                                <td width="10%">
                                    @if($client->flag=='1')
                                    Up=<b>{{ $client->ud_facebook }}MB</b>
                                    @else
                                    Down=<b>{{ $client->ud_facebook }}MB</b>
                                    @endif
                                        Now=<b>{{ $client->now_facebook }}MB </b>
                                </td>
    
                                <td width="10%">
                                    @if($client->flag=='1')
                                    Up=<b>{{ $client->ud_data }}MB</b>
                                    @else
                                    Down=<b>{{ $client->ud_data }}MB</b>
                                    @endif
                                        Now=<b>{{ $client->now_data }}MB </b>
                                </td>
    
                                <td width="10%">
                                    @if($client->flag=='1')
                                    Up=<b>{{ $client->ud_bdix }}MB</b>
                                    @else
                                    Down=<b>{{ $client->ud_bdix }}MB</b>
                                    @endif
                                        Now=<b>{{ $client->now_bdix }}MB </b>
                                </td>
    
                                <td width="10%">
                                    @if($client->flag=='1')
                                     <button type="button" class="btn btn-success"><i class="fas fa-sort-amount-up-alt"></i></button>
                                    @elseif($client->flag=='2')
                                    <button type="button" class="btn btn-warning"><i class="fas fa-sort-amount-down"></i></button>
                                    @endif
                                </td>
                                @if($client->uddate)
                                <td width="5%">{{ date('d-m-Y',strtotime($client->uddate)) }}</td>
                                @endif
                                
                      
                            </tr>
                            @endforeach
                        </tbody>
                     </table>
                   </div>
               </div>
           </div>
       </div>
   </div> 
  </div><!--/.body content-->
</div>

@endsection