@extends('templates.structure')

@section('custom_css')
<link rel="stylesheet" href="{{asset('AdminLTE-3.0.0-alpha.2/plugins/datatables/dataTables.bootstrap4.css')}}">
@endsection
@section('content')

    <div class="row">
        <div class="col-12">
            <div class="card">                
                <div class="card-body">
                    <table id="example1" class="table table-hover" style="width:100%">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody></tbody>                        
                    </table>
                </div>                
            </div>
        </div>
    </div>
    <!-- /.row -->

@endsection

@section('custom_js')
<!-- DataTables -->
<script src="{{asset('AdminLTE-3.0.0-alpha.2/plugins/datatables/jquery.dataTables.js')}}"></script>
<script src="{{asset('AdminLTE-3.0.0-alpha.2/plugins/datatables/dataTables.bootstrap4.js')}}"></script>
{{-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.30.0/dist/sweetalert2.all.min.js"></script> --}}
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script> --}}
<script>
var table = $('#example1').DataTable({
    "scrollX": true,
    "data" : {!!json_encode($data)!!},
    "columns": [
            { "data": "name" },
            { "data": null, "orderable": false, "searchable": false },
        ],
    "order" :[[ 0, 'desc' ]],
    "columnDefs": [ {
        "targets": -1,
        "data": "action",
        "render": function ( data, type, row, meta ) {
            var route = "{{url()->full()}}/"+data.id
            var action = '<div class="btn-group float-right" role="group" aria-label="Basic example">';
            action += '<button class="btn btn-outline-success details-control" ><span class="fa fa-info"></span></button>&nbsp;'
            action += '<button class="btn btn-outline-primary" onclick="show(\''+route+'\')"><span class="fa fa-pencil"></span></button>&nbsp;'
            action += '</div>';
            
            return action            
        }
    }  
    ],
})

function showacces(){
    var allowed_pages = {!!json_encode(session()->get('data_user')->allowed_pages)!!}
    var text = '<ul>'
    $.each(allowed_pages, function (index, value) {
        text += '<li>'+value.display_text+'<ul>';
        $.each(value.childs, function (i, v) {
            text += '<li>'+v.display_text+'</li>';
        })
        text += '</ul></li>'
    })
    text += '</ul>'

    return text
    // console.log(text)
}

</script>
@endsection

@section('addCustomInfo')
if(v.name == 'location_ids'){
    if(valuename == '*'){
        valuename = 'all';
    } else {

        valuename = valuename
    }
}
@endsection