@extends('layouts.backend')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <h4 class="page-title">Surat</h4>
            <ol class="breadcrumb">
                <li>
                    <a href="{{route('home')}}">Home</a>
                </li>
                <li>
                    <a href="{{route('daftar-surat')}}">Daftar Surat</a>
                </li>
                <li class="active">
                    Keterangan Usaha
                </li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card-box">
                <h4 class="m-t-0 header-title"><b>Surat Keterangan Usaha</b></h4>
                <p class="text-muted font-13">
                    <a href="{{ route('keterangan-usaha-baru') }}" class="btn btn-primary btn-custom waves-effect waves-light"><i class="ti-plus"></i> Surat baru</a>
                </p>
                <table class="table table-bordered dt-responsive nowrap" width="100%">
                    <thead>
                        <tr>
                            <th>No. KTP</th>
                            <th>Nama</th>
                            <th>Jenis Usaha</th>
                            <th>Lokasi</th>
                            <th>Tgl Terbit</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var table = $('.table').DataTable({
            responsive : true,
            initComplete : function() {
                var api = this.api();
                $('[data-toggle="tooltip"]').tooltip()
                $('#tbl_filter input').off('.DT').on('input.DT',function() {
                    api.search(this.value).draw();
                });
            },
            oLanguage : {
                sProcessing : "Getting Item"
            },
            processing : true,
            serverSide : true,
            ajax : {
                url : "{{ route('get-keterangan-usaha') }}",
                type : 'POST',
                data : {
                    _token : "{{csrf_token()}}"
                },
                dataType : 'JSON',
                error : function(o,t,tr) {
                    alert(o.statusText);
                }
            },
            columns : [
                
                {data : 'no_ktp'},
                {data : 'nama'},
                {data : 'jenis'},
                {data : 'lokasi'},
                {data : 'tgl_buat'},
                {
                    data : 'url',
                    orderable : false,
                    mRender : function(data) {
                        return ('<a href="'+data.edit+'" class="btn btn-icon waves-effect waves-light btn-warning"><i class="fa fa-pencil-square-o"></i></a>&nbsp<a data-link="'+data.delete+'" class="btn btn-icon waves-effect waves-light btn-danger"><i class="fa fa-ban"></i></a>&nbsp<a data-link="'+data.cetak+'" class="btn btn-icon waves-effect waves-light btn-success"><i class=" ti-printer"></i></a>')
                    }
                }

            ],
            "order": [[1, 'asc']]
        });
        $('.table tbody').on('click', '.btn-success', function() {
            var link = $(this).data('link');
            window.open(link, '_blank')
        })
        $('.table tbody').on('click', '.btn-danger', function() {
            var link = $(this).data('link');
            if (confirm('Anda yakin ?')) {
                window.location = link;
            }
        })
        // $("select[name=nik]").select2({
        //     placeholder : ' -- Pilih Penduduk -- ',
        //     ajax : {

        //         url : "{{route('backoffice-get-pendudukJSON')}}",
        //         type : 'POST',
        //         dataType : 'json',
        //         delay : 250,
        //         data : function(params) {
        //             return {
        //                 kode : params.term,
        //                 _token : "{{csrf_token()}}"
        //             };
        //         },
        //         processResults : function(data) {
        //             var hasil = [];
        //             $.each(data.response,function(index,item) {
        //                 hasil.push(
        //                    {
        //                        id : item.value,
        //                        text : item.label + ' [ ' + item.no_kk + ' ] / [ '+item.value+' ]',
        //                    }
        //                 )
        //             })
        //             return {
        //                 results : hasil
        //             }
        //         }
        //     }
        // });
        // var l = $('#cari').ladda();
        // l.click(function () {
        //     l.ladda('start');
        //     $.ajax({
        //         url : "{{route('backoffice-get-by-nik')}}",
        //         type : 'POST',
        //         data : {
        //             _token : "{{csrf_token()}}",
        //             nik : $('select[name=nik]').val() 
        //         },
        //         success : function(data) {
        //             $('.nama').text(data.response.data.nama);
        //             $('.ttl').text(data.response.data.tempat_lahir +', '+data.response.data.tgl_lahir);
        //             $('.jk').text(data.response.data.jenis_kelamin);
        //             $('.agama').text(data.response.data.agama);
        //             $('.job').text(data.response.data.pekerjaan);
        //             $('.alamat').text(data.response.data.alamat);
        //             l.ladda('stop');
        //         },
        //         error : function(data) {
        //             l.ladda('stop');  
        //         }
        //     })
        // });
    </script>
</div> 
@endsection