@extends('layouts.app')

@section('appjs')
    <script type="application/javascript" src="{{ asset('js/app.js') }}" defer></script>
@endsection
@section('content')
<script src="{{ asset('js/bootstrap-toggle.min.js')}}"></script>
@section('page_title') Account List @endsection
@can('hasUpdatePermission')
    @canany(['isSuperAdmin','isAdmin'])
        @php
            $viewOnly = true;
        @endphp
    @endcanany
@endcan
<script>
    $('.account_status').bootstrapToggle();
    $(document).ready(function() {
        $('#userlist').DataTable({"bLengthChange": false,  "sScrollX":true});
    });
    function copyAPIToken(text){
        var input = document.createElement('input');
        input.value = text;
        document.body.appendChild(input);
        input.select();
        document.execCommand('copy');
        document.body.removeChild(input);
        toastr.success('Text copied to clipboard!');
    }
    $(document).on('change', '.toggle-event', function(e){
        var status = $(this).prop('checked') == true ? 1 : 0;
        var stat_message = (status == 1) ? 'Activate' : 'De-Activate';
        if(window.confirm(`Are You Sure You Want To ${stat_message} the Account ?`)){
            var id = $(this).data('id');
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "{{url('userliststatus')}}",
                data: {
                    "_token" : "{{ csrf_token() }}",
                    'status': status,
                    'id': id
                },
                success: function(data){
                    if(data.status == 'SUCCESS'){
                        toastr.success(data.message);
                    }else{
                        toastr.error(data.message);
                    }
                }
            });
        }else{
            if(status == 1){
                $(this).prop('checked', false);
                $(this).parent().removeClass('btn-success').addClass('btn-danger off');
            }else{
                $(this).prop('checked', true);
                $(this).parent().removeClass('btn-danger off').addClass('btn-success');
            }
        }
    })

</script>
<div class="container-fluid">
<div class="card">
<div class="card-body table-responsive">
<h3 class="pageheading">{{$userdata['accountname']}}</h3>
<table class="table-bordered" id="userlist">
    <thead>
        <tr>
            <th>Actions</th>
            <th>User Name</th>
            <th>Manager</th>
            <th>Email</th>
            <th>Mobile Number</th>
            <th>Role</th>
            <th>Created On</th>
            <th>Credit Balance</th>
            <th>Last Logged-IN</th>
            <th>SMS</th>
            <th>SMS API</th>
            <th>SMS API Key</th>
            <th>WhatsApp</th>
            <th>WhatsApp API</th>
            <th>WhatsApp API Key</th>
            <th>RCS</th>
            <th>RCS API</th>
            <th>RCS API Key</th>
            <th>White Labal</th>
            <th>Status</th>
            <th>Upload My Data</th>
            <th>My 'Smart-M Click' Data</th>
            <th>Whistle 'Smart-M Click' Data </th>
            <th>Whistle 'Mobile-Smart' Data</th>
            <th>Whistle 'Smart-Code' Pin Data</th>
            <th>RCS Upload My Data</th>
            <th>RCS My 'Smart-M Click' Data</th>
            <th>RCS Whistle 'Smart-M Click' Data </th>
            <th>RCS Whistle 'Mobile-Smart' Data</th>
            <th>RCS Whistle 'Smart-Code' Pin Data</th>
        </tr>
    </thead>
    <tbody>
        @foreach($userdata['data'] as $val)
        <tr>
            <td>
                <a target="_blank" href="{{'../editUserPage/'.$val->id}}" title="Edit User Data" style="cursor: pointer" class="edit-data fa fa-edit greenIcon creditbtn"></a>
            </td>
            <td>
                @if($val->last_loggedin)
                 <a title="View API" href="{{ '../api_management/' . $val->id }}" data-user_id="{{ $val->id }}" class="updatepassword fa fa-key greenIcon" style="font-size: 10px;"></a>
                @endif
                {{$val->username}}
            </td>

            <td>
                {{$val->role=="USER"?$val->manager:"NA"}}
            </td>

            <td>{{$val->email}}</td>
            <td>{{$val->mobile_number}}</td>
            <td>{{$val->role}}</td>
            <td>{{$val->created_on}}</td>
            <td>{{$val->credits}}</td> 
            <td>{{$val->last_loggedin ?? "NA"}}</td> 
            <td>@if($val->cam_sms == 1) 
                    <label class="greenIcon">YES</label>
                @else
                    <label class="redIcon">NO</lable>
                @endif
            </td>
            <td>@if($val->transaction_otp_enabled == 1)
                    <label class="greenIcon">YES</label>
                @else
                    <label class="redIcon">NO</lable>
                @endif
            </td>
            <td>
                @if(!empty($val->sms_api_key))
                    {{ substr($val->sms_api_key, 0, 7) }}*********
                    <a><i class="fa fa-clone" id='{{$val->sms_api_key}}' aria-hidden="true" onclick="copyAPIToken('{{$val->sms_api_key}}')"></i></a>
                @else
                    <label >NA</lable>
                @endif
            </td>
            <td>@if($val->cam_whatsapp == 1)
                    <label class="greenIcon">YES</label>
                @else
                    <label class="redIcon">NO</lable>
                @endif
            </td>
            <td>@if($val->wa_transactional == 1)
                    <label class="greenIcon">YES</label>
                @else
                    <label class="redIcon">NO</lable>
                @endif
            </td>
            <td>
                @if(!empty($val->wa_api_key))
                    {{ substr($val->wa_api_key, 0, 7) }}*********
                    <a><i class="fa fa-clone" id='{{$val->wa_api_key}}' aria-hidden="true" onclick="copyAPIToken('{{$val->wa_api_key}}')"></i></a>
                @else
                    <label >NA</lable>
                @endif
            </td>
            <td>@if($val->cam_rcs == 1)
                    <label class="greenIcon">YES</label>
                @else
                    <label class="redIcon">NO</lable>
                @endif
            </td>
            <td>@if($val->rcs_transactional == 1)
                    <label class="greenIcon">YES</label>
                @else
                    <label class="redIcon">NO</lable>
                @endif
            </td>
            <td>
                @if(!empty($val->rcs_api_key))
                    {{ substr($val->rcs_api_key, 0, 7) }}*********
                    <a><i class="fa fa-clone" id='{{$val->rcs_api_key}}' aria-hidden="true" onclick="copyAPIToken('{{$val->rcs_api_key}}')"></i></a>
                @else
                    <label >NA</lable>
                @endif 
            </td>
            <td>
                @if($val->white_label)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif  
            </td>
            <td>
                <span hidden="hidden"> {{$val->Status}} </span>
                <input type="checkbox" data-id="{{$val->id}}" data-onstyle="success" data-offstyle="danger" data-on="Active" data-off="In-Active" class="toggle-event account_status"  data-toggle="toggle"    {{ $val->Status == 1 ? "checked" : "" }} {{$viewOnly == false ? 'disabled' : ''}}  />
            </td>
            <td>
                @if($val->raw_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->my_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->whistle_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->whistle_smart_phone_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->pincode_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->rcs_raw_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->rcs_my_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->rcs_whistle_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->rcs_smart_phone_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
            <td>
                @if($val->rcs_pincode_data)
                    <label class="badge badge-success">Active</label>
                @else
                    <label class="badge badge-danger">In-active</label>
                @endif
            </td>
	    </tr>
        @endforeach
    </tbody>
</table>
</div>
</div>
</div>
@endsection