@extends('layouts.backend.app')

@section('content')

 <!-- Start right Content here -->
<div class="main-content">
	<div class="page-content">
		<div class="container-fluid">

		<div class="page-title-box">
			<div class="row align-items-center">

		<div class="col-md-8">
			<h6 class="page-title">Role Settings</h6>
			<ol class="breadcrumb m-0">
				<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home</a></li>
				<li class="breadcrumb-item active" aria-current="page">Role Settings</li>
			</ol>
		</div>

		@can('role_add')
			<div class="col-md-4 text-end">
				<div class="btn-container float-right">
					<a href="{{ route('roles-add') }}" class="btn btn-primary"><span class="pe-2">
					<i class="ti-plus"></i></span> Add New Role</a>
				</div>
			</div>
		@endcan

		</div>
	</div>
	<!-- end row -->

		<div class="row">
		  <div class="col-md-12">
			 <div class="col-md-12 mobile-table-column stock-table">
				<div class="card">
				   <div class="card-body">

			<table class="display" style="width:100%" id="rolesList">
				<thead>
					<tr>
						<th scope="col" width="80px"><div align="center">S.No</div></th>
						<th scope="col" >Role Name</th>
						<th scope="col" width="140px" align="center"><div align="center">Action</div></th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>

				</div></div>
			</div>
		</div>
	</div>
	<!-- end row -->
			
		</div>
	</div>
</div>
<!-- end main content-->


 <!-- Delete Modal HTML -->
<div id="deleteModal" class="modal fade">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Delete Record</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<p>Are you sure you want to delete these Records?</p>
				<p class="text-warning"><small>This action cannot be undone.</small></p>
			</div>
			<input type="hidden" id="delete_id">
			<div class="modal-footer">
				<input type="button" class="btn btn-default closebtn" data-dismiss="modal" value="Cancel">
				<input type="button" class="btn btn-danger" onclick="deleterecord()" value="Delete">
			</div>
		</div>
	</div>
</div>


@endsection

@section('scripts')

<script>

$(document).ready(function() {

	var reporttables =  $('#rolesList').DataTable({
		"order": [[ 0, "desc" ]],
        "serverSide": true,
		"stateSave": true,
        'processing': true,
        oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request.</p></div></div>' },
		"ajax": {
			'type': 'GET',
			'url': '{{ route("roles-data") }}',
			"data": function(d){
               d.searchdata = d.search.value
			}
		},
		searching: true,
		"iDisplayLength": 10,
		"columnDefs": [
		{
			"targets": 0,
			className: "text-center",
			"render": function ( data, type, row, meta ) {
				return row.index;
			}
		},
		{
			"targets": 1,
			orderable: true,
			"render": function ( data, type, row, meta ) {
				return '<b>'+row.name+'</b>';
			}
		},
		{
			"targets": 2,
			orderable: true,
			className: "text-center",
			"render": function ( data, type, row, meta ) {

				var tbl = '';
				tbl +='<div class="action bank d-flex justify-content-start">';

					tbl +='<a href="'+row.editurl+'" class="edit mx-2 text-info btn btn-sm btn-success text-white">';
						tbl +='<i class="fas fa-edit"></i>';
					tbl +='</a>';

					if(row.id !='1' && row.id !='2' && row.id !='3' && row.id !='8' && row.id !='9'){

					tbl +='<a href="#deleteModal" data-toggle="modal" data-id="'+row.id+'" class="edit text-info btn btn-sm btn-danger text-white me-2 removrd">';
						tbl +='<i class="fas fa-trash"></i>';
					tbl +='</a>';

					}
				tbl +='</div>';
				return tbl;
			}
		}
	  ]
	});

	$(document).on("click", ".fa-trash", function () {

		var user_id = $(this).data("id");
		var token = $('meta[name="csrf-token"]').attr("content");
	});
});



	//Remove Record
$(document).on("click", ".removrd", function () {
var rid = $(this).data("id");
$('#delete_id').val(rid);
});


	//Remove Record
function deleterecord() {

	var rid = $('#delete_id').val();
	var token = $('meta[name="csrf-token"]').attr("content");
	$.ajax({
		url: '{{ route("roles-remove") }}',
		type: "POST",
		data: {
			_token: token,user_id: rid
		}, success: function (data) {

			if(data.status == true) {
				custom_noty("success", data.msg);
				$(".closebtn").click();
				$('#rolesList').DataTable().ajax.reload();
			} else {
				custom_noty("error", data.msg);
			}
		}
	});

}


</script>

@endsection