@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
        <!-- <h1>Users</h1> -->
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">CMS Service</li>
            </ol>
        </nav>
    </div><!-- End Page Title -->

    {{--<div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if(Session::has('alert-' . $msg))
            <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</p>
            @endif
        @endforeach
    </div>--}}

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">
                            Service Page Control
                            {{--<p align="right">
                                <a href="{{route('admin-social-networks.create')}}" class="btn btn-primary text-right" title="Add blog">Add Blog<i class="fas fa-plus"></i></a>
                            </p>--}}
                        </h5>
                        
                        <!-- Default Table -->
                        <div class="table-responsive">
                            <table class="_table _table-bordered user_datatable blogTable">
                                <thead>
                                    <tr>                                        
                                        <th>Name</th> 
                                        {{-- <th>Description</th>    --}}
                                        {{-- <th>Image</th>                                     --}}
                                        <th>Status</th>                                     
                                        <th scope="col" width="20%">Action</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                        <!-- End Default Table Example -->
                    </div>
                </div>
            </div>        
        </div>
    </section>
@endsection

@push('scripts_footer')  
    <script type="text/javascript">
        $(function () {
            var table = $('.user_datatable').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('admin-cms-service.index') }}",
                "columnDefs": [{	                
					"orderable": false
				}],
                columns: [     
                    {data: 'name', name: 'name', orderable: false},                
                    /*{data: 'description', name: 'description', orderable: false},*/ 
                    /* {data: 'image', name: 'image', orderable: false}, */                        
                    {data: 'status', name: 'status', orderable: false},             
                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ],
                order:[[0, 'desc']]
            });
        });

        /*$('#example1').dataTable({
				"sServerMethod": "GET", 
				"bProcessing": true,
				"bServerSide": true,
				"sAjaxSource": "get-company",
				  "pageLength": 50,
				"columnDefs": [{
	                "targets": [0,3],
					"orderable": false
				}],*/

        //delete
        deleteRecord=function( id ){

            //            
            var url = "{{ route('admin-cms-service.destroy', ':id') }}";
            url = url.replace(':id', id);            

            var msg = "Do you really want to delete selected record?";

            bootbox.confirm(msg,
                function(result) {
                    if( result ){

                        var data = {_method: 'DELETE', _token: '{{ csrf_token() }}'};

                        jQuery.post(url, data, function(resp){

                            //toast( resp );
                            location.reload(true);

                            jQuery(".blogTable").load(window.location + " .blogTable");
                        }, 'json');
                    }
                }
            );
        }
    </script>
    
    {{--@include( 'admin.misc.admin_scripts' )--}}
@endpush