@extends('superAdmin.layouts.auth')

@section('title')
{{ env('APP_NAME') }} | Cms
@endsection

@section('styles')
	<link href="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
	<link href="{{ asset('assets/plugins/datatable/jquery.dataTables.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
	<!-- MAIN BODY CONTENT -->
	<div class="top-header">
	    <h1>Manage Cms</h1>
	</div>

	@if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    
	<div class="row">
	  	<div class="col-md-12">
	        <div class="card">
	            <div class="card-body">
	              	<!-- COmpanies table -->
	              	<div class="table-responsive">
	                	<table id="cms-table" class="table card-table dataTable table-hover table-vcenter text-nowrap" style="width:100%">
	                  		<thead>
	                    		<tr>
	                      			<th width="50%">Page</th>
	                      			<th width="50%">Action</th>
                                    <th>id</th>
	                    		</tr>
	                  		</thead>
	                  		<tbody>
	                  		</tbody>
	                  	</table>
	            	</div>
	          	</div>
	        </div>
		</div>
	</div>
	<!--// MAIN BODY CONTENT -->
@endsection

@section('scripts')
<!-- Data tables -->
	<script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
	<script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
	<!-- <script src="{{ asset('assets/js/datatable.js') }}"></script> -->

<script type="text/javascript">

var oTable = '';
$(document).ready(function () {
    oTable = $('#cms-table').DataTable({
        "language": {
            "lengthMenu": "Show: _MENU_ records per page",
            "zeroRecords": "Oops No record Found",
            "infoEmpty": "No records available",
            "infoFiltered": "(filtered from _MAX_ total records)"
        },
        paging: true,
        processing: true,
        serverSide: true,
        pagingType: 'full_numbers',
        ajax: {
            "url": "{{ route('superAdmin.cmsList') }}",
            "type": "GET",
            "data": function(d) {
                d.checkstatus = $('#checkstatus').val();
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
            }
        },
        columns: [
            {
                data: 'name',
                name: 'name',
            },
            {
                data: null,
                className: 'text-right',
                render: function (data, type, row) {
                var view_url='{{ url("/superadmin/settings/view-cms") }}/'+row.id; 
                var edit_url='{{ url("/superadmin/settings/edit-cms") }}/'+row.id; 
                return '<a href="'+view_url+'" class="btn btn-primary" data-id="'+ row.id +'"><i class="fa fa-eye" aria-hidden="true"></i></a>&nbsp;<a href="'+edit_url+'" class="btn btn-info" data-id="'+ row.id +'"><i class="fa fa-pencil" aria-hidden="true"></i></a>';
                }
            },
            { data: 'id', name: 'id' },
        ],
        'columnDefs': [
            {
                'targets': [1], /* column index */
                'orderable': false, /* true or false */
            },
            {
                'targets': [1], /* column index */
                "searchable": false
            },
            {
                "targets": [2],
                "visible": false
            }
        ],
        'aaSorting': [2, 'DESC']
    });


});

</script>

@endsection