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

@if (session('status'))
<div class="alert alert-success" role="alert">
   <button type="button" class="close" data-dismiss="alert">×</button>
   {{ session('status') }}
</div>
@elseif(session('failed'))
<div class="alert alert-danger" role="alert">
   <button type="button" class="close" data-dismiss="alert">×</button>
   {{ session('failed') }}
</div>
@endif

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Pending Customer</h3>
        </div>
        <div class="card-body">
                <table id="example" class="table table-bordered table-hover">
                    <thead>
                        <tr>
                        <th>SL</th>
                        <th>Name</th>
                        <th>Contact</th>
                        <th>Email</th>
                        <th>Address</th>
                        <th>Approved</th>
                        <th>Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                        
                                                @foreach ($dummyclient_list as $client)
                                                <tr id="row_to_hide">
                        <td>{{ $i }}</td>
                        <td class="text-capitalize"><a href="javaScript:void(0)" onclick="detailsShow({{ $client->cu_id }})"> {{ $client->cu_company }} </a></td>
                        <td>{{ $client->cu_contactno }}</td>
                        <td>{{ $client->cu_email }}</td>
                        <td>{{ $client->cu_address }}</td>
                        <td id="status_change{{ $client->cu_id }}">
                                                <button type="button" class="btn btn-sm btn-info" onclick="approvel_change_status('1','{{ $client->cu_id }}')">Waiting For Approval</button>
                                                </td>
                        
                        <td>
                        <!--Admin Route-->
                                                <!--USER Route-->
                                                <span>
                        <a href="client_edit/{{ $client->cu_id }}" class="btn btn-sm btn-primary"><i class="fa fa-pencil-square" aria-hidden="true"></i></a>
                        
                        <a href="client_view/{{ $client->cu_id }}" class="btn btn-sm btn-success"><i class="fa fa-retweet" aria-hidden="true"></i></a>
                        
                        <a href="client_delete/{{ $client->cu_id }}" class="btn btn-danger btn-sm text-white" onclick="return confirm('Are you sure you want to delete this client?');"><i class="fa fa-trash" aria-hidden="true"></i></a>
                        
                        </span>
                                                </td>
                        
                        </tr>
                        @endforeach
                        
                        </tbody>
                </table>
        </div>
    </div>

    <div class="modal fade" id="serveyDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-body">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content" style="padding: 15px;">
                    <div id="modalContent"></div>
                </div>
            </div>
        </div>
    </div>

 <script>  
  function open_container2(cu_id)
    {
        $.ajax({
            url:'{{ url('approve_pandding_list_save') }}',
            type: 'GET',
            // dataType: 'JSON',
            data: { cu_id:cu_id.getAttribute('data-id') },
            success: function(data){
                
                $('#serveyDetails').modal('show');
                $('#modalContent').html(data);

                // $('#cu_id').val(data.data.cu_id);
                // $('#cu_name').val(data.data.cu_name);
                // $('#area_id').val(data.data.area);
                // $('#ty_id').val(data.data.ty_id);
                // $('#cu_company').val(data.data.cu_company);
                // $('#cu_contactno').val(data.data.cu_contactno);
                // $('#cu_email').val(data.data.cu_email);
                // $('#cc_address').val(data.data.cc_address);
                // $('#cu_short_name').val(data.data.cu_short_name);
                // $('#cu_address').val(data.data.cu_address);
                // $('#cu_ip').val(data.data.cu_ip);
                // $('#station').val(data.data.station);
                // $('#index_no').val(data.data.index_no);
                // $('#connect_dt').val(data.data.connect_dt);
                // $('#status').val(data.data.status);
                // $('#approve_status').val(data.data.approve_status);
                // $('#send_mail_status').val(data.data.send_mail_status);
                // $('#otc_status').val(data.data.otc_status);
                // $('#update_by').val(data.data.update_by);
                // $('#update_at').val(data.data.update_at);
                // $('#updated_at').val(data.data.updated_at);
                // $('#create_by').val(data.data.create_by);
                // $('#create_dt').val(data.data.create_dt);
                // $('#cu_bandwith').val(data.data.cu_bandwith+'MB');
                // $('#cu_youtube').val(data.data.cu_youtube+'MB');
                // $('#cu_facebook').val(data.data.cu_facebook+'MB');
                // $('#cu_data').val(data.data.cu_data+'MB');
                // $('#cu_bdix').val(data.data.cu_bdix+'MB');
                // $('#kam_id').val(data.data.kam_id);
                // $('#cu_bandwith_price').val(data.data.cu_bandwith_price);
                // $('#cu_youtube_price').val(data.data.cu_youtube_price);
                // $('#cu_facebook_price').val(data.data.cu_facebook_price);
                // $('#cu_data_price').val(data.data.cu_data_price);
                // $('#cu_bdix_price').val(data.data.cu_bdix_price);

                // $('#practice_modal').modal('show');
            }
        });
    }
 </script>
 



@endsection