@extends('admin.template')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title-box">
                        <h2><strong>Registered Clients</strong></h2>
                        <span></span>
                    </div>
                    <ul class="panel-controls panel-controls-title">
                        <li>
                            <div id="reportrage" class="dtange">


                                <a class="btn btn-success" href="{{route('register.upload')}}">UPLOAD<i class="fa fa-upload"></i></a>
                                <a class="btn btn-primary" href="{{route('register.client')}}">ADD <i class="fa fa-plus-circle"></i></a>
                            </div>
                        </li>
                        <li><a href="#" class="panel-fullscreen rounded"><span class="fa fa-expand"></span></a></li>
                    </ul>

                </div>
                <div class="panel-body">
                    {!! $dataTable->table([],true) !!}
                </div>
            </div>
        </div>
    </div>
@endsection
@push('color')
    text-warning
@endpush
@push('data')
    Pending
@endpush
@push('dash-script')

    <script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/plugins/jquery/jquery.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/plugins/jquery/jquery-ui.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/plugins/bootstrap/bootstrap.min.js')}}"></script>
    <script type='text/javascript' src="{{asset('admin/js/plugins/icheck/icheck.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/plugins/owl/owl.carousel.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/alertify.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/plugins.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/actions.js')}}"></script>

    <script type="text/javascript" src="{{asset("admin/js/plugins/bootstrap/bootstrap-datepicker.js")}}"></script>
    <script type="text/javascript" src="{{asset("admin/js/plugins/bootstrap/bootstrap-timepicker.min.js")}}"></script>
    <script type="text/javascript" src="{{asset('admin/js/plugins/bootstrap/bootstrap-select.js')}}"></script>
    <script type="text/javascript" src="{{asset("admin/js/date-time/bootstrap-datetimepicker.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("admin/js/plugins/daterangepicker/daterangepicker.js")}}"></script>
@endpush

@push('t-script')
    {!! $dataTable->scripts() !!}

    <script>
        $('#dataTableBuilder').on('click','.verify',function (t) {
            t.preventDefault();

            var value = prompt('Enter Unique Code');
            var route = $(this).attr('href');

            if(value !== '')
            {

                console.log(value);
                route = route +'?code=' + value;

                console.log(route);
                window.location.replace(route);

            }

        })
    </script>
@endpush