Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/demo.vapecompany.com.bd/resources/views/backend/role/ |
Upload File : |
@extends('backend.layout.app')
@section('content')
<!-- ============================================================== -->
<!-- Page wrapper -->
<!-- ============================================================== -->
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="page-breadcrumb">
<div class="row">
<div class="col-5 align-self-center">
<h4 class="page-title">User Role Permission</h4>
<!-- <div class="d-flex align-items-center">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
</div> -->
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid -->
<!-- ============================================================== -->
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<div class="row">
<div class="col-12">
<!-- Column -->
<div class="card">
<div class="card-body">
<form id="addpermission">
@csrf
@include('backend.layout.verror_message')
<table style="margin-bottom: 10px;">
<tr>
<td>
<label style="margin-bottom: 0px;" class="form-control">Role</label>
</td>
<td>
<select name="role" class="form-control" id="role" style="width:200px;" >
<option value="">Select Role</option>
@foreach($roles as $role)
<option value="{{$role->role_id}}">{{$role->role_name}}</option>
@endforeach
</select>
</td>
</tr>
</table>
<!-- <h4 class="card-title">Table Responsive </h4>
<h6 class="card-subtitle">Data table example</h6> -->
<div id="list">
</div>
</form>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
@endsection
@section('script')
<script src="{{ asset('public/backend/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript">
$('#role').change(function(){
var role_id=$('#role').val();
if(role_id){
$.ajax({
type : 'GET',
url : "{{url('admin/get_role_permission')}}",
data : {role_id:role_id},
//dataType : 'json',
success : function (data)
{
$('#list').html(data);
},error: function(response) {
//console.log(response);
}
});
}else{
$('#list').html("");
}
});
$("#addpermission").validate({
rules:
{
role: {
required: true,
},
},
submitHandler: submitForm
});
function submitForm()
{
event.preventDefault();
var data = $("#addpermission").serialize();
$.ajax({
type : 'POST',
url : "{{url('admin/role_permission')}}",
data : data,
// dataType : 'json',
success : function (data)
{
if(data.errors=='0'){
$('.alert-success').show();
$('.alert-danger').hide();
$('.alert-success').append('<p>'+data.success+'</p>');
}else{
var val="";
$.each(data.errors, function(key, value){
$('.alert-danger').show();
$('.alert-success').hide();
val+= '<p>'+value+'</p>';
});
$('.alert-danger').html(val);
}
},error: function(response) {
//console.log(response);
}
});
}
</script>
@endsection