@extends('adminlayout.admin')

 @section('content')

 <style >
     .cursor{
        cursor: pointer;
     }
     .nk-content-fluid{
        margin-top: 65px;
        position: relative;
     }
     .card{
        background: white;
     }
 </style>

<div class="nk-content nk-content-fluid" >
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-smw">
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Operator Lists</h3>
                    </div><!-- .nk-block-head-content -->
                    <div class="nk-block-head-content">
                        <div class="toggle-wrap nk-block-tools-toggle">
                            <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                        </div><!-- .toggle-wrap -->
                    </div><!-- .nk-block-head-content -->
                </div><!-- .nk-block-between -->
            </div><!-- .nk-block-head -->
            <div class="nk-block">
                <div class="card card-stretch">
                    <div class="card-inner-group">
                        <!-- .card-inner -->
                        <div class="card-inner p-0">
                            <div class="nk-tb-list nk-tb-ulist is-compact">
                                <div class="nk-tb-item nk-tb-head">
                                    <div class="nk-tb-col"><span class="sub-text">Sr. No</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Operator Name</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Status</span></div>
                                    <div class="nk-tb-col text-center">Action</div>
                                </div><!-- .nk-tb-item -->
                                @php $i=1; @endphp
                                @foreach($data as $key => $value)
                                <div class="nk-tb-item">
                                    <div class="nk-tb-col">
                                        <div class="user-card">
                                            <div class="sr-no">
                                                <span class="tb-lead"><b>{{ $i }}</b></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="nk-tb-col">
                                        <div class="user-card">
                                            <div class="user-name">
                                                <span class="tb-lead">{{ $value['name'] }}</span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="nk-tb-col">
                                        <span class="tb-status ">
                                            <em class="icon text-{{$value['status']==1 ? 'success':'danger'}} ni ni-{{$value['status']==1 ? 'check':'cross'}}-circle"></em>
                                            {{ $value['status']==1 ? 'Active':'Inactive' }}
                                            <div></div>
                                        </span>
                                    </div>

                                    <div class="nk-tb-col nk-tb-col-tools">
                                            <button type="button" class="btn {{ $value['status']==1 ? 'btn-primary':'btn-primary' }} " data-id="{{ $value['id'] }}">{{ $value['status']==1 ? 'Inactive':'Active' }}</button>
                                    </div>
                                </div><!-- .nk-tb-item -->
                                @php $i++; @endphp
                                @endforeach
                            </div><!-- .nk-tb-list -->
                        </div><!-- .card-inner -->
                    </div><!-- .card-inner-group -->
                </div><!-- .card -->
            </div><!-- .nk-block -->
        </div>
    </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
  $(document).on('click', 'button[data-id]', function(event) {
    event.preventDefault();
    var collegeID = $(this).attr('data-id');
    var token = "{{ csrf_token() }}";
    $.ajax({
        url: "{{ route('changeStatus') }}",
        type: 'POST',
        dataType: 'json',
        data: { _token: token,  id: collegeID},
        success: function(data){
            location.reload(true)// if (data['status'] == "success") {
            //     $('button[data-id]').removeClass('active').addClass('inactive');
            // };
        }
    });

});
</script>
<!--send email modal-->





@endsection