Files
backend/resources/views/rmto-preview/pages/management/user-list.blade.php
2024-02-01 09:53:53 +00:00

279 lines
11 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title> مدیریت کاربران سیستم </title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="./plugins/fontawesome-free/css/all.min.css">
<!-- IRANSans Font -->
<link rel="stylesheet" href="./dist/css/fontiran.css">
<!-- Theme style -->
<link rel="stylesheet" href="./dist/css/adminlte.css">
<style>
.card-header {
padding: 0.75rem 1.25rem .2rem;
}
th {
font-size: 13px;
}
td {
font-size: 14px;
}
button.btn {
font-size: 12px;
}
i {
font-size: 10px;
}
.starter-loader-container {
z-index: 3000 !important;
}
.abrar-main {
margin-top: 95px;
padding: 0 10px
}
label {
font-size: .8rem;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.5);
}
.form-control {
font-size: 13px;
}
.required-label::after {
content: "*";
position: relative;
right: 2px;
color: #dc3545;
}
</style>
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed starter-project-page">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- TOP MENU -->
<header>
<div class="menu_top" id="navbarmenu_top">
<div class="rahdariLogo">
<a href="#"><img src="../dist/images/icons/alertInstallAppLogo.png" alt=""
title="سازمان راهداری و حمل و نقل جاده ای"></a>
</div>
<button class="responsiveTopMenuBtn routinghover" onclick="window.open('/rmto', '_self');">
<img src="../dist/images/icons/home.svg">صفحه اصلی</button>
<div class="clearfix"></div>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf
</form>
</div>
</header>
<!-- END TOP MENU -->
<!-- Main content -->
<div class="content">
<div class="starter-loader-container">
<div class="starter-loader"></div>
</div>
<div class="container-fluid">
<div class="row m-0">
<div class="col-sm-12">
<div class="abrar-main">
<!-- Default box -->
<div id="user-list-card" class="card">
<div class="card-header">
<h3 class="card-title"> فهرست کاربران (اداره کل) </h3>
<div class="card-tools">
<button class="btn btn-success btn-sm">
<i class="fas fa-plus" style="font-size: 16px;vertical-align: middle;"></i>
</button>
</div>
</div>
<div class="card-body table-responsive p-0">
<table class="table table-striped projects">
<thead>
<tr>
<th style="width: 5%"> شماره </th>
<th style="width: 10%"> نام کاربری </th>
<th style="width: 15%"> نام کاربر </th>
<th style="width: 8%"> نام رابط </th>
<th style="width: 10%"> نام‌خانوادگی رابط </th>
<th style="width: 8%"> شماره موبایل </th>
<th style="width: 8%"> وضعیت ثبت‌نام </th>
<th style="width: 8%"> تاریخ ویرایش </th>
<th style="width: 10%; text-align: center"> عملیات </th>
</tr>
</thead>
<tbody>
@foreach ($users as $user)
<tr>
<td>
{{ $user->id }}
</td>
<td class="text-left">
{{ $user->username }}
</td>
<td>
{{ $user->name }}
</td>
<td>
@if ($user->first_name)
{{ $user->first_name }}
@else
-
@endif
</td>
<td>
@if ($user->last_name)
{{ $user->last_name }}
@else
-
@endif
</td>
<td>
@if ($user->mobile)
{{ $user->mobile }}
@else
-
@endif
</td>
<td>
@if ($user->confirmed)
تکمیل شده
@else
-
@endif
</td>
<td>
{{ verta($user->updated_at)->format('Y/m/d') }}
</td>
<td class="user-operations text-center">
<button class="btn btn-info btn-sm" data-id="{{ $user->id }}">
<i class="fas fa-history"></i>
</button>
<button class="btn btn-warning btn-sm" data-id="{{ $user->id }}">
<i class="fas fa-sync-alt"></i>
</button>
<button class="btn btn-danger btn-sm" data-id="{{ $user->id }}">
<i class="fas fa-trash-alt"></i>
</button>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
<!--modal change password-->
<div class="modal fade" id="createNewUser">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title"> افزودن کاربر جدید به سیستم </h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="display: block;">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label> نام </label>
<input type="text" class="form-control" name="user-fname" placeholder="نام">
</div>
<div class="form-group col-md-6">
<label> نام خانوادگی </label>
<input type="text" class="form-control" name="user-lname" placeholder="نام خانوادگی">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label> پست سازمانی </label>
<input type="text" class="form-control" name="user-position" placeholder="پست سازمانی">
</div>
<div class="form-group col-md-6">
<label> شماره موبایل </label>
<input type="text" class="form-control" name="user-mobile" placeholder="شماره موبایل">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label class="required-label"> نام کاربری </label>
<input type="text" class="form-control" name="username" placeholder="مثال: tehranoffice" required>
</div>
<div class="form-group col-md-6">
<label class="required-label"> نام اکانت </label>
<input type="text" class="form-control" name="user-name" placeholder="مثال: اداره کل تهران"
required>
</div>
</div>
<div class="form-row mb-3">
<div class="form-group col-md-6">
<label class="required-label"> رمز عبور </label>
<input type="text" class="form-control" name="password" placeholder="رمز عبور" required>
<div id="password-invalid-msg" class="invalid-feedback"></div>
</div>
<div class="form-group col-md-6">
<label class="required-label"> تکرار رمز عبور </label>
<input type="text" class="form-control" name="password-confirmation" placeholder="تکرار رمز عبور"
required>
</div>
</div>
<button type="submit" class="btn btn-success float-left"
onclick="event.preventDefault();submitNewUser()">افزودن
کاربر</button>
<button type="button" class="btn btn-warning float-right" data-dismiss="modal">انصراف</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
</div>
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="./plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="./plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Sweetalert2 -->
<script src="./plugins/sweetalert2/sweetalert2.all.min.js"></script>
<!-- AdminLTE App -->
<script src="./dist/js/adminlte.min.js"></script>
<!-- Page Script -->
<script src="./dist/js/user-list.js"></script>
</body>
</html>