Viewing file:  index.old.php (16.53 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.master')
@section('title') Users @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Users @endslot
@slot('title')Users List @endslot
@endcomponent
<div class="row">
<div class="col-lg-12">
<div class="card">
@if ($errors->any())
<div class="alert alert-danger">
@foreach ($errors->all() as $error)
<span class="each-error">{{ $error }} </span><br/>
@endforeach
</div>
@endif
@if(session()->has('message'))
<div class="alert alert-success">
{{ session()->get('message') }}
</div>
@endif
<div class="card-header border-0">
<div class="d-flex align-items-center">
<h5 class="card-title mb-0 flex-grow-1">Users List</h5>
<div class="flex-shrink-0">
<button type="button" class="btn btn-success add-btn" data-bs-toggle="modal"
id="create-btn" data-bs-target="#addModal"><i
class="ri-add-line align-bottom me-1"></i> Create New
</button>
</div>
</div>
</div>
<div class="card-body">
<div class="">
<table id="alternative-pagination" class="table nowrap dt-responsive align-middle table-hover table-bordered" style="width:100%">
<thead>
<tr>
<th>SR No.</th>
<th>Name</th>
<th>user_name</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@php
$i=1;
@endphp
@if(isset($users))
@foreach($users as $user)
<tr>
<td>{{ $i++ }}</td>
<td>{{ $user->name }}</td>
<td>{{ $user->user_name }}</td>
<td>
<ul class="list-inline hstack gap-2 mb-0">
<li class="list-inline-item edit"
data-bs-toggle="tooltip" data-bs-trigger="hover"
data-bs-placement="top" title="Edit">
<a onclick="update_modal_open
('{{$user}}')" href="javascript:"
class="text-primary d-inline-block edit-item-btn">
<i class="ri-pencil-fill fs-16"></i>
</a>
</li>
<li class="list-inline-item" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-placement="top"
title="Remove">
<a class="text-danger d-inline-block remove-item-btn" href="javascript:"
onclick="delete_modal_open
('{{$user->id}}')">
<i class="ri-delete-bin-5-fill fs-16"></i>
</a>
</li>
</ul>
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
<!-- Modal -->
<div class="modal fade" id="addModal" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-light p-3">
<h5 class="modal-title" id="exampleModalLabel">Add Device</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close" id="close-modal"></button>
</div>
<form class="needs-validation" novalidate method="POST"
action="{{ route('agent.create') }}">
@csrf
<div class="modal-body">
<div class="mb-3">
<label for="name" class="form-label">Device Name <span
class="text-danger">*</span></label>
<input type="text" class="form-control @error('name') is-invalid @enderror"
name="name" value="{{ old('name') }}" id="name"
placeholder="Enter name" required>
@error('name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
<div class="invalid-feedback">
Please enter device name
</div>
</div>
<div class="mb-3">
<label for="userName" class="form-label">User Name <span
class="text-danger">*</span></label>
<input type="text" class="form-control @error('user_name') is-invalid @enderror"
name="user_name" value="{{ old('user_name') }}" id="userName"
placeholder="Enter user name" required>
@error('user_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
<div class="invalid-feedback">
Please enter user name
</div>
</div>
<div class="mb-2" id="div_password">
<label for="userpassword" class="form-label">Password <span
class="text-danger">*</span></label>
<input type="password"
class="form-control @error('password') is-invalid @enderror" name="password"
id="userpassword" placeholder="Enter password" required>
<div class="invalid-feedback">
Please enter password
</div>
</div>
</div>
<div class="modal-footer">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light"
data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success"
id="add-btn">Submit</button>
<!-- <button type="button" class="btn btn-success"
id="edit-btn">Update</button> -->
</div>
</div>
</form>
</div>
</div>
</div>
<!-- edit modal -->
<div class="modal fade" id="editModal" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-light p-3">
<h5 class="modal-title" id="exampleModalLabel">Edit User</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close" id="close-modal"></button>
</div>
<form class="needs-validation" novalidate method="POST"
action="{{ route('agent.update') }}">
@csrf
@method('PUT')
<div class="modal-body">
<input type="hidden" id="device_id" name="device_id" />
<div class="mb-3">
<label for="edit_name" class="form-label">User Name <span
class="text-danger">*</span></label>
<input type="text" class="form-control @error('name') is-invalid @enderror"
name="name" value="{{ old('name') }}" id="edit_name"
placeholder="Enter name" required>
@error('name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
<div class="invalid-feedback">
Please enter user name
</div>
</div>
<div class="mb-3">
<label for="edit_userName" class="form-label">user_name <span
class="text-danger">*</span></label>
<input type="text" class="form-control @error('user_name') is-invalid @enderror"
name="user_name" value="{{ old('user_name') }}" id="edit_userName"
placeholder="Enter user_name address" required>
@error('user_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
<div class="invalid-feedback">
Please enter user_name
</div>
</div>
<div class="mb-2" id="div_password">
<label for="edit_password" class="form-label">Password</label>
<input type="password"
class="form-control @error('password') is-invalid @enderror" name="password"
id="edit_password" placeholder="Enter password">
<div class="invalid-feedback">
Please enter password
</div>
</div>
</div>
<div class="modal-footer">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light"
data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success"
id="edit-btn">Update</button>
<!-- <button type="button" class="btn btn-success"
id="edit-btn">Update</button> -->
</div>
</div>
</form>
</div>
</div>
</div>
<!-- delete modal -->
<div class="modal fade flip" id="deleteuser" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body p-5 text-center">
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json"
trigger="loop" colors="primary:#405189,secondary:#f06548"
style="width:90px;height:90px"></lord-icon>
<div class="mt-4 text-center">
<h4>You are about to delete a User ?</h4>
<div class="hstack gap-2 justify-content-center remove">
<form method="POST"class="needs-validation" action="{{route('agent.delete')}}">
@csrf
@method('DELETE')
<input type="hidden" id="del_id" name="device_id" />
<button type="button"
class="btn btn-link link-success fw-medium text-decoration-none"
data-bs-dismiss="modal" id="deleteRecord-close" ><i
class="ri-close-line me-1 align-middle"></i>
Close</button>
<button class="btn btn-danger" type="submit" id="delete-record">Yes,
Delete It</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end col-->
</div>
<!--end row-->
@endsection
@section('script')
<script>
document.getElementById("addModal").addEventListener("hidden.bs.modal", function() {
$(this).find('form').trigger('reset');
});
$(document).ready(function() {
$("#edit_userGroup-field").select2({
dropdownParent: $("#editModal")
});
$("#userGroup-field").select2({
dropdownParent: $("#addModal")
});
});
function update_modal_open(data) {
data=JSON.parse(data);
$("#device_id").val(data.id);
$("#edit_name").val(data.name);
$("#edit_userName").val(data.user_name);
$('#editModal').modal('toggle');
}
function delete_modal_open(id) {
$("#del_id").val(id);
$('#deleteuser').modal('toggle');
}
</script>
@endsection
|