<div class="table-responsive pt-2" id="result">
    <table id="dataTabledf" class="display table table-striped">
        <thead class="bg-gray-50">
            <tr>
                <th scope="col">Id</th>
                <th scope="col">
                    User name
                </th>
                <th scope="col">
                   Password
                </th>
                <th scope="col">
                    Profile Name
                 </th>
                 <th scope="col">
                    Reseller Name
                 </th>
                 <th scope="col">
                    Pop Name
                 </th>
                 <th scope="col">
                    Package Name
                 </th>
                 <th scope="col">
                    Billing Cycle
                 </th>


                <th scope="col" style="width: 200px">
                    Action
                </th>
            </tr>
        </thead>
        <tbody>

            @foreach ($client_lists as $item)
                <tr id="row{{$item->id}}">
                    <td>{{$item->id}}</td>
                    <td class="username">
                        {{ $item->username }}
                    </td>
                    <td class="password">
                        {{ $item->password }}
                    </td>
                    <td class="mikrotik_current_profile">{{ $item->profile_name }}</td>
                    <td class="packageprofilerow d-none"><input type="hidden" id="packageProfile" name="packageProfile"></td>
                    <td>
                        <div class="form-group do-float">

                            <select name="reseller_name" id="reseller_name" class="form-control reseller">
                                <option value="">Select Reseller</option>
                                @foreach ($resellers as $reseller)
                                    <option value="{{$reseller->id}}">{{$reseller->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </td>
                    <td>
                        <div class="form-group do-float d-none popdiv" >

                            <select name="pop_name" id="pop_name" class="form-control pop">
                                <option value="">Select Pop</option>

                            </select>
                        </div>
                    </td>
                    <td>
                        <div class="form-group do-float  d-none packagediv">

                            <select name="package_name" id="package_name" class="form-control package">
                                <option value="">Select Package</option>

                            </select>
                        </div>
                    </td>
                    <td>
                        <div class="form-group do-float  d-none billing_cyclediv">

                            <select name="billing_cycle" id="billing_cycle" class="form-control billing_cycle">
                                <option value="">Select Billing Cycle</option>
                                @foreach (explode(',', $billing_cycles) as $day))
                                    <option value="{{$day}}">{{$day}}</option>
                                @endforeach
                            </select>
                        </div>
                    </td>

                    <td style="width: 200px">
                        <a href="#" class="btn btn-primary pull-right savebtn">Save</a>
                        <a href="#" class="btn btn-sm btn-danger pull-right deletebtn"  >Delete</a>

                    </td>
                </tr>
            @endforeach

            <!-- More items... -->
        </tbody>
    </table>

</div>
