From 72ac48ceffc7a320e03537b122402fc6252c1c9f Mon Sep 17 00:00:00 2001
From: 64160292 <116263346+SuriyaRongsoongnern@users.noreply.github.com>
Date: Sat, 8 Apr 2023 16:53:06 +0700
Subject: [PATCH] view profile in databade / change route
---
app/Http/Controllers/LoginController.php | 4 +-
app/Http/Controllers/MemberController.php | 19 +-
app/Models/Member.php | 2 +-
public/css/Layouts/navbar.css | 2 +-
public/css/Member/profile.css | 2 +-
public/css/main_page.css | 103 ++++
public/css/sidebar.css | 171 ------
.../views/Admin/ApproveMembers.blade.php | 531 -----------------
resources/views/Admin/CreateMember.blade.php | 196 -------
.../views/Admin/EvidentDeposit.blade.php | 152 -----
resources/views/Admin/HomeAdmin.blade.php | 84 ---
.../Manage_member/v_approve_member.blade.php | 550 +++++++++++++++---
.../Transection/v_approve_tranfer.blade.php | 138 ++++-
resources/views/Admin/checkmoney.blade.php | 214 -------
resources/views/Admin/v_admin_home.blade.php | 5 +-
.../views/Member/v_member_home.blade.php | 214 +++++--
.../views/Member/v_member_profile.blade.php | 72 +--
.../Member/v_member_proof_tranfer.blade.php | 94 +--
.../v_member_transection_history.blade.php | 190 +++++-
.../User/v_user_transection_history.blade.php | 51 --
resources/views/form.blade.php | 12 -
resources/views/layouts/sidebar.blade.php | 124 ----
.../views/layouts/v_navbar_admin.blade.php | 10 +-
.../views/layouts/v_navbar_member.blade.php | 4 +-
resources/views/submit.blade.php | 6 -
resources/views/v_welcome.blade.php | 57 ++
routes/web.php | 17 +-
27 files changed, 1238 insertions(+), 1786 deletions(-)
create mode 100644 public/css/main_page.css
delete mode 100644 public/css/sidebar.css
delete mode 100644 resources/views/Admin/ApproveMembers.blade.php
delete mode 100644 resources/views/Admin/CreateMember.blade.php
delete mode 100644 resources/views/Admin/EvidentDeposit.blade.php
delete mode 100644 resources/views/Admin/HomeAdmin.blade.php
delete mode 100644 resources/views/Admin/checkmoney.blade.php
delete mode 100644 resources/views/User/v_user_transection_history.blade.php
delete mode 100644 resources/views/form.blade.php
delete mode 100644 resources/views/layouts/sidebar.blade.php
delete mode 100644 resources/views/submit.blade.php
create mode 100644 resources/views/v_welcome.blade.php
diff --git a/app/Http/Controllers/LoginController.php b/app/Http/Controllers/LoginController.php
index 6f0801df..3674cdba 100644
--- a/app/Http/Controllers/LoginController.php
+++ b/app/Http/Controllers/LoginController.php
@@ -77,6 +77,7 @@ public function login(Request $request)
//echo $request->session()->get('mem_id_card'); // ใช้สำหรับดูค่าใช้อันไหนก็ได้
//return $user; // ใช้สำหรับดูค่า */
+ // print_r($user);
// ดึงค่าจากตัวแปร user ชี้เข้าไปหา mem_type เพื่อใช้ค่าจาก mem_type
if ($request->session()->get('mem_type') == 0) {
@@ -86,7 +87,8 @@ public function login(Request $request)
// User is regular user (user_type = 0)
// return redirect('/Member_home',['name' => 'James']);
// return view('mem_type', ['name' => 'James']);
- return view('/Member_home');
+ // return view('Member/Member_home');
+ return redirect('/Member_home');
} else if ($user->mem_type == null){
// Authentication failed
return back()->withErrors([
diff --git a/app/Http/Controllers/MemberController.php b/app/Http/Controllers/MemberController.php
index 5ff35f65..27d60c1c 100644
--- a/app/Http/Controllers/MemberController.php
+++ b/app/Http/Controllers/MemberController.php
@@ -5,6 +5,9 @@
use App\Http\Controllers\Controller;
use App\Models\Member;
use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+
+use App\Models\Address;
class MemberController extends Controller
{
@@ -21,14 +24,24 @@ public function Member_home(Request $request){
$m->save();
die;
return view('Member/v_Member_home', ['member_id'=> $m->id]);*/
- return view('User_home');
+ return view('Member/v_member_home');
}
public function Tranfer(){
return view('Member/v_member_proof_tranfer');
}
- public function Profile(){
- return view('Member/v_member_profile');
+ public function Profile(Request $request){
+ $mem_id_card = $request->session()->get('mem_id_card');
+ $data['member'] = DB::table('Member')
+ ->join('Address', 'Member.address_id', '=', 'Address.id')
+ ->where('mem_id_card', '=', $mem_id_card)->get();
+ // $member = Member::with('mem_prefix_th','mem_fname_th','mem_lname_th','mem_birthday','mem_id_card','mem_phone_number','mem_email',)->findOrFail($id);
+ // print_r($data['member']);
+ return view('Member/v_member_profile', $data);
+ }
+
+ public function Transection(){
+ return view('Member/v_member_transection_history');
}
}
diff --git a/app/Models/Member.php b/app/Models/Member.php
index c9bce6df..58d63433 100644
--- a/app/Models/Member.php
+++ b/app/Models/Member.php
@@ -32,7 +32,7 @@ class Member extends Model
'mem_phone_nember',
'mem_type',
'mem_status',
- 'mem_balance',
+ 'mem_balance'
];
public function login_auth($id_card, $pass){
diff --git a/public/css/Layouts/navbar.css b/public/css/Layouts/navbar.css
index 3b88ca88..fe9e5114 100644
--- a/public/css/Layouts/navbar.css
+++ b/public/css/Layouts/navbar.css
@@ -140,7 +140,7 @@ .list .nav-link {
}
.list .nav-link:hover {
- background-color: #36618D;
+ background-color: #99CCFF !important;
/* */
}
diff --git a/public/css/Member/profile.css b/public/css/Member/profile.css
index 149223b4..978c99f9 100644
--- a/public/css/Member/profile.css
+++ b/public/css/Member/profile.css
@@ -41,7 +41,7 @@ .row {
width: 1000px;
height: 464px;
left: 245px;
- top: 484px;
+ top: 200px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 10px;
diff --git a/public/css/main_page.css b/public/css/main_page.css
new file mode 100644
index 00000000..bd212284
--- /dev/null
+++ b/public/css/main_page.css
@@ -0,0 +1,103 @@
+@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap%27');
+* {
+ margin: 0%;
+ padding: 0%;
+ box-sizing: border-box;
+}
+.container {
+ font-family: 'Kanit', sans-serif;
+ width: 1000px;
+ margin: auto;
+ background: #E1E1E1;
+}
+nav {
+ width: 1000px;
+ height: 70px;
+ background: white;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ font-size: 16px;
+}
+.logo{
+ width: 200px;
+ height: 70px;
+ margin: 0;
+ object-fit:cover;
+ cursor: pointer;
+}
+nav ul {
+ display: flex;
+}
+nav ul li {
+ list-style: none;
+}
+nav ul a {
+ text-decoration: none;
+ color: black;
+ padding: 10px 20px;
+ transition: .3s ease;
+}
+nav ul li a:hover {
+ color: #4E8AC7;
+}
+.btn-login {
+ background: #36618D;
+ color: #fff;
+ border-radius: 5px;
+}
+.bg {
+ width: 1000px;
+ height: 300px;
+ margin: 0 auto;
+ object-fit:cover;
+}
+.memder-card-list {
+ width: 250px;
+ height: 200px;
+ background: white;
+ border-radius: 5px;
+ box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ font-size: 16px;
+}
+.memder-card-list ul {
+ list-style: none;
+ text-decoration: none;
+ color: black;
+ padding: 10px 20px;
+}
+.memder-card-list ul li {
+ list-style: none;
+}
+.memder-card-list span {
+ padding: 0px 21px ;
+
+}
+.condition-card-list {
+ width: 250px;
+ height: 200px;
+ background: white;
+ border-radius: 5px;
+ box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ font-size: 12px;
+}
+.condition-card-list ul {
+ list-style: none;
+ text-decoration: none;
+ color: black;
+ padding: 10px 20px;
+}
+.condition-card-list ul li {
+ list-style: none;
+}
+.condition-card-list span {
+ padding: 0px 21px ;
+
+}
\ No newline at end of file
diff --git a/public/css/sidebar.css b/public/css/sidebar.css
deleted file mode 100644
index fca039b7..00000000
--- a/public/css/sidebar.css
+++ /dev/null
@@ -1,171 +0,0 @@
-
-
-/* Google Fonts - Kanit */
-@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap');
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: 'Kanit', sans-serif;
-}
-
-body {
- min-height: 100%;
- width: 100%;
- background: #e0e4e7;
-}
-
-nav {
- position: fixed;
- top: 0;
- left: 0;
- height: 70px;
- width: 100%;
- display: flex;
- align-items: center;
- background: #ffffff;
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-}
-
-nav .logo {
- display: flex;
- align-items: center;
- margin: 0 24px;
-}
-
-nav .user {
- display: flex;
- width: 1500%;
- justify-content: end;
- margin-right: 10px;
-
-}
-
-nav .bottom-cotent {
- display: flex;
- width: 100%;
- justify-content: end;
- margin-right: 30px;
-}
-
-.logo .nav-link {
- display: flex;
- align-items: center;
- background-color: #ffffff;
- text-decoration: none;
-}
-
-.user .nav-link {
- display: flex;
- align-items: center;
- background-color: #ffffff;
- text-decoration: none;
- font-size: 16px;
- color: #000;
- font-weight: 400;
-}
-
-.user .nav-link .icon {
- font-size: 25px;
- color: #000;
-}
-
-.bottom-cotent .icon {
- color: #333;
- font-size: 24px;
- margin-right: 14px;
- cursor: pointer;
-}
-
-.bottom-cotent .menu-icon {
- margin: 14px;
- font-size: 20px;
- color: #000;
-}
-
-.logo .menu-icon {
- color: #333;
- font-size: 24px;
- margin-right: 14px;
- cursor: pointer;
-}
-
-.logo .logo-name {
- color: #333;
- font-size: 22px;
- font-weight: 500;
-}
-
-nav .sidebar {
- position: fixed;
- top: 0;
- left: -100%;
- height: 100%;
- width: 320px;
- padding: 10px 0;
- background-color: #ffffff;
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
- transition: all 0.5s ease;
-}
-
-nav.open .sidebar {
- left: 0;
-}
-
-.sidebar .sidebar-content {
- display: flex;
- height: 100%;
- flex-direction: column;
- justify-content: space-between;
- padding: 10px 16px;
-}
-
-.sidebar-content .list {
- list-style: none;
-}
-
-.list .nav-link {
- display: flex;
- align-items: center;
- margin: 5px 0;
- padding: 5px 12px;
- border-radius: 8px;
- background-color: #ffffff;
- text-decoration: none;
-}
-
-.lists .nav-link:hover {
- background-color: #36618D;
- /* */
-}
-
-.nav-link .icon {
- margin: 14px;
- font-size: 20px;
- color: #000;
-}
-
-.nav-link .link {
- font-size: 16px;
- color: #000;
- font-weight: 400;
-}
-
-.overlay {
- position: fixed;
- top: 0;
- left: -100%;
- height: 1000vh;
- width: 200%;
- opacity: 0;
- pointer-events: none;
- transition: all 0.5s ease;
- background: rgba(0, 0, 0, 0.3);
-}
-
-nav.open~.overlay {
- opacity: 1;
- left: 320px;
- pointer-events: auto;
-}
\ No newline at end of file
diff --git a/resources/views/Admin/ApproveMembers.blade.php b/resources/views/Admin/ApproveMembers.blade.php
deleted file mode 100644
index 404afe07..00000000
--- a/resources/views/Admin/ApproveMembers.blade.php
+++ /dev/null
@@ -1,531 +0,0 @@
-@extends('layouts.sidebar')
-<!-- Start Content -->
-<!DOCTYPE html>
-
-<html>
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
-</script>
-<html lang="en">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
- integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
- crossorigin="anonymous" referrerpolicy="no-referrer" />
-<!-- Boxicons CSS -->
-<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
-<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-
- <style>
- .box {
- width: 20%;
- height: 120px;
- border-radius: 10px;
- margin-right: 10px;
- background-color: #ffffff;
- display: inline-block;
- }
-
- .col {
- lift: 405px;
- width: 1040px;
- height: auto;
- margin: 0 auto;
- background: #ffffff;
-
- }
-
- .container {
- margin: 0 auto;
- }
-
- .table-bordered {
- border: 10px solid #dee2e6;
- }
-
- .table-bordered th,
- .table-bordered td {
- border: 10px solid #dee2e6;
- border-top-width: 0;
- border-left-width: 0;
- }
-
- .table-bordered thead th:first-child,
- .table-bordered td:first-child {
- border-left-width: 2px;
- border-top-left-radius: 10px;
- border-bottom-left-radius: 10px;
- }
-
- .table-bordered thead th:last-child,
- .table-bordered td:last-child {
- border-right-width: 2px;
- border-top-right-radius: 10px;
- border-bottom-right-radius: 10px;
- }
-
- .table-bordered thead th,
- .table-bordered td {
- vertical-align: middle;
- }
-
- .icon {
- font-size: 30px;
- color: #36618D;
- }
-
- .m-5 .title {
- color: #36618D;
- font-size: 20px;
- font-weight: 400;
- }
-
- .col-mt-5 {
- background: #ffffff border-radius: 10px;
-
- }
-
- thead {
- background-color: #D9D9D966;
- color: #0000004D;
- }
-
- table {
- background-color: #ffffff;
- }
-
- .modal-content {
- position: relative;
- left: -50%;
- top: -50%;
- height: auto;
- background: #36618D;
-
-
- }
-
- .modal-content-1 {
- position: relative;
- width: 1000px;
- left: -50%;
- top: -50%;
- height: auto;
- background: #ffffff;
- }
-
- .mpdal-body {
- position: relative;
-
- }
-
- .col-6 input[type="text"] {
- border: none;
- border-bottom: 1px solid black;
- border-radius: 0px;
- color: rgb(222, 222, 222);
- }
-
-
-
- .form-control {
- border: none;
- border-bottom: 1px solid black;
- border-radius: 0px;
- color: black;
- }
-
- .form-control:disabled,
- .form-control[readonly] {
- background-color: #ffffff;
- opacity: 1;
- }
-
-
- .row {
-
- box-sizing: border-box;
- height: 464px;
- background: #ffffff;
- border-radius: 10px;
- }
-
- .display-6 {
- color: #ffffff;
- }
-
- .text-center {
- width: 400px;
- height: 300px;
- border-radius: 10px;
- }
- </style>
-</head>
-
-<body>
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <div class="display-5 mt-5 ms-5" style="color: #36618D">
- <img src="icon/approve_member/approve.png" width="7%">
- อนุมัติ
- </div>
-
- <div class="container">
- <div class="row">
- <div class="col mt-5">
-
- <div class="d-flex flex-row d-flex justify-content-between mt-4 ">
- <div class="border-bottom border-gray">
-
- <span class="col-3 text-center mt-2 ">
- ทั้งหมด
- </span>
- <span class="col-3 text-center mt-2">
- อนุมัติแล้ว
- </span>
- <span class="col-3 text-center mt-2">
- รออนุมัติ
- </span>
-
- </div>
- <div class="col-mt-3 d-flex flex-row">
- <div class="input-group ">
- <div class="form-outline">
- <input type="search" id="form1" class="form-control" placeholder="ค้นหา">
- </div>
- <button type="button" class="btn btn-primary">
- <i class='bx bx-search-alt-2'></i>
- </button>
- </div>
- </div>
- </div>
-
- <div class="row bg-white mt-3">
- <div class=" mt-4 bg-white ">
-
- <table id="example" class="table" style="width:100%">
- <thead>
- <tr>
- <th class="ps-5">วันที่สมัคร
- </th>
- <th>ชื่อ-นามสกุล</th>
- <th>ประเภท</th>
-
- <th>
- <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
- src="icon/evidence/succeed.png" width="20px">
- อนุมัติแล้ว</span>
- </div>
- <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
- src="icon/evidence/failed.png" width="20px">
- รออนุมัติ</span>
- </div>
- </th>
- <th></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ps-5">01/01/2566</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td>สามัญ</td>
- <td>
- <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
- src="icon/evidence/succeed.png" width="30px"> </span></div>
- </td>
- <td>
- <div width="20px"> <span class=""><img
- src="icon/approve_member/three-dots.png" data-bs-toggle="modal"
- data-bs-target="#exampleModal_2" data-toggle="modal"
- width="20px"></span></div>
- </td>
-
- </tr>
- <tr>
- <td class="ps-5">01/01/2566</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td>สามัญ</td>
- <td>
- <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
- src="icon/evidence/failed.png" width="30px"> </span></div>
- </td>
- <td>
- <div width="20px"> <span class=""><img
- src="icon/approve_member/three-dots.png" data-bs-toggle="modal"
- data-bs-target="#exampleModal_1" data-toggle="modal"
- width="20px"></span>
- </div>
- </td>
-
- </tr>
- <tr>
- <td class="ps-5">01/01/2566</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td>สามัญ</td>
- <td>
- <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
- src="icon/evidence/succeed.png" width="30px"></span></div>
- </td>
- <td>
- <div width="20px"> <span class=""><img
- src="icon/approve_member/three-dots.png" data-bs-toggle="modal"
- data-bs-target="#exampleModal_2" data-toggle="modal"
- width="20px"></span></div>
- </td>
-
- </tr>
- <tr>
- </tr>
- </tbody>
- </table>
- <div class="d-grid gap-2 d-md-flex justify-content-md-end m-3">
- <button class="btn btn-light" type="button">ก่อนหน้า</button>
- <button class="btn btn-primary" type="button">1</button>
- <button class="btn btn-light" type="button">2</button>
- <button class="btn btn-light" type="button">3</button>
- <button class="btn btn-light" type="button">4</button>
- <button class="btn btn-light" type="button">5</button>
- <button class="btn btn-light" type="button">ถัดไป</button>
- </div>
- </div>
- </div>
- </div>
-
- <!-- Modal -->
- <div class="modal fade" id="exampleModal_1" tabindex="-1" aria-labelledby="exampleModalCenterTitle"
- aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content " style="width: 1000px">
- <div class="modal-body needs-validation ">
- <div class="display-6 mt-5 ms-5">
- ข้อมูลเพิ่มเติม</div>
- <div class="row m-4">
-
-
- <div></div>
- <div class="col-2">คำนำหน้า
- <input class="form-control" type="text" placeholder="นาย" aria-label="นาย"
- disabled>
- </div>
- <div class="col-4">ชื่อ
- <input class="form-control" type="text" placeholder="สมศักดิ์"
- aria-label="สมศักดิ์" disabled>
- </div>
- <div class="col-4">นามสกุล
- <input class="form-control" type="text" placeholder="ใจดี" aria-label="ใจดี"
- disabled>
- </div>
- <div class="col-2">อายุ
- <input class="form-control" type="text" placeholder="60 ปี"
- aria-label="60 ปี" disabled>
- </div>
- <div class="col-6">วันเกิด
- <input class="form-control" type="text" placeholder="01/20/2506"
- aria-label="01/20/2506" disabled>
- </div>
- <div class="col-6">เลขบัตรประชาชน
- <input class="form-control" type="text" placeholder="x-xxxx-xxxxx-xx-x"
- aria-label="x-xxxx-xxxxx-xx-x" disabled>
- </div>
- <div class="col-6">เบอร์โทรศัพท์
- <input class="form-control" type="text" placeholder="0XX-XXX-XXXX"
- aria-label="0XX-XXX-XXXX" disabled>
- </div>
- <div class="col-6">อีเมล
- <input class="form-control" type="text" placeholder="6416xxx@go.buu.ac.tht"
- aria-label="6416xxx@go.buu.ac.th" disabled>
- </div>
- <div class="col-6">ที่อยู่ตามบัตรประชาชน
- <input class="form-control" type="text"
- placeholder="xxxxxxxxxxxxxxxxxxxxxxxxx" aria-label="xxxxxxxxxxxxxxxxxxxxxxxxx"
- disabled>
- </div>
- <div class="col-6">ตำบล/แขวง
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="col-6">อำเภอ
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
-
- <div class="col-6">จังหวัด
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="col-4">อนุมัติครั้งที่
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="col-4">อนุมัติวันที่
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="text-end">
- <div class="modal fade" id="exampleModalToggle" aria-hidden="true"
- aria-labelledby="exampleModalToggleLabel" tabindex="-1">
-
-
- </div>
- <button class="btn btn-primary" data-bs-toggle="modal" role="button"
- onclick="Success()">อนุมัติ</button>
-
-
-
-
-
- <button class="btn btn-danger" data-bs-toggle="modal" role="button"
- onclick="Error()">ปฏิเสธ</button>
-
- </div>
- </div>
-
- </div>
-
- </div>
-
- </div>
- </div>
-
-
-
-
- </div>
- </div>
- </div>
-
- <div class="modal fade" id="exampleModal_2" tabindex="-1" aria-labelledby="exampleModalCenterTitle"
- aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content " style="width: 1000px">
- <div class="modal-body needs-validation ">
- <div class="display-6 mt-5 ms-5">
- ข้อมูลเพิ่มเติม</div>
- <div class="row m-4">
-
-
- <div></div>
- <div class="col-2">คำนำหน้า
- <input class="form-control" type="text" placeholder="นาย" aria-label="นาย" disabled>
- </div>
- <div class="col-4">ชื่อ
- <input class="form-control" type="text" placeholder="สมศักดิ์" aria-label="สมศักดิ์"
- disabled>
- </div>
- <div class="col-4">นามสกุล
- <input class="form-control" type="text" placeholder="ใจดี" aria-label="ใจดี"
- disabled>
- </div>
- <div class="col-2">อายุ
- <input class="form-control" type="text" placeholder="60 ปี" aria-label="60 ปี"
- disabled>
- </div>
- <div class="col-6">วันเกิด
- <input class="form-control" type="text" placeholder="01/20/2506"
- aria-label="01/20/2506" disabled>
- </div>
- <div class="col-6">เลขบัตรประชาชน
- <input class="form-control" type="text" placeholder="x-xxxx-xxxxx-xx-x"
- aria-label="x-xxxx-xxxxx-xx-x" disabled>
- </div>
- <div class="col-6">เบอร์โทรศัพท์
- <input class="form-control" type="text" placeholder="0XX-XXX-XXXX"
- aria-label="0XX-XXX-XXXX" disabled>
- </div>
- <div class="col-6">อีเมล
- <input class="form-control" type="text" placeholder="6416xxx@go.buu.ac.tht"
- aria-label="6416xxx@go.buu.ac.th" disabled>
- </div>
- <div class="col-6">ที่อยู่ตามบัตรประชาชน
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxxxxxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxxxxxxxxxxxxxxx" disabled>
- </div>
- <div class="col-6">ตำบล/แขวง
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="col-6">อำเภอ
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
-
- <div class="col-6">จังหวัด
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="col-4">อนุมัติครั้งที่
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="col-4">อนุมัติวันที่
- <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
- aria-label="xxxxxxxxxxxx" disabled>
- </div>
- <div class="text-end">
- <div class="modal fade" id="exampleModalToggle" aria-hidden="true"
- aria-labelledby="exampleModalToggleLabel" tabindex="-1">
-
-
- </div>
- <button class="btn btn-primary" data-bs-toggle="modal" role="button"
- onclick="Success()">อนุมัติ</button>
-
-
-
-
-
- <button class="btn btn-danger" data-bs-toggle="modal" role="button"
- onclick="Error()">ปฏิเสธ</button>
-
- </div>
- </div>
-
- </div>
-
- </div>
-
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
- </div>
-
-
-
-</body>
-<script>
- function Success() {
- Swal.fire({
- position: 'center',
- icon: 'success',
- title: 'อนุมัติสำเร็จ',
- showConfirmButton: false,
- timer: 1500
- })
- }
-
- function Error() {
- Swal.fire({
- position: 'center',
- icon: 'error',
- title: 'ปฏิเสธ',
- showConfirmButton: false,
- timer: 1500
- })
- }
-</script>
-
-
-
-
-</html>
-<!-- End Content -->
diff --git a/resources/views/Admin/CreateMember.blade.php b/resources/views/Admin/CreateMember.blade.php
deleted file mode 100644
index 59003533..00000000
--- a/resources/views/Admin/CreateMember.blade.php
+++ /dev/null
@@ -1,196 +0,0 @@
-<!DOCTYPE html>
-<html>
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-
-<head>
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <!-- เรียกใช้ Bootstrap 5 -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
- integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
- crossorigin="anonymous" referrerpolicy="no-referrer" />
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt">
- <style>
- body {
- font-family: 'Prompt';
- }
-
- .nav {
-
- box-sizing: border-box;
- width: 305px;
- height: 1024px;
- left: 0px;
- top: 0px;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.3);
- font-style: normal;
- font-weight: 400;
- font-size: 24px;
-
- }
-
- .h1 {
- position: absolute;
- width: 400px;
- height: 48px;
- left: 435px;
- top: 116px;
- }
-
- .row {
- box-sizing: border-box;
-
- position: absolute;
- width: 928px;
- height: 695px;
- left: 405px;
- top: 230px;
-
- background: #FFFFFF;
- border: 1px solid;
- border-radius: 10px;
-
- }
-
-
-
-
- .col-md-6 input[type="date"] {
- width: 420px;
- height: 30px;
- left: 888px;
- top: 481px;
- border: none;
- border-bottom: 1px solid black;
- border-radius: 0px;
- }
-
- #validationCustom01, InputEmail1 {
- border: none;
- border-bottom: 1px solid black;
- border-radius: 0px;
- }
- </style>
-</head>
-
-<body>
- <nav class="navbar navbar-light bg-light border border-primary">
- <div class="container-fluid">
- <a class="btn btn-outline-success">Navbar</a>
- <form class="d-flex">
- <button class="btn btn-outline-success me-2" type="submit">
- name
- </button>
- <button class="btn btn-outline-success" type="submit">out</button>
- </form>
- </div>
- </nav>
- <div class="h1 text-center ">ลงทะเบียนสมาชิก</div>
-
-
- <ul class="nav flex-column >
- <li class="nav-item">
- <a class="nav-link" href="#">ลงทะเบียนสมาชิก</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">อนุมัติสมาชิก</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">คำนวนเงิน</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">ปรับปรุงข้อมูลสมาชิก</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">หลักฐานการแจ้งฝากเงิน</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">รายงาน</a>
- </li>
- </ul>
-
-
- <form class="row border border-primary needs-validation " novalidate>
- <div></div>
- <div class="col-md-2 ">
- <label for="validationCustom01" class="form-label">คำนำหน้า</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-5">
- <label for="validationCustom01" class="form-label">ชื่อ</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-5">
- <label for="validationCustom01" class="form-label">นามสกุล</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
-
- <div class="col-md-2">
- <label for="validationCustom01" class="form-label">Prefix</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-5">
- <label for="validationCustom01" class="form-label">First Name</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-5">
- <label for="validationCustom01" class="form-label">Last Name</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
-
- <div class="col-md-6">
- <label for="validationCustom01" class="form-label">เลขบัตรประชาชน</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-6 ">
- <label for="Birthday">วันเกิด</label><br>
- <div class="mt-3">
- <input type="date" id="Birthday" name="Birthday" required>
- </div>
- </div>
-
- <div class="col-md-6">
- <label for="validationCustom01" class="form-label">ที่อยู่ตามบัตรประชาชน</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-6">
- <label for="validationCustom01" class="form-label">ตำบล/แขวง</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
-
- <div class="col-md-4">
- <label for="validationCustom01" class="form-label">อำเภอ</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-4">
- <label for="validationCustom01" class="form-label">จังหวัด</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
- <div class="col-md-4">
- <label for="validationCustom01" class="form-label">รหัสไปรษณีย์</label>
- <input type="text" class="form-control" id="validationCustom01" >
- </div>
-
- <div class="col-md-6">
- <label for="validationCustom01" class="form-label">อีเมล</label>
- <input type="email" class="form-control" id="validationCustom01" >
- <div class="invalid-feedback">
- กรุณากรอกอีเมล
- </div>
- </div>
- <div class="col-md-6">
- <label for="validationCustom01" class="form-label">ยืนยันอีเมล</label>
- <input type="email" class="form-control" id="validationCustom01">
- </div>
- <div class="col-12 text-end">
- <a class="btn btn-primary"
- href=http://127.0.0.1:5501/ลงทะเบียนสมาชิกต่อ.html"
- role="button">ถัดไป</a>
- </div>
- </form>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/resources/views/Admin/EvidentDeposit.blade.php b/resources/views/Admin/EvidentDeposit.blade.php
deleted file mode 100644
index 261ec02a..00000000
--- a/resources/views/Admin/EvidentDeposit.blade.php
+++ /dev/null
@@ -1,152 +0,0 @@
-@extends('layouts.sidebar') <!-- จำเป็นต้องมีการเรียกใช้ไฟล์ Sidebar จาก resources/view/layouts/sidebar.blade.php -->
-
-<!-- Start Content -->
-<!DOCTYPE html>
-
-<html>
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-<html lang="en">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
- integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
- crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-
- <style>
- .box {
- width: 20%;
- height: 120px;
- border-radius: 10px;
- margin-right: 10px;
- background-color: #ffffff;
- display: inline-block;
- }
-
- .col{
- lift: 405px;
- width: 1040px;
- height: auto;
- margin: 0 auto;
- background: #ffffff;
-
- }
-
- .container{
- margin: 0 auto;
- }
-
- .table-bordered {
- border: 10px solid #dee2e6;ฃ
- }
-
- .table-bordered th,
- .table-bordered td {
- border: 10px solid #dee2e6;
- border-top-width: 0;
- border-left-width: 0;
- }
-
- .table-bordered thead th:first-child,
- .table-bordered td:first-child {
- border-left-width: 2px;
- border-top-left-radius: 10px;
- border-bottom-left-radius: 10px;
- }
-
- .table-bordered thead th:last-child,
- .table-bordered td:last-child {
- border-right-width: 2px;
- border-top-right-radius: 10px;
- border-bottom-right-radius: 10px;
- }
-
- .table-bordered thead th,
- .table-bordered td {
- vertical-align: middle;
- }
- </style>
-</head>
-
-<body>
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <h1 class="m-5">หลักฐานการแจ้งฝากเงิน</h1>
-
- <div class="container">
-
- <div class="container">
-
- <div class="row">
- <div class="col mt-5">
- <div class="row m-3 d-flex justify-content-end">
- <div class="col-3">
- <input type="text" class="form-control" placeholder="ค้นหา">
- </div>
- </div>
- <table class="table">
- <thead>
- <tr>
- <th>วันที่ส่งสลิป</th>
- <th>เวลา</th>
- <th>ชื่อ-นามสกุล</th>
- <th>รูป</th>
- <th>จำนวนเงิน</th>
- <th>สถานะ</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>01/01/2566</td>
- <td>19:00 น.</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td></td>
- <td>500 บาท</td>
- <td>สำเร็จ</td>
-
- </tr>
- <tr>
- <td>01/01/2566</td>
- <td>19:00 น.</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td></td>
- <td>500 บาท</td>
- <td>สำเร็จ</td>
- </tr>
- <tr>
- <td>01/01/2566</td>
- <td>19:00 น.</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td></td>
- <td>500 บาท</td>
- <td>สำเร็จ</td>
- </tr>
- </tbody>
- </table>
- <div class="d-grid gap-2 d-md-flex justify-content-md-end m-3">
- <button class="btn btn-primary" type="button">ก่อนหน้า</button>
- <button class="btn btn-primary" type="button">1</button>
- <button class="btn btn-primary" type="button">2</button>
- <button class="btn btn-primary" type="button">3</button>
- <button class="btn btn-primary" type="button">4</button>
- <button class="btn btn-primary" type="button">5</button>
- <button class="btn btn-primary" type="button">ถัดไป</button>
- </div>
- </div>
- </div>
- </div>
-
-
-
-
-</body>
-
-</html>
-<!-- End Content -->
\ No newline at end of file
diff --git a/resources/views/Admin/HomeAdmin.blade.php b/resources/views/Admin/HomeAdmin.blade.php
deleted file mode 100644
index 68b0cb11..00000000
--- a/resources/views/Admin/HomeAdmin.blade.php
+++ /dev/null
@@ -1,84 +0,0 @@
-@extends('layouts.sidebar')
-<!-- Start Content -->
-<!DOCTYPE html>
-
-<html>
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
-</script>
-<html lang="en">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
- integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
- crossorigin="anonymous" referrerpolicy="no-referrer" />
-<!-- Boxicons CSS -->
-<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-
- <style>
- .mt-5,.mt-3{
- border-radius: 10px;
- background-color: white;
- }
-
- </style>
-</head>
-
-<body>
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <div class="mt-5">
- <div class="card-body">
- <div class="a">จำนวนสมาชิกทั้งหมด</div>
- </div>
- <div class="card-body text-center">
- <?php
- $word1 = '5,000';
- $word2 = 'คน';
-
- echo '<class="card-title" style="font-size: 60px; display: inline-block;">' . $word1 . '</class=>';
- echo '<class="card-title" style="font-size: 16px; display: inline-block; margin-left: 5px;">' . $word2 . '</class=>';
- ?>
- </div>
- </div>
- <div class="mt-3">
- <div class="card-body">
- <div class="a">จำนวนคนที่สมัครเข้า</div>
- </div>
- <div class="card-body text-center">
- <?php
- $word1 = '3,000';
- $word2 = 'คน';
-
- echo '<class="card-title" style="font-size: 60px; display: inline-block;">' . $word1 . '</class=>';
- echo '<class="card-title" style="font-size: 16px; display: inline-block; margin-left: 5px;">' . $word2 . '</class=>';
- ?>
- </div>
- </div>
- <div class="mt-3">
- <div class="card-body">
- <div class="a">จำนวนคนที่ลาออกทั้งหมด</div>
- </div>
- <div class="card-body text-center">
- <?php
- $word1 = '250';
- $word2 = 'คน';
-
- echo '<class="card-title" style="font-size: 60px; display: inline-block;">' . $word1 . '</class=>';
- echo '<class="card-title" style="font-size: 16px; display: inline-block; margin-left: 5px;">' . $word2 . '</class=>';
- ?>
- </div>
- </div>
-
-
-</body>
-
-</html>
-<!-- End Content -->
diff --git a/resources/views/Admin/Manage_member/v_approve_member.blade.php b/resources/views/Admin/Manage_member/v_approve_member.blade.php
index 61b38aba..c5cd5a7f 100644
--- a/resources/views/Admin/Manage_member/v_approve_member.blade.php
+++ b/resources/views/Admin/Manage_member/v_approve_member.blade.php
@@ -12,100 +12,520 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
+<!-- Boxicons CSS -->
+<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
+
+ <style>
+ .box {
+ width: 20%;
+ height: 120px;
+ border-radius: 10px;
+ margin-right: 10px;
+ background-color: #ffffff;
+ display: inline-block;
+ }
+
+ .col {
+ left: 405px;
+ width: 1040px;
+ height: auto;
+ margin: 0 auto;
+ background: #ffffff;
+
+ }
+
+ .container {
+ margin: 0 auto;
+ }
+
+ .table-bordered {
+ border: 10px solid #dee2e6;
+ }
+
+ .table-bordered th,
+ .table-bordered td {
+ border: 10px solid #dee2e6;
+ border-top-width: 0;
+ border-left-width: 0;
+ }
+
+ .table-bordered thead th:first-child,
+ .table-bordered td:first-child {
+ border-left-width: 2px;
+ border-top-left-radius: 10px;
+ border-bottom-left-radius: 10px;
+ }
+
+ .table-bordered thead th:last-child,
+ .table-bordered td:last-child {
+ border-right-width: 2px;
+ border-top-right-radius: 10px;
+ border-bottom-right-radius: 10px;
+ }
+
+ .table-bordered thead th,
+ .table-bordered td {
+ vertical-align: middle;
+ }
+
+ .icon {
+ font-size: 30px;
+ color: #36618D;
+ }
+
+ .m-5 .title {
+ color: #36618D;
+ font-size: 20px;
+ font-weight: 400;
+ }
+
+ .col-mt-5 {
+ background: #ffffff;
+ border-radius: 10px;
+ }
+
+ thead {
+ background-color: #D9D9D966;
+ color: #0000004D;
+ }
+
+ table {
+ background-color: #ffffff;
+ }
+
+ .modal-content {
+ position: relative;
+ left: -50%;
+ top: -50%;
+ height: auto;
+ background: #36618D;
+
+
+ }
+
+ .modal-content-1 {
+ position: relative;
+ width: 1000px;
+ left: -50%;
+ top: -50%;
+ height: auto;
+ background: #ffffff;
+ }
+
+ .mpdal-body {
+ position: relative;
+
+ }
+
+ .col-6 input[type="text"] {
+ border: none;
+ border-bottom: 1px solid black;
+ border-radius: 0px;
+ color: rgb(222, 222, 222);
+ }
+
+
+
+ .form-control {
+ border: none;
+ border-bottom: 1px solid black;
+ border-radius: 0px;
+ color: black;
+ }
+
+ .form-control:disabled,
+ .form-control[readonly] {
+ background-color: #ffffff;
+ opacity: 1;
+ }
+
+
+ .row {
+
+ box-sizing: border-box;
+ height: 464px;
+ background: #ffffff;
+ border-radius: 10px;
+ }
+
+ .display-6 {
+ color: #ffffff;
+ }
+
+ .text-center {
+ width: 400px;
+ height: 300px;
+ border-radius: 10px;
+ }
+ </style>
</head>
<body>
- <h1 class="m-5">อนุมัติสมาชิก</h1>
+ <br> <!-- จำเป็นต้องมี -->
+ <br> <!-- จำเป็นต้องมี -->
+ <br> <!-- จำเป็นต้องมี -->
+ <div class="display-5 mt-5 ms-5" style="color: #36618D">
+ <img src="icon/approve_member/approve.png" width="7%">
+ อนุมัติ
+ </div>
<div class="container">
+ <div class="row">
+ <div class="col mt-5">
- <div class="container">
+ <div class="d-flex flex-row d-flex justify-content-between mt-4 ">
+ <div class="border-bottom border-gray">
- <div class="row">
- <div class="col mt-5">
+ <span class="col-3 text-center mt-2 ">
+ ทั้งหมด
+ </span>
+ <span class="col-3 text-center mt-2">
+ อนุมัติแล้ว
+ </span>
+ <span class="col-3 text-center mt-2">
+ รออนุมัติ
+ </span>
- <div class="row">
- <div class="col-2 text-center">
- <input type="text" class="form-control" placeholder="ทั้งหมด"
- aria-label="Disabled input example" disabled>
+ </div>
+ <div class="col-mt-3 d-flex flex-row">
+ <div class="input-group ">
+ <div class="form-outline">
+ <input type="search" id="form1" class="form-control" placeholder="ค้นหา">
+ </div>
+ <button type="button" class="btn btn-primary">
+ <i class='bx bx-search-alt-2'></i>
+ </button>
</div>
- <div class="col-2 text-center">
- <input type="text" class="form-control" placeholder="อนุมัติแล้ว"
- aria-label="Disabled input example" disabled>
+ </div>
+ </div>
+
+ <div class="row bg-white mt-3">
+ <div class=" mt-4 bg-white ">
+
+ <table id="example" class="table" style="width:100%">
+ <thead>
+ <tr>
+ <th class="ps-5">วันที่สมัคร
+ </th>
+ <th>ชื่อ-นามสกุล</th>
+ <th>ประเภท</th>
+
+ <th>
+ <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
+ src="icon/evidence/succeed.png" width="20px">
+ อนุมัติแล้ว</span>
+ </div>
+ <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
+ src="icon/evidence/failed.png" width="20px">
+ รออนุมัติ</span>
+ </div>
+ </th>
+ <th></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ps-5">01/01/2566</td>
+ <td>นาย สมศักดิ์ ใจดี</td>
+ <td>สามัญ</td>
+ <td>
+ <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
+ src="icon/evidence/succeed.png" width="30px"> </span></div>
+ </td>
+ <td>
+ <div width="20px"> <span class=""><img
+ src="icon/approve_member/three-dots.png" data-bs-toggle="modal"
+ data-bs-target="#exampleModal_2" data-toggle="modal"
+ width="20px"></span></div>
+ </td>
+
+ </tr>
+ <tr>
+ <td class="ps-5">01/01/2566</td>
+ <td>นาย สมศักดิ์ ใจดี</td>
+ <td>สามัญ</td>
+ <td>
+ <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
+ src="icon/evidence/failed.png" width="30px"> </span></div>
+ </td>
+ <td>
+ <div width="20px"> <span class=""><img
+ src="icon/approve_member/three-dots.png" data-bs-toggle="modal"
+ data-bs-target="#exampleModal_1" data-toggle="modal"
+ width="20px"></span>
+ </div>
+ </td>
+
+ </tr>
+ <tr>
+ <td class="ps-5">01/01/2566</td>
+ <td>นาย สมศักดิ์ ใจดี</td>
+ <td>สามัญ</td>
+ <td>
+ <div width="20px"> <span class="d-flex justify-content-start ms-5"><img
+ src="icon/evidence/succeed.png" width="30px"></span></div>
+ </td>
+ <td>
+ <div width="20px"> <span class=""><img
+ src="icon/approve_member/three-dots.png" data-bs-toggle="modal"
+ data-bs-target="#exampleModal_2" data-toggle="modal"
+ width="20px"></span></div>
+ </td>
+
+ </tr>
+ <tr>
+ </tr>
+ </tbody>
+ </table>
+ <div class="d-grid gap-2 d-md-flex justify-content-md-end m-3">
+ <button class="btn btn-light" type="button">ก่อนหน้า</button>
+ <button class="btn btn-primary" type="button">1</button>
+ <button class="btn btn-light" type="button">2</button>
+ <button class="btn btn-light" type="button">3</button>
+ <button class="btn btn-light" type="button">4</button>
+ <button class="btn btn-light" type="button">5</button>
+ <button class="btn btn-light" type="button">ถัดไป</button>
</div>
- <div class="col-2 text-center">
- <input type="text" class="form-control" placeholder="รออนุมัติ"
- aria-label="Disabled input example" disabled>
+ </div>
+ </div>
+ </div>
+
+ <!-- Modal -->
+ <div class="modal fade" id="exampleModal_1" tabindex="-1" aria-labelledby="exampleModalCenterTitle"
+ aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content " style="width: 1000px">
+ <div class="modal-body needs-validation ">
+ <div class="display-6 mt-5 ms-5">
+ ข้อมูลเพิ่มเติม</div>
+ <div class="row m-4">
+
+
+ <div></div>
+ <div class="col-2">คำนำหน้า
+ <input class="form-control" type="text" placeholder="นาย" aria-label="นาย"
+ disabled>
+ </div>
+ <div class="col-4">ชื่อ
+ <input class="form-control" type="text" placeholder="สมศักดิ์"
+ aria-label="สมศักดิ์" disabled>
+ </div>
+ <div class="col-4">นามสกุล
+ <input class="form-control" type="text" placeholder="ใจดี" aria-label="ใจดี"
+ disabled>
+ </div>
+ <div class="col-2">อายุ
+ <input class="form-control" type="text" placeholder="60 ปี"
+ aria-label="60 ปี" disabled>
+ </div>
+ <div class="col-6">วันเกิด
+ <input class="form-control" type="text" placeholder="01/20/2506"
+ aria-label="01/20/2506" disabled>
+ </div>
+ <div class="col-6">เลขบัตรประชาชน
+ <input class="form-control" type="text" placeholder="x-xxxx-xxxxx-xx-x"
+ aria-label="x-xxxx-xxxxx-xx-x" disabled>
+ </div>
+ <div class="col-6">เบอร์โทรศัพท์
+ <input class="form-control" type="text" placeholder="0XX-XXX-XXXX"
+ aria-label="0XX-XXX-XXXX" disabled>
+ </div>
+ <div class="col-6">อีเมล
+ <input class="form-control" type="text" placeholder="6416xxx@go.buu.ac.tht"
+ aria-label="6416xxx@go.buu.ac.th" disabled>
+ </div>
+ <div class="col-6">ที่อยู่ตามบัตรประชาชน
+ <input class="form-control" type="text"
+ placeholder="xxxxxxxxxxxxxxxxxxxxxxxxx" aria-label="xxxxxxxxxxxxxxxxxxxxxxxxx"
+ disabled>
+ </div>
+ <div class="col-6">ตำบล/แขวง
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="col-6">อำเภอ
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+
+ <div class="col-6">จังหวัด
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="col-4">อนุมัติครั้งที่
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="col-4">อนุมัติวันที่
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="text-end">
+ <div class="modal fade" id="exampleModalToggle" aria-hidden="true"
+ aria-labelledby="exampleModalToggleLabel" tabindex="-1">
+
+
+ </div>
+ <button class="btn btn-primary" data-bs-toggle="modal" role="button"
+ onclick="Success()">อนุมัติ</button>
+
+
+
+
+
+ <button class="btn btn-danger" data-bs-toggle="modal" role="button"
+ onclick="Error()">ปฏิเสธ</button>
+
+ </div>
+ </div>
+
</div>
- <div class="col-2">
+ </div>
+
+ </div>
+ </div>
+
+
+
+
+ </div>
+ </div>
+ </div>
+
+ <div class="modal fade" id="exampleModal_2" tabindex="-1" aria-labelledby="exampleModalCenterTitle"
+ aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content " style="width: 1000px">
+ <div class="modal-body needs-validation ">
+ <div class="display-6 mt-5 ms-5">
+ ข้อมูลเพิ่มเติม</div>
+ <div class="row m-4">
+
+
+ <div></div>
+ <div class="col-2">คำนำหน้า
+ <input class="form-control" type="text" placeholder="นาย" aria-label="นาย" disabled>
</div>
- <div class="col-4">
- <input type="text" class="form-control" placeholder="ค้นหา">
+ <div class="col-4">ชื่อ
+ <input class="form-control" type="text" placeholder="สมศักดิ์" aria-label="สมศักดิ์"
+ disabled>
+ </div>
+ <div class="col-4">นามสกุล
+ <input class="form-control" type="text" placeholder="ใจดี" aria-label="ใจดี"
+ disabled>
+ </div>
+ <div class="col-2">อายุ
+ <input class="form-control" type="text" placeholder="60 ปี" aria-label="60 ปี"
+ disabled>
+ </div>
+ <div class="col-6">วันเกิด
+ <input class="form-control" type="text" placeholder="01/20/2506"
+ aria-label="01/20/2506" disabled>
+ </div>
+ <div class="col-6">เลขบัตรประชาชน
+ <input class="form-control" type="text" placeholder="x-xxxx-xxxxx-xx-x"
+ aria-label="x-xxxx-xxxxx-xx-x" disabled>
+ </div>
+ <div class="col-6">เบอร์โทรศัพท์
+ <input class="form-control" type="text" placeholder="0XX-XXX-XXXX"
+ aria-label="0XX-XXX-XXXX" disabled>
+ </div>
+ <div class="col-6">อีเมล
+ <input class="form-control" type="text" placeholder="6416xxx@go.buu.ac.tht"
+ aria-label="6416xxx@go.buu.ac.th" disabled>
+ </div>
+ <div class="col-6">ที่อยู่ตามบัตรประชาชน
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxxxxxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxxxxxxxxxxxxxxx" disabled>
+ </div>
+ <div class="col-6">ตำบล/แขวง
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="col-6">อำเภอ
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+
+ <div class="col-6">จังหวัด
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="col-4">อนุมัติครั้งที่
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="col-4">อนุมัติวันที่
+ <input class="form-control" type="text" placeholder="xxxxxxxxxxxx"
+ aria-label="xxxxxxxxxxxx" disabled>
+ </div>
+ <div class="text-end">
+ <div class="modal fade" id="exampleModalToggle" aria-hidden="true"
+ aria-labelledby="exampleModalToggleLabel" tabindex="-1">
+
+
+ </div>
+ <button class="btn btn-primary" data-bs-toggle="modal" role="button"
+ onclick="Success()">อนุมัติ</button>
+
+
+
+
+
+ <button class="btn btn-danger" data-bs-toggle="modal" role="button"
+ onclick="Error()">ปฏิเสธ</button>
+
</div>
</div>
- <table class="table mt-3">
- <thead>
- <tr>
- <th>วันที่สมัคร</th>
- <th>ชื่อ-นามสกุล</th>
- <th>ประเภท</th>
- <th>
- <div class="">อนุมัติแล้ว <br> รออนุมัติ</div>
- </th>
- <th></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>01/01/2566</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td>สามัญ</td>
- <td></td>
- <td></td>
-
- </tr>
- <tr>
- <td>01/01/2566</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td>สามัญ</td>
- <td></td>
- <td></td>
-
- </tr>
- <tr>
- <td>01/01/2566</td>
- <td>นาย สมศักดิ์ ใจดี</td>
- <td>สามัญ</td>
- <td></td>
- <td></td>
-
- </tr>
- </tbody>
- </table>
- <div class="d-grid gap-2 d-md-flex justify-content-md-end m-3">
- <button class="btn btn-primary" type="button">ก่อนหน้า</button>
- <button class="btn btn-primary" type="button">1</button>
- <button class="btn btn-primary" type="button">2</button>
- <button class="btn btn-primary" type="button">3</button>
- <button class="btn btn-primary" type="button">4</button>
- <button class="btn btn-primary" type="button">5</button>
- <button class="btn btn-primary" type="button">ถัดไป</button>
- </div>
+
</div>
+
</div>
+
</div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
</body>
+<script>
+ function Success() {
+ Swal.fire({
+ position: 'center',
+ icon: 'success',
+ title: 'อนุมัติสำเร็จ',
+ showConfirmButton: false,
+ timer: 1500
+ })
+ }
+
+ function Error() {
+ Swal.fire({
+ position: 'center',
+ icon: 'error',
+ title: 'ปฏิเสธ',
+ showConfirmButton: false,
+ timer: 1500
+ })
+ }
+</script>
+
+
+
</html>
@endsection
diff --git a/resources/views/Admin/Transection/v_approve_tranfer.blade.php b/resources/views/Admin/Transection/v_approve_tranfer.blade.php
index 9a955a3c..0df51393 100644
--- a/resources/views/Admin/Transection/v_approve_tranfer.blade.php
+++ b/resources/views/Admin/Transection/v_approve_tranfer.blade.php
@@ -1,15 +1,151 @@
@extends('layouts.v_navbar_admin')
@section('navbar_admin')
<!DOCTYPE html>
+
+<html>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+ integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+ integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<html lang="en">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
+ integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
+ crossorigin="anonymous" referrerpolicy="no-referrer" />
+
<head>
<meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
+
+ <style>
+ .box {
+ width: 20%;
+ height: 120px;
+ border-radius: 10px;
+ margin-right: 10px;
+ background-color: #ffffff;
+ display: inline-block;
+ }
+
+ .col{
+ left: 405px;
+ width: 1040px;
+ height: auto;
+ margin: 0 auto;
+ background: #ffffff;
+
+ }
+
+ .container{
+ margin: 0 auto;
+ }
+
+ .table-bordered {
+ border: 10px solid #dee2e6;
+ }
+
+ .table-bordered th,
+ .table-bordered td {
+ border: 10px solid #dee2e6;
+ border-top-width: 0;
+ border-left-width: 0;
+ }
+
+ .table-bordered thead th:first-child,
+ .table-bordered td:first-child {
+ border-left-width: 2px;
+ border-top-left-radius: 10px;
+ border-bottom-left-radius: 10px;
+ }
+
+ .table-bordered thead th:last-child,
+ .table-bordered td:last-child {
+ border-right-width: 2px;
+ border-top-right-radius: 10px;
+ border-bottom-right-radius: 10px;
+ }
+
+ .table-bordered thead th,
+ .table-bordered td {
+ vertical-align: middle;
+ }
+ </style>
</head>
+
<body>
+ <br> <!-- จำเป็นต้องมี -->
+ <br> <!-- จำเป็นต้องมี -->
+ <br> <!-- จำเป็นต้องมี -->
+ <h1 class="m-5">หลักฐานการแจ้งฝากเงิน</h1>
+
+ <div class="container">
+
+ <div class="container">
+
+ <div class="row">
+ <div class="col mt-5">
+ <div class="row m-3 d-flex justify-content-end">
+ <div class="col-3">
+ <input type="text" class="form-control" placeholder="ค้นหา">
+ </div>
+ </div>
+ <table class="table">
+ <thead>
+ <tr>
+ <th>วันที่ส่งสลิป</th>
+ <th>เวลา</th>
+ <th>ชื่อ-นามสกุล</th>
+ <th>รูป</th>
+ <th>จำนวนเงิน</th>
+ <th>สถานะ</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>01/01/2566</td>
+ <td>19:00 น.</td>
+ <td>นาย สมศักดิ์ ใจดี</td>
+ <td></td>
+ <td>500 บาท</td>
+ <td>สำเร็จ</td>
+
+ </tr>
+ <tr>
+ <td>01/01/2566</td>
+ <td>19:00 น.</td>
+ <td>นาย สมศักดิ์ ใจดี</td>
+ <td></td>
+ <td>500 บาท</td>
+ <td>สำเร็จ</td>
+ </tr>
+ <tr>
+ <td>01/01/2566</td>
+ <td>19:00 น.</td>
+ <td>นาย สมศักดิ์ ใจดี</td>
+ <td></td>
+ <td>500 บาท</td>
+ <td>สำเร็จ</td>
+ </tr>
+ </tbody>
+ </table>
+ <div class="d-grid gap-2 d-md-flex justify-content-md-end m-3">
+ <button class="btn btn-light" type="button">ก่อนหน้า</button>
+ <button class="btn btn-primary" type="button">1</button>
+ <button class="btn btn-light" type="button">2</button>
+ <button class="btn btn-light" type="button">3</button>
+ <button class="btn btn-light" type="button">4</button>
+ <button class="btn btn-light" type="button">5</button>
+ <button class="btn btn-light" type="button">ถัดไป</button>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+
</body>
+
</html>
@endsection
diff --git a/resources/views/Admin/checkmoney.blade.php b/resources/views/Admin/checkmoney.blade.php
deleted file mode 100644
index 6643ea84..00000000
--- a/resources/views/Admin/checkmoney.blade.php
+++ /dev/null
@@ -1,214 +0,0 @@
-@extends('layouts.sidebar')
-<!-- จำเป็นต้องมีการเรียกใช้ไฟล์ Sidebar จาก resources/view/layouts/sidebar.blade.php -->
-
-<!-- Start Content -->
-<!DOCTYPE html>
-
-<html>
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
-</script>
-<html lang="en">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
- integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
- crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-
- <style>
- @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap');
- font-family: 'Kanit', sans-serif;
- .box {
- width: 24%;
- height: 120px;
- border-radius: 10px;
- margin-right: 10px;
- background-color: #ffffff;
- display: inline-block;
- }
-
- .col {
- lift: 405px;
- width: 1040px;
- height: auto;
- margin: 0 auto;
- background: #ffffff;
-
- }
-
- .container {
- margin: 0 auto;
- }
-
- .number {
- text-center display-5
- }
-
- .a {
- color: #00000080;
- }
-
- .col-mt-5 {
- background: #ffffff
- }
-
- thead {
- background-color: #D9D9D966;
- color: #0000004D;
- }
-
- table {
- background-color: #ffffff;
- }
- .row{
- border-radius: 10px
- }
- .accept{
- color: #73A600;
- }
- .unaccept{
- color: #CE0E17;
- }
- </style>
-</head>
-
-<body>
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <br> <!-- จำเป็นต้องมี -->
- <div class="container">
- <div class="display-5 mt-5 ms-5"> <img src="icon/calculate/baht.png" width="10%"
-
- >คำนวนเงิน</div>
- <div class="row d-flex justify-content-center">
- <div class="card text-black mt-3 ms-3" style="max-width: 18rem;">
- <div class="card-body">
- <div class="a">จำนวนผู้เสียชีวิต</div>
- </div>
- <div class="card-body text-center">
- <?php
- $word1 = '2';
- $word2 = 'คน';
-
- echo '<class="card-title" style="font-size: 60px; display: inline-block;">' . $word1 . '</class=>';
- echo '<class="card-title" style="font-size: 16px; display: inline-block; margin-left: 5px;">' . $word2 . '</class=>';
- ?>
- </div>
- </div>
- <div class="card text-black mt-3 ms-3 center" style="max-width: 18rem;">
- <div class="card-body">
- <div class="a">จำนวนเงินทั้งหมด</div>
- </div>
- <div class="card-body text-center">
- <?php
- $word1 = '400';
- $word2 = 'บาท';
-
- echo '<class="card-title" style="font-size: 60px; display: inline-block;">' . $word1 . '</class=>';
- echo '<class="card-title" style="font-size: 16px; display: inline-block; margin-left: 5px;">' . $word2 . '</class=>';
- ?>
- </div>
- </div>
- <div class="card text-black mt-3 ms-3" style="max-width: 18rem;">
- <div class="card-body">
- <div class="a">อัตราหักเงินสงเคราะห์ร้อยละ 4</div>
- </div>
- <div class="card-body text-center">
- <?php
- $word1 = '16';
- $word2 = 'บาท';
-
- echo '<class="card-title" style="font-size: 60px; display: inline-block;">' . $word1 . '</class=>';
- echo '<class="card-title" style="font-size: 16px; display: inline-block; margin-left: 5px;">' . $word2 . '</class=>';
- ?>
- </div>
- </div>
- <div class="card text-black mt-3 ms-3" style="max-width: 18rem;">
- <div class="card-body">
- <div class="a">จำนวนที่สมาชิกจ่ายทั้งหมด</div>
- </div>
- <div class="card-body text-center">
- <?php
- $word1 = '280';
- $word2 = 'บาท';
-
- echo '<class="card-title" style="font-size: 60px; display: inline-block;">' . $word1 . '</class=>';
- echo '<class="card-title" style="font-size: 16px; display: inline-block; margin-left: 5px;">' . $word2 . '</class=>';
- ?>
- </div>
- </div>
-
-
-
- </div>
-
- <div class="row bg-white mt-5 ">
- <div class=" mt-5 bg-white">
-
- <table id="example" class="table" style="width:100%">
- <thead>
- <tr>
- <th> ชื่อ-นามสกุล
- </th>
- <th>จำนวนเงินที่อยู่ในบัญชี</th>
- <th>จำนวนเงินที่ต้องจ่าย</th>
- <th>สถานะ</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td> John
- Doe</td>
- <td>100 บาท</td>
- <td>50 บาท</td>
- <td> <div class="unaccept">ยังไม่จ่าย</div> </td>
- </tr>
- <tr>
- <td> Jane
- Smith</td>
- <td>200 บาท</td>
- <td>100 บาท</td>
- <td><div class="accept">จ่ายแล้ว</div></td>
- </tr>
- <tr>
- <td> Bob
- Johnson</td>
- <td>300 บาท</td>
- <td>150 บาท</td>
- <td><div class="accept">จ่ายแล้ว</div></td>
- </tr>
- <tr >
- </tr>
- </tbody>
- </table>
- <div class="d-grid gap-2 d-md-flex justify-content-md-end m-3">
- <button class="btn btn-light" type="button">ก่อนหน้า</button>
- <button class="btn btn-primary" type="button">1</button>
- <button class="btn btn-light" type="button">2</button>
- <button class="btn btn-light" type="button">3</button>
- <button class="btn btn-light" type="button">4</button>
- <button class="btn btn-light" type="button">5</button>
- <button class="btn btn-light" type="button">ถัดไป</button>
- </div>
- </div>
- </div>
- </div>
-
-
-</body>
-
-<script>
- $(document).ready(function() {
- $('#example').DataTable();
- });
-</script>
-
-</html>
-<!-- End Content -->
diff --git a/resources/views/Admin/v_admin_home.blade.php b/resources/views/Admin/v_admin_home.blade.php
index 62098384..40cf460e 100644
--- a/resources/views/Admin/v_admin_home.blade.php
+++ b/resources/views/Admin/v_admin_home.blade.php
@@ -1,4 +1,5 @@
-@extends('layouts.sidebar')
+@extends('layouts.v_navbar_admin')
+@section('navbar_admin')
<!-- Start Content -->
<!DOCTYPE html>
@@ -82,4 +83,4 @@
</body>
</html>
-<!-- End Content -->
+@section('navbar_admin')
diff --git a/resources/views/Member/v_member_home.blade.php b/resources/views/Member/v_member_home.blade.php
index 64fc6d29..4cfea75f 100644
--- a/resources/views/Member/v_member_home.blade.php
+++ b/resources/views/Member/v_member_home.blade.php
@@ -1,62 +1,192 @@
@extends('layouts.v_navbar_member')
@section('navbar_member')
+<!-- Start Content -->
<!DOCTYPE html>
+<html>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+<html lang="en">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+<!-- Boxicons CSS -->
+<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+
<head>
+
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
- <link rel="stylesheet" href="css\user_tranfer.css">
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link
- href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
- rel="stylesheet">
- <title>Member Home</title>
+ <title>Home</title>
+
+ <style>
+ .card {
+ height: 250px;
+ background-color: #ffffff;
+ display: inline-block;
+ }
+
+ .col {
+ lift: 405px;
+ width: 1040px;
+ height: auto;
+ margin: 0 auto;
+ background: #ffffff;
+
+ }
+
+ .container {
+ margin: 0 auto;
+ }
+
+ .table-bordered {
+ border: 10px solid #dee2e6;
+ }
+
+ .table-bordered th,
+ .table-bordered td {
+ border: 10px solid #dee2e6;
+ border-top-width: 0;
+ border-left-width: 0;
+ }
+
+ .table-bordered thead th:first-child,
+ .table-bordered td:first-child {
+ border-left-width: 2px;
+ border-top-left-radius: 10px;
+ border-bottom-left-radius: 10px;
+ }
+
+ .table-bordered thead th:last-child,
+ .table-bordered td:last-child {
+ border-right-width: 2px;
+ border-top-right-radius: 10px;
+ border-bottom-right-radius: 10px;
+ }
+
+ .table-bordered thead th,
+ .table-bordered td {
+ vertical-align: middle;
+ }
+
+ .icon {
+ font-size: 20px;
+ color: #36618D;
+ }
+
+ .success {
+ color: #73A600;
+ }
+
+ .fail {
+ color: #CE0E17;
+ }
+
+ .m-5 .title {
+ color: black;
+ font-size: 50px;
+ margin-left: 75px;
+ }
+
+ thead {
+ background-color: #D9D9D966;
+ color: #878787;
+ }
+
+ .dt-link {
+ color: #878787;
+ text-decoration: none;
+ }
+
+ .text-color {
+ color: #36618D;
+ }
+ </style>
</head>
<body>
+ <br> <!-- จำเป็นต้องมี -->
+ <br> <!-- จำเป็นต้องมี -->
+ <div class="m-5">
+ <p class="title">คุณ สมศรี ใจดี</p>
+ </div>
<div class="container">
- <h1 class="head-tranfer">แจ้งหลักฐานการเติมเงิน</h1>
- <h1>Hello, </h1>
- <p>Name: {{ $aaa }}</p>
- </div><br>
- <div class="container"><br>
- <div class="card">
- <div>
- <h3 style="color: #36618D;">  ช่องทางการเติมเงิน</h3>
- <h5>  ชื่อบัญชี : การฌาปนกิจสงเคราะห์ สภาทนายความ</h5>
- <h5>  ธนาคาร : ธนาคารกสิกรไทย</h5>
- <h5>  เลขที่บัญชี : XXX-X-XXXXX-X</h5><button onclick="myFunction()">คัดลอกบัญชี</button>
- </div>
- </div><br>
- <div class="card-body">
- <form>
- <div class="mb-3">
- <label class="form-label" for="date_picker">กรุณาระบุวันที่</label><br>
- <input class="form-control" type="date" value="2021-06-18" id="html5-date-input">
+ <div class="row">
+ <div class="card col-6 col-md-3 text-center">
+ <div class="card-body p-5">
+ <h5 class="card-title">ยอดเงินคงเหลือ (บาท)</h5>
+ <h1 class="card-text text-color">3,000.00</h1>
+ <br>
+ <br>
+ <a href="{{route('Tranfer')}}" class="btn btn-primary btn-lg btn-block">เติมเงินเข้าบัญชี</a>
</div>
- <div class="mb-3">
- <label class="form-label" for="time">กรุณาระบุเวลา</label><br>
- <input type="text" class="form-control" id="basic-default-company" placeholder="เช่น 13.00">
+ </div>
+ <div class="card col-18 col-md-9 justify-content-end text-start">
+ <div class="card-body">
+ <h5 class="card-title">รายการที่ต้องชำระ</h5>
+ <p class="card-text success">ยังไม่มีรายการแจ้งชำระ</p>
+ <br>
+ <br>
+ <br>
+ <br>
+ <div class="text-center">
+ <a href="" class="btn btn-primary btn-lg btn-block">ชำระเงิน</a>
+ </div>
</div>
- <div class="mb-3">
- <label class="form-label" for="deposit">กรุณาระบุจำนวนเงินที่ต้องการฝาก</label><br>
- <div class="input-group input-group-merge">
- <input type="text" id="basic-default-email" class="form-control" placeholder="เช่น 1000.00"
- aria-label="1000.00" aria-describedby="basic-default-email2">
- </div><br>
- <div class="mb-3">
- <label class="form-label" for="formFile">กรุณาอัปโหลดสลิปการโอน (รองรับไฟล์ jpg/png
- เท่านั้น)</label><br>
- <input class="form-control" type="file" id="formFile">
+ </div>
+ </div>
+ <div class="row">
+ <div class="col mt-5">
+ <div class="row m-3 d-flex justify-content-start">
+ <div class="col-3">
+ <h4>รายการบัญชี</h4>
</div>
- <button type="submit" class="btn btn-primary">ยืนยันการเติมเงิน</button>
- </form>
+ </div>
+ <table class="table">
+ <thead>
+ <tr>
+ <th>วันที่ทำรายการ</th>
+ <th>เวลาทำรายการ</th>
+ <th>ประเภทรายการ</th>
+ <th>ยอดเงิน</th>
+ <th>สถานะ</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>15 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+
+ </tr>
+ <tr>
+ <td>14 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+ </tr>
+ <tr>
+ <td>13 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="fail">ล้มเหลว</td>
+ </tr>
+ </tbody>
+ </table>
+ <div class="d-grid gap-2 d-md-flex justify-content-md-center m-3 detail">
+ <a href="{{route('Transection')}}" class="dt-link">
+ <span class="link">ดูข้อมูลเพิ่มเติม</span>
+ </a>
+ </div>
+ </div>
</div>
</div>
+
</body>
+
+</html>
@endsection
diff --git a/resources/views/Member/v_member_profile.blade.php b/resources/views/Member/v_member_profile.blade.php
index a4b2d0bd..0ae346b0 100644
--- a/resources/views/Member/v_member_profile.blade.php
+++ b/resources/views/Member/v_member_profile.blade.php
@@ -2,92 +2,78 @@
@section('navbar_member')
<!DOCTYPE html>
<html>
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- เรียกใช้ Bootstrap 5 -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
- integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA=="
- crossorigin="anonymous" referrerpolicy="no-referrer" />
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt">
<link rel="stylesheet" href="css/Member/profile.css">
<title>CSA</title>
</head>
<body>
-
<div class="h1">ข้อมูลส่วนตัว</div>
- <div class="container">
- <div class="position-absolute top-50 start-50 translate-middle">รูปภาพ</div>
- </div>
- <div class="container2">
- <h4>หมายเลขสมาชิก : 2 รหัสเดิม : 6967</h4>
- </div>
+ <?php
+ // print_r($member);
+ $member = $member[0];
+ // exit;
+
+ $birthdate = $member->mem_birthday;
+ $now = new DateTime();
+ $diff = $now->diff(new DateTime($birthdate));
+ $age = $diff->y;
+ ?>
<form class="row border border-primary needs-validation ">
<div></div>
<div class="col-2">คำนำหน้า
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->mem_prefix_th : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-4">ชื่อ
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->mem_fname_th : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-4">นามสกุล
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->mem_lname_th : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-2">อายุ
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $age }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-6">วันเกิด
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->mem_birthday : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-6">เลขบัตรประชาชน
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->mem_id_card : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-6">เบอร์โทรศัพท์
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->mem_phone_number : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-6">อีเมล
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->mem_email : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-6">ที่อยู่ตามบัตรประชาชน
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->add_house_number : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-6">ตำบล/แขวง
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->add_sub_district : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-4">อำเภอ
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
- </div>
- <div class="col-4">ตำบล/แขวง
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->add_district : '' }}" aria-label="Disabled input example" disabled>
</div>
<div class="col-4">จังหวัด
- <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example"
- disabled>
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->add_province : '' }}" aria-label="Disabled input example" disabled>
+ </div>
+ <div class="col-4">รหัสไปรษณีย์
+ <input class="form-control" type="text" placeholder="{{ $member ? $member->add_postalcode : '' }}" aria-label="Disabled input example" disabled>
</div>
</form>
</body>
</html>
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/Member/v_member_proof_tranfer.blade.php b/resources/views/Member/v_member_proof_tranfer.blade.php
index 96753d35..9c7cad26 100644
--- a/resources/views/Member/v_member_proof_tranfer.blade.php
+++ b/resources/views/Member/v_member_proof_tranfer.blade.php
@@ -2,27 +2,34 @@
@section('navbar_member')
<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>CSA</title>
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
- integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-</head>
-
-<<<<<<< HEAD
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>CSA</title>
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
</head>
<body>
- <div class="container"><h1 class="head-tranfer">แจ้งหลักฐานการเติมเงิน</h1></div><br>
- <div class="container"><br>
+ <br>
+ <br>
+ <br>
+ <br>
+ <div class="container">
+ <h1>แจ้งหลักฐานการเติมเงิน</h1><br>
+
<div class="card">
- <div>
- <h3 style="color: #36618D;">  ช่องทางการเติมเงิน</h3>
- <h5>  ชื่อบัญชี : การฌาปนกิจสงเคราะห์ สภาทนายความ</h5>
- <h5>  ธนาคาร : ธนาคารกสิกรไทย</h5>
- <h5>  เลขที่บัญชี : XXX-X-XXXXX-X</h5><button onclick="myFunction()">คัดลอกบัญชี</button>
+ <div class="d-flex align-items-end row">
+ <div class="col-7">
+ <div class="card-body text-nowrap">
+ <h4 class="text-primary mb-1">ช่องทางการเติมเงิน</h4>
+ <h5 class="card-title mb-0">ชื่อบัญชี : ฌาปนกิจสงเคราะห์</h5>
+ <h5 class="card-title mb-0">ธนาคาร : กสิกร (K-BANK)</h5>
+ <h5 class="card-title mb-0">เลขที่บัญชี : XXX-X-XXXXX-X</h5>
+ <a href="javascript:;" class="btn btn-primary waves-effect waves-light">คัดลอกบัญชี</a>
+ </div>
+ </div>
+ </div>
</div>
- </div><br>
+
<div class="card-body">
<form>
<div class="mb-3">
@@ -37,56 +44,15 @@
<label class="form-label" for="deposit">กรุณาระบุจำนวนเงินที่ต้องการฝาก</label><br>
<div class="input-group input-group-merge">
<input type="text" id="basic-default-email" class="form-control" placeholder="เช่น 1000.00" aria-label="1000.00" aria-describedby="basic-default-email2">
- </div><br>
+ </div>
<div class="mb-3">
- <label class="form-label" for="formFile">กรุณาอัปโหลดสลิปการโอน (รองรับไฟล์ jpg/png เท่านั้น)</label><br>
+ <label for="formFile" class="form-label">กรุณาอัปโหลดสลิปการโอน (รองรับไฟล์ jpg/png
+ เท่านั้น)</label><br>
<input class="form-control" type="file" id="formFile">
- </div>
+ </div>
<button type="submit" class="btn btn-primary waves-effect waves-light">ยืนยันการเติมเงิน</button>
- </form>
-</div>
-=======
-<body>
- <h1>แจ้งหลักฐานการเติมเงิน</h1><br>
-
- <div class="card">
- <div class="d-flex align-items-end row">
- <div class="col-7">
- <div class="card-body text-nowrap">
- <h4 class="text-primary mb-1">ช่องทางการเติมเงิน</h4>
- <h5 class="card-title mb-0">ชื่อบัญชี : ฌาปนกิจสงเคราะห์</h5>
- <h5 class="card-title mb-0">ธนาคาร : กสิกร (K-BANK)</h5>
- <h5 class="card-title mb-0">เลขที่บัญชี : XXX-X-XXXXX-X</h5>
- <a href="javascript:;" class="btn btn-primary waves-effect waves-light">คัดลอกบัญชี</a>
- </div>
- </div>
- </div>
- </div>
-
- <div class="card-body">
- <form>
- <div class="mb-3">
- <label class="form-label" for="date_picker">กรุณาระบุวันที่</label><br>
- <input class="form-control" type="date" value="2021-06-18" id="html5-date-input">
- </div>
- <div class="mb-3">
- <label class="form-label" for="time">กรุณาระบุเวลา</label><br>
- <input type="text" class="form-control" id="basic-default-company" placeholder="เช่น 13.00">
- </div>
- <div class="mb-3">
- <label class="form-label" for="deposit">กรุณาระบุจำนวนเงินที่ต้องการฝาก</label><br>
- <div class="input-group input-group-merge">
- <input type="text" id="basic-default-email" class="form-control" placeholder="เช่น 1000.00"
- aria-label="1000.00" aria-describedby="basic-default-email2">
- </div>
- <div class="mb-3">
- <label for="formFile" class="form-label">กรุณาอัปโหลดสลิปการโอน (รองรับไฟล์ jpg/png
- เท่านั้น)</label><br>
- <input class="form-control" type="file" id="formFile">
- </div>
- <button type="submit" class="btn btn-primary waves-effect waves-light">ยืนยันการเติมเงิน</button>
- </form>
+ </form>
</div>
->>>>>>> 64160174
+ </div>
</body>
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/Member/v_member_transection_history.blade.php b/resources/views/Member/v_member_transection_history.blade.php
index 4f810aae..6c8daa32 100644
--- a/resources/views/Member/v_member_transection_history.blade.php
+++ b/resources/views/Member/v_member_transection_history.blade.php
@@ -1,15 +1,201 @@
@extends('layouts.v_navbar_member')
@section('navbar_member')
<!DOCTYPE html>
+
+<html>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<html lang="en">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+<!-- Boxicons CSS -->
+<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+
<head>
+
<meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>CSA</title>
+ <title>Home</title>
+
+ <style>
+ .card {
+ height: 250px;
+ background-color: #ffffff;
+ display: inline-block;
+ }
+
+ .col {
+ lift: 405px;
+ width: 1040px;
+ height: auto;
+ margin: 0 auto;
+ background: #ffffff;
+
+ }
+
+ .container {
+ margin: auto;
+ }
+
+ .table-bordered {
+ border: 10px solid #dee2e6;
+ }
+
+ .table-bordered th,
+ .table-bordered td {
+ border: 10px solid #dee2e6;
+ border-top-width: 0;
+ border-left-width: 0;
+ }
+
+ .table-bordered thead th:first-child,
+ .table-bordered td:first-child {
+ border-left-width: 2px;
+ border-top-left-radius: 10px;
+ border-bottom-left-radius: 10px;
+ }
+
+ .table-bordered thead th:last-child,
+ .table-bordered td:last-child {
+ border-right-width: 2px;
+ border-top-right-radius: 10px;
+ border-bottom-right-radius: 10px;
+ }
+
+ .table-bordered thead th,
+ .table-bordered td {
+ vertical-align: middle;
+ }
+
+ .icon {
+ font-size: 20px;
+ color: #36618D;
+ }
+
+ .success {
+ color: #73A600;
+ }
+
+ .fail {
+ color: #CE0E17;
+ }
+
+ .m-5 .title {
+ color: black;
+ font-size: 50px;
+ margin-left: 75px;
+ }
+
+ .m-5 .subtitle {
+ color: #878787;
+ font-size: 20px;
+ margin-left: 75px;
+ }
+
+ thead {
+ background-color: #D9D9D966;
+ color: #878787;
+ }
+
+ .dt-link {
+ color: #878787;
+ text-decoration: none;
+ }
+
+ .text-color {
+ color: #36618D;
+ }
+ </style>
</head>
+
<body>
+ <br> <!-- จำเป็นต้องมี -->
+ <br> <!-- จำเป็นต้องมี -->
+ <div class="m-5">
+ <p class="title">รายการบัญชี</p>
+ <p class="subtitle">ดูรายการบัญชีย้อนหลัง และตรวจสอบรายละเอียดของบัญชี</p>
+ </div>
+ <div class="container">
+ <div class="row">
+ <div class="col">
+ <div class="row m-3 d-flex justify-content-start">
+ <div class="col-3">
+ <th>รายการบัญชี</th>
+ </div>
+ </div>
+ <table class="table">
+ <thead>
+ <tr>
+ <th>วันที่ทำรายการ</th>
+ <th>เวลาทำรายการ</th>
+ <th>ประเภทรายการ</th>
+ <th>ยอดเงิน</th>
+ <th>สถานะ</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>15 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+
+ </tr>
+ <tr>
+ <td>14 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+ </tr>
+ <tr>
+ <td>13 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="fail">ล้มเหลว</td>
+ </tr>
+ <tr>
+ <td>12 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+ </tr>
+ <tr>
+ <td>11 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+ </tr>
+ <tr>
+ <td>10 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+ <tr>
+ <td>9 ม.ค. 2566</td>
+ <td>12:00 น.</td>
+ <td>การเติมเงิน</td>
+ <td>500 บาท</td>
+ <td class="success">สำเร็จ</td>
+ </tr>
+ </tr>
+ </tbody>
+ </table>
+ <div class="d-grid gap-2 d-md-flex justify-content-md-center m-3 detail">
+ <a href="{{route('Member_home')}}" class="dt-link">
+ <span class="link">ย้อนกลับไปหน้าหลัก</span>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
</body>
+
</html>
@endsection
diff --git a/resources/views/User/v_user_transection_history.blade.php b/resources/views/User/v_user_transection_history.blade.php
deleted file mode 100644
index b29721a2..00000000
--- a/resources/views/User/v_user_transection_history.blade.php
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>User_transaction</title>
- <style>
- @import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300&display=swap');
- </style>
-
-</head>
-
-<body>
- <div class="container">
- <h1>รายการบัญชี</h1>
- <h5>ดูรายการบัญชีย้อนหลัง และตรวจสอบรายละเอียดของบัญชี</h5>
- <div class="card">
- <h5 class="card-header">ข้อมูลบัญชี</h5>
- <div class="table-responsive text-nowrap">
- <table class="table">
- <thead>
- <tr class="text-nowrap">
- <th>วันที่ทำรายการ</th>
- <th>ประเภทรายการ</th>
- <th>ยอดเงิน (บาท)</th>
- <th>สถานะ</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th scope="row">1</th>
- <td>15 ม.ค. 2566 <br> 12.00 น.</td>
- <td>การเติมเงิน</td>
- <td>500</td>
- <td>สำเร็จ</td>
- </tr>
- <tr>
- <th scope="row">2</th>
- <td>13 ม.ค. 2566</td>
- <td>การเติมเงิน</td>
- <td>1000</td>
- <td>ล้มเหลว</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/resources/views/form.blade.php b/resources/views/form.blade.php
deleted file mode 100644
index c002f8e9..00000000
--- a/resources/views/form.blade.php
+++ /dev/null
@@ -1,12 +0,0 @@
-<form action="{{ url('/form/submit') }}" method="POST">
- @csrf
- <div class="form-group">
- <label for="name">Name</label>
- <input type="text" class="form-control" id="name" name="name" required>
- </div>
- <div class="form-group">
- <label for="email">Email address</label>
- <input type="email" class="form-control" id="email" name="email" required>
- </div>
- <button type="submit" class="btn btn-primary">Submit</button>
-</form>
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
deleted file mode 100644
index adb3b197..00000000
--- a/resources/views/layouts/sidebar.blade.php
+++ /dev/null
@@ -1,124 +0,0 @@
-<!-- สร้างไฟล์อยุ่ใน veiw / สร้างโฟลเดอร์ layouts / สร้างไฟล์ sidebar.blade.php -->
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Sidebar Menu</title>
-
-
- <!-- CSS -->
- <link rel="stylesheet" href="css/sidebar.css">
-
-
- <!-- Boxicons CSS -->
- <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
-</head>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-
-<body>
- <nav>
- <div class="logo">
- <i class='bx bx-menu menu-icon'></i>
- <a href="" class="nav-link">
- <img src="icon/cremation_system_logo/cremation_system_logo.png" class="rounded float-start" width="40" height="40">
- <img src="icon/cremation_system_logo/cremation_name.png" class="rounded float-start" width="150" height="55">
- </a>
- </div>
- <div class="user">
- <a href="" class="nav-link">
- <i class='bx bx-user-circle icon'></i>
- <span>{{session('mem_fname_th')}} {{session('mem_lname_th')}}</span>
- </a>
- </div>
- <div class="bottom-cotent">
- <a href="" class="nav-link">
- <i class='bx bx-log-out icon'></i>
- </a>
- </div>
-
- <div class="sidebar">
- <div class="logo">
- <i class='bx bx-menu menu-icon'></i>
- <img src="icon/cremation_system_logo/cremation_system_logo.png" class="img-fluid" alt="..." width="40" height="40">
- <img src="icon/cremation_system_logo/cremation_name.png" class="img-fluid" alt="..." width="150" height="50">
- </div>
-
- <div class="sidebar-content">
- <ul class="lists">
- <li class="list">
- <a href="{{route('Admin_home')}}" class="nav-link">
- <i class='bx bx-home-alt icon'></i>
- <span class="link"> หน้าหลัก </span>
- </a>
- </li>
-
- <li class="list">
- <a href="{{route('Register_page1')}}" class="nav-link">
- <i class='bx bx-notepad icon'></i>
- <span class="link"> ลงทะเบียนสมาชิก</span>
- </a>
- </li>
-
- <li class="list">
- <a href="{{route('Approve_member')}}" class="nav-link">
- <i class='bx bx-check-square icon'></i>
- <span class="link"> อนุมัติสมาชิก </span>
- </a>
- </li>
- <li class="list">
- <a href="{{route('Cremation_charge')}}" class="nav-link">
- <i class='bx bx-calculator icon'></i>
- <span class="link">คำนวณเงิน</span>
- </a>
- </li>
- <li class="list">
- <a href="{{route('Update_member')}}" class="nav-link">
- <i class='bx bx-edit-alt icon'></i>
- <span class="link">ปรับปรุงข้อมูลสมาชิก</span>
- </a>
- </li>
- <li class="list">
- <a href="{{route('Approve_tranfer')}}" class="nav-link">
- <i class='bx bx-receipt icon'></i>
- <span class="link">หลักฐานการแจ้งฝากเงิน </span>
- </a>
- </li>
- <li class="list">
- <a href="{{route('Report')}}" class="nav-link">
- <i class='bx bx-file-find icon'></i>
- <span class="link">รายงาน</span>
- </a>
- </li>
- </ul>
- </div>
- </div>
- </nav>
- <br>
- <br>
- <!-- Content -->
-
- <!-- Overlay -->
- <section class="overlay"></section>
-
- <script>
- const navBar = document.querySelector("nav"),
- menuBtns = document.querySelectorAll(".menu-icon"),
- overlay = document.querySelector(".overlay");
-
- menuBtns.forEach(menuBtn => {
- menuBtn.addEventListener("click", () => {
- navBar.classList.toggle("open");
- });
- });
-
- overlay.addEventListener("click", () => {
- navBar.classList.remove("open");
- });
- </script>
-</body>
-
-</html>
diff --git a/resources/views/layouts/v_navbar_admin.blade.php b/resources/views/layouts/v_navbar_admin.blade.php
index 99933bac..35df1a96 100644
--- a/resources/views/layouts/v_navbar_admin.blade.php
+++ b/resources/views/layouts/v_navbar_admin.blade.php
@@ -26,19 +26,19 @@
<i class='bx bx-menu menu-icon'></i>
<a href="{{route('Admin_home')}}" class="nav-link">
<img src="icon/cremation_system_logo/cremation_system_logo.png" class="rounded float-start" alt="..."
- width="50" height="50">
+ width="40" height="40">
<img src="icon/cremation_system_logo/cremation_name.png" class="rounded float-start" alt="..."
- width="190" height="70">
+ width="150" height="50">
</a>
</div>
<div class="user">
<a href="" class="nav-link">
- <span>{{session('mem_id_card')}}นายดาบเจ็ดสี มณีเจ็ดแสง</span>
+ <span>{{session('mem_fname_th')}} {{session('mem_lname_th')}}</span>
</a>
</div>
<div class="bottom-cotent">
- <a href="{{route('Login')}}" class="nav-link">
+ <a href="{{route('Welcome')}}" class="nav-link">
<i class='bx bx-log-out icon'></i>
</a>
</div>
@@ -77,7 +77,7 @@
<li class="list">
<a href="{{route('Cremation_charge')}}" class="nav-link">
<i class='bx bx-calculator icon'></i>
- <span class="link">คำนวณเงิน</span>
+ <span class="link">คำนวณค่าฌาปนกิจสงเคราะห์</span>
</a>
</li>
<li class="list">
diff --git a/resources/views/layouts/v_navbar_member.blade.php b/resources/views/layouts/v_navbar_member.blade.php
index cb380328..d19b2a0b 100644
--- a/resources/views/layouts/v_navbar_member.blade.php
+++ b/resources/views/layouts/v_navbar_member.blade.php
@@ -50,7 +50,7 @@
<a href="" class="nav-link">
<div class="border_navbar"></div>
<i class='bx bx-user-circle icon'></i>
- <span>นายดาบเจ็ดสี มณีเจ็ดแสง</span> <!-- รอการดึงชื่อของผู้เข้าสู่ระบบจากฐานข้อมูล -->
+ <span>{{session('mem_fname_th')}} {{session('mem_lname_th')}}</span>
</a>
</div>
@@ -60,7 +60,7 @@
<a href="{{route('Profile')}}"><i class='bx bx-user icon'></i>
<p class="tt">ข้อมูลส่วนตัว</p>
</a>
- <a href="{{route('Login')}}"><i class='bx bx-log-out icon'></i>
+ <a href="{{route('Welcome')}}"><i class='bx bx-log-out icon'></i>
<p class="tt">ออกจากระบบ</p>
</a>
</div>
diff --git a/resources/views/submit.blade.php b/resources/views/submit.blade.php
deleted file mode 100644
index 3c854121..00000000
--- a/resources/views/submit.blade.php
+++ /dev/null
@@ -1,6 +0,0 @@
-<h1>Submitted Data</h1>
-
-<p>Name: {{ $data['name'] }}</p>
-<p>Email: {{ $data['email'] }}</p>
-
-<a href="{{ url('/form') }}" class="btn btn-primary">Back</a>
diff --git a/resources/views/v_welcome.blade.php b/resources/views/v_welcome.blade.php
new file mode 100644
index 00000000..0094351b
--- /dev/null
+++ b/resources/views/v_welcome.blade.php
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>ฌาปนกิจสงเคราะห์ สภาทนายความ</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <!-- css -->
+ <link rel="stylesheet" href="css/main_page.css">
+</head>
+
+<body>
+ <div class="container">
+ <nav>
+ <img class="logo" src="image\logo.jpg">
+ <ul>
+ <li><a href="#">หน้าหลัก</a></li>
+ <li><a href="#">เกี่ยวกับ</a></li>
+ <li><a href="#">ระเบียบที่เกียวข้อง</a></li>
+ <li><a href="#">เอกสาร</a></li>
+ <li><a href="{{route('Login')}}" class="btn-login">เข้าสู่ระบบสมาชิก</a></li>
+ </ul>
+
+ </nav>
+ <div >
+ <img class="bg" src="image\cremation.jpg">
+ </div>
+
+ <div class="memder-card-list">
+ <ul>
+ <h4><li>จำนวนสมาชิก</li></h4>
+ <hr>
+ <li>สามัญ <span>1,000 ราย</span></li>
+ <li>สมทบ <span>800 ราย</span></li>
+ <li>รวม  <span>1,800 ราย</span></li>
+ </ul>
+ </div>
+ <br>
+ <div class="condition-card-list">
+ <ul>
+ <h2><li>เงื่อนไข</li></h2>
+ <hr>
+ <li>อัตราค่าสมัครสมาชิก <span>100 บาท</span></li>
+ <li>อััตราเงินสงเคราะห์ต่อราย<span>20 บาท</span></li>
+ <li>ค่าบำรุงรักษา <span>50 บาท</span></li>
+ <li>เงินสงเคราะห์ล่วงหน้า<span>650 บาท</span></li>
+ <li>อัตราหักเงินสงเคราะห์<span>ร้อยละ 20</span></li>
+ </ul>
+ </div>
+ </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 4afab6b6..25788356 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -15,8 +15,8 @@
*/
Route::get('/', function () {
- return view('welcome');
-});
+ return view('v_welcome');
+})->name('Welcome');
/*
@@ -44,16 +44,6 @@
Route::post('/Register_page2',[App\Http\Controllers\RegisterController::class,
'Register_page2'])->name('Register_page2');
-Route::get('/user_tranfer',[App\Http\Controllers\UserController::class,'Tranfer'])->name('User_tranfer');
-Route::get('/user_transaction',[App\Http\Controllers\UserController::class,'Transection'])->name('User_transection');
-
-Route::get('/A',function () {
- return view('R/A');
-});
-
-
-
-
Route::post('/Register_page3',[App\Http\Controllers\RegisterController::class,
'Register_page3'])->name('Register_page3');
@@ -107,3 +97,6 @@
*/
Route::get('/Tranfer',[App\Http\Controllers\MemberController::class,
'Tranfer'])->name('Tranfer');
+
+Route::get('/Member_transaction',[App\Http\Controllers\MemberController::class,
+'Transection'])->name('Transection');
--
GitLab