@extends('layouts.admin')

@section('page-title',  trans('crm.kyc_verification'))

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span class="font-weight-semibold">@lang('crm.kyc_verification')</span>
                </h4>
                {{--<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>--}}
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="card">
            <div class="card-body">
                <div class="row header-controls">
                    <div class="col-md-6">
                    </div>
                    <div class="col-md-6">
                        <div class="float-right" style="width: 150px">
                            <select class="form-control select" name="status" id="status">
                                <option value="">All</option>
                                @foreach($statuses as $status => $text)
                                    <option value="{{ $status }}">{{ $text }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>


                <table class="table" id="client-table">
                    <thead>
                    <th>#</th>
                    <th>@lang('app.company')</th>
                    <th>@lang('app.full_name')</th>
                    <th>@lang('app.email')</th>
                    <th>AMLD5</th>
                    <th>@lang('app.status')</th>
                    <th>Notes</th>
                    <th>Confirmed At</th>
                    <th>Confirmed By</th>
                    <th>@lang('app.created_at')</th>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>

    </div>

@stop

@section('scripts')
    <script>
        let table;
        $(document).ready(function () {
            table = $('#client-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url': '{{ url('admin/kyc/postGetKyc') }}',
                    'data': function ( d ) {
                        d.status = $('#status').val();
                    }
                },
                'columns': [
                    {data: 'id'},
                    {data: 'company'},
                    {data: 'fullname'},
                    {data: 'email'},
                    {data: 'amld5'},
                    {data: 'status'},
                    {data: 'notes'},
                    {data: 'confirmed_at'},
                    {data: 'confirmed_by'},
                    {data: 'created_at'},
                ],
                'order': [[2, 'asc']]
            });
        });


        $('#status').on('change', function () {
            table.ajax.reload();
        })


        function activeClicked(cb, client_id) {
            $.ajax({
                type:'POST',
                url:"{{ url('clients/client_change_status') }}",
                data:{
                    client_id:client_id,
                    status: cb.checked,
                },
                success:function(data){
                    if(data.status == 1){
                        successNotify('', data.msg);
                    }else{
                        errorNotify('', data.msg);
                        cb.checked = !cb.checked;
                    }
                },
                error:function (data) {
                    errorNotify('Error', data.responseJSON.message);
                    cb.checked = !cb.checked;
                }
            },'json')

        };
    </script>
@stop