Your IP : 216.73.217.77
@extends('layouts.main')
@section('title')
{{ __('Users') }}
@endsection
@section('page-title')
<div class="page-title">
<div class="row">
<div class="col-12 col-md-6 order-md-1 order-last">
<h4>@yield('title')</h4>
</div>
<div class="col-12 col-md-6 order-md-2 order-first"> </div>
</div>
</div>
@endsection
@section('content')
<section class="section">
<div class="card">
<div class="card-header">
<div class="col-sm-12 d-flex justify-content-end">
<a class="btn btn-primary me-1 mb-1" data-bs-toggle="modal" data-bs-target="#addUsereditModal">{{ __('Add Users') }}</a>
</div>
</div>
<hr>
<div class="card-body">
<div class="row">
<div class="col-12">
<table class="table-light" aria-describedby="mydesc" class='table-striped' id="table_list"
data-toggle="table" data-url="{{ url('userList') }}" data-click-to-select="true"
data-side-pagination="server" data-pagination="true"
data-page-list="[5, 10, 20, 50, 100, 200]" data-search="true" data-toolbar="#toolbar"
data-show-columns="true" data-show-refresh="true" data-trim-on-search="false"
data-responsive="true" data-sort-name="id" data-sort-order="desc"
data-pagination-successively-size="3" data-query-params="queryParams">
<thead>
<tr>
<th scope="col" data-field="id" data-sortable="true" data-align="center">{{ __('ID') }}</th>
<th scope="col" data-field="name" data-sortable="true" data-align="center">{{ __('Name') }}</th>
<th scope="col" data-field="email" data-sortable="true" data-align="center">{{ __('Email') }}</th>
<th scope="col" data-field="status" data-sortable="false" data-align="center" data-formatter="statusFormatter">{{ __('Active Status') }}</th>
<th scope="col" data-field="operate" data-sortable="false" data-events="actionEvents" data-align="center">{{ __('Action') }}</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</section>
<!-- ADD USER MODEL MODEL -->
<div id="addUsereditModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel1">{{ __('Add User') }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ route('users.store') }}" class="form-horizontal" method="POST" data-parsley-validate>
{{ csrf_field() }}
<div class="row">
<div class="col-sm-4">
{{-- Name --}}
<div class="col-md-12 col-12">
<div class="form-group mandatory">
<label for="name" class="form-label col-12">{{ __('Name') }}</label>
<input type="text" id="name" class="form-control col-12" placeholder="{{ __('Name') }}" name="name" data-parsley-required="true">
</div>
</div>
{{-- Email --}}
<div class="col-md-12 col-12">
<div class="form-group mandatory">
<label for="email" class="form-label col-12">{{ __('Email') }}</label>
<input type="email" id="email" class="form-control col-12" placeholder="{{ __('Email') }}" name="email" data-parsley-required="true">
</div>
</div>
{{-- Password --}}
<div class="col-md-12 col-12">
<div class="form-group mandatory align-items-center">
<label for="password" class="form-label col-12 ">{{ __('Password') }}</label>
<input type="password" name="password" id="password" class="form-control col-12" placeholder="{{ __('Password') }}" minlength="8">
<span class="form-text text-muted"><small>{{ __('Min Password Length Must Be of 8') }}</small></span>
</div>
</div>
</div>
{{-- Permissions List --}}
<div class="col-sm-8">
@php $actions = ['create', 'read', 'update', 'delete']; @endphp
<div class="table-responsive">
<table id="table" class="table permission-table" aria-describedby="mydesc">
<tr>
<th scope="col">{{ __('Module/Permissions') }}</th>
@foreach ($actions as $row)
<th scope="col">
<div class="form-check">
<label class="checkbox">
<input class="form-check-input custom-checkbox modal-checkbox check-head" data-val="{{ strtolower($row) }}" type="checkbox" checked>
<span></span>{{ ucfirst($row) }}
</label>
</div>
</th>
@endforeach
</tr>
<tbody>
@foreach ($system_modules as $key => $value)
<tr>
<td>{{ ucwords(str_replace('_', ' ', $key)) }}</td>
@for ($i = 0; $i < count($actions); $i++)
@php $index = array_search($actions[$i], $value); @endphp
@if ($index !== false)
<td>
<div class="form-check">
<input class="form-check-input custom-checkbox modal-checkbox {{ $value[$index] }}" name="{{ 'permissions[' . $key . '][' . $value[$index] . ']' }}" id="switch{{ $index }}" type="checkbox">
</div>
</td>
@else
<td></td>
@endif
@endfor
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">{{ __('Close') }}</button>
<button type="submit" class="btn btn-primary waves-effect waves-light">{{ __('Save') }}</button>
</form>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- ADD USER MODEL -->
<!-- EDIT USER MODEL MODEL -->
<div id="editUsereditModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel1">{{ __('Edit User') }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ url('users-update') }}" id="editUserForm" class="form-horizontal" method="POST">
{{ csrf_field() }}
{{-- Edit ID --}}
<input type="hidden" name="edit_id" id="edit_id">
<div class="row">
<div class="col-sm-4">
{{-- Edit Name --}}
<div class="col-md-12 col-12">
<div class="form-group mandatory">
<label for="name" class="form-label col-12">{{ __('Name') }}</label>
<input type="text" id="edit_name" class="form-control col-12" placeholder="Name" name="name" required data-parsley-required="true">
</div>
</div>
{{-- Edit Email --}}
<div class="col-md-12 col-12">
<div class="form-group mandatory">
<label for="email" class="form-label col-12">{{ __('Email') }}</label>
<input type="email" id="edit_email" class="form-control col-12" placeholder="email" name="email" required data-parsley-required="true">
</div>
</div>
{{-- Edit Active Status --}}
<div class="col-md-12 col-12">
<div class="form-group mandatory">
<label for="status" class="form-label col-12">{{ __('Active Status') }}</label>
{!! Form::select('status', ['0' => trans('Inactive'), '1' => trans('Active')], '', [ 'class' => 'form-select', 'id' => 'status', 'required' => true]) !!}
</div>
</div>
</div>
{{-- Edit Permissions List --}}
<div class="col-sm-8">
@php $actions = ['create', 'read', 'update', 'delete']; @endphp
<div class="table-responsive">
<table id="table" class="table permission-table" aria-describedby="mydesc">
<tr>
<th scope="col">Module/Permissions</th>
@foreach ($actions as $row)
<th scope="col">
<div class="form-check">
<label class="checkbox">
<input class="form-check-input custom-checkbox modal-checkbox check-head" data-val="{{ strtolower($row) }}" type="checkbox" checked>
<span></span>{{ ucfirst($row) }}
</label>
</div>
</th>
@endforeach
</tr>
<tbody>
@foreach ($system_modules as $key => $value)
<tr>
<td>{{ ucwords(str_replace('_', ' ', $key)) }}</td>
@for ($i = 0; $i < count($actions); $i++)
@php $index = array_search($actions[$i], $value); @endphp
@if ($index !== false)
<td>
<div class="form-check">
<input class="form-check-input custom-checkbox modal-checkbox {{ $value[$index] }}" name="{{ 'Editpermissions[' . $key . '][' . $value[$index] . ']' }}" id="switch{{ $index }}" type="checkbox">
</div>
</td>
@else
<td></td>
@endif
@endfor
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">{{ __('Close') }}</button>
<button type="submit" class="btn btn-primary waves-effect waves-light">{{ __('Save') }}</button>
</form>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- EDIT USER MODEL -->
<!-- RESET PASSWORD MODEL -->
<div id="resetpasswordmodel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel1">RESET PASSWORD</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ url('users-reset-password') }}" class="form-horizontal" role="form"
method="post">
{{ csrf_field() }}
<div class="row">
{{-- New Password --}}
<div class="form-group row align-items-center">
<label for="newPassword" class="col-lg-4 col-sm-12 control-label text-center mb-3">{{ __('New Password') }}</label>
<div class="col-lg-8 mb-3">
<input type="password" class="form-control" name="newPassword" id="newPassword" placeholder="{{ __('New password') }}" minlength="8" required>
<input type="hidden" name='pass_id' id="pass_id" required>
<span class="form-text text-muted"><small>{{ __('Min Password Length Must Be of 8') }}</small></span>
</div>
</div>
{{-- Confirm Password --}}
<div class="form-group row align-items-center">
<label for="confPassword" class="col-lg-4 col-sm-12 control-label text-center"> {{ __('Confirm Password') }} </label>
<div class="col-lg-8 mb-3">
<input type="password" class="form-control" name="confPassword" id="confPassword" placeholder="{{ __('Confirm password') }}" minlength="8" required>
<span class="form-text text-muted"><small>{{ __('Min Password Length Must Be of 8') }}</small></span>
<br><span class="error" style="color:red"></span>
</div>
</div>
<div class="form-group row align-items-center">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary waves-effect" data-bs-dismiss="modal">{{ __('Close') }}</button>
<button type="submit" name="btnResetPass" value="btnResetPass" class="btn btn-primary waves-effect waves-light">{{ ('Save') }}</button>
</form>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- RESET PASSWORD MODEL -->
@endsection
@section('script')
<script src="{{ url('assets/js/custom/users/users.js') }}"></script>
<script>
window.actionEvents = {
'click .editdata': function(e, value, row, index) {
$('#edit_name').val(row.name);
$('#edit_email').val(row.email);
$('#edit_id').val(row.id);
$('#status').val(row.status).trigger('change');;
$.each(row.permissions, function(index, value) {
$.each(value, function(key, value) {
el = document.getElementsByName('Editpermissions[' + index + '][' + key + ']')[0];
if (el) {
el.setAttribute('checked', true);
}
});
});
}
}
</script>
@endsection