@php
    $active = '<label class="label label-success">Active</label>';
    $deactivated = '<label class="label label-danger">Deactivated</label>';
@endphp

<style type="text/css">
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }
    tr {
        font-size: 12px;
    }
</style>

<div class="row">
    <div class="col-md-12 col-pad">
        <table class="table table-bordered" style="margin-top: 15px;" id="cust_table">
            <thead>
              <tr class="info">
                <th width="4%">STATUS</th>
                <th width="9%">ACCOUNT NO.</th>
                <th width="14%">CUSTOMER NAME</th>
                <th width="20%">SERVICE ADDRESS</th>
               {{--  <th width="8%">METER NO.</th> --}}
                <th width="11%">METER CHARGES</th>
                <th width="11%">FRANCHISE TAX %</th>
                <th width="10%">SEPTAGE FEE</th>
                <th width="10%">W/ SEPTIC TANK</th>
              </tr>
            </thead>
            <tbody>
                <tr data-others-id="{{ $content->id }}">
                    <td class="__status">{!! $content->hsf ? $active : $deactivated !!}</td>
                    <td>{{ $content->acct_number }}</td>
                    <td>{{ strtoupper($content->cust_name) }}</td>
                    <td>{{ strtoupper($content->address) }}</td>
                    {{-- <td>{{ $content->meter_no }}</td> --}}
                    <td><input type="text" name="" class="form-control" id="input_m_charges" value="{{ $content->amt_meter_charges }}"></td>
                    <td><input type="text" name="" class="form-control" id="input_f_tax" value="{{ $content->pct_franchise_tax }}"></td>
                    <td style="text-align: center;"><input type="checkbox" value="{{ $content->hsf }}" id="others_chkbx"></td>
                    <td style="text-align: center;"><input type="checkbox" value="{{ $content->wst }}" id="sep_tank_chkbx"></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

{{-- @section('scripts')
<script type="text/javascript">
    $(document).ready(function (){
        
    });
</script>
@endsection --}}