diff --git a/.env b/.env
new file mode 100644
index 0000000000000000000000000000000000000000..f5f5b0ae9c60378d4b377ea2359ed879dacc6435
--- /dev/null
+++ b/.env
@@ -0,0 +1,58 @@
+APP_NAME=Laravel
+APP_ENV=local
+APP_KEY=base64:gQzXB7rZBsdhKhuvPxA/8TydVmdAF1RMnee/5X58liI=
+APP_DEBUG=true
+APP_URL=http://localhost
+
+LOG_CHANNEL=stack
+LOG_DEPRECATIONS_CHANNEL=null
+LOG_LEVEL=debug
+
+DB_CONNECTION=mysql
+DB_HOST=db
+DB_PORT=3306
+DB_DATABASE=mycamp_db
+DB_USERNAME=se_camp
+DB_PASSWORD=p@ssw0rd
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+FILESYSTEM_DISK=local
+QUEUE_CONNECTION=sync
+SESSION_DRIVER=file
+SESSION_LIFETIME=120
+
+MEMCACHED_HOST=127.0.0.1
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_MAILER=smtp
+MAIL_HOST=mailhog
+MAIL_PORT=1025
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_ENCRYPTION=null
+MAIL_FROM_ADDRESS="hello@example.com"
+MAIL_FROM_NAME="${APP_NAME}"
+
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_DEFAULT_REGION=us-east-1
+AWS_BUCKET=
+AWS_USE_PATH_STYLE_ENDPOINT=false
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+PUSHER_HOST=
+PUSHER_PORT=443
+PUSHER_SCHEME=https
+PUSHER_APP_CLUSTER=mt1
+
+VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
+VITE_PUSHER_HOST="${PUSHER_HOST}"
+VITE_PUSHER_PORT="${PUSHER_PORT}"
+VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
+VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
diff --git a/.gitignore b/.gitignore
index 42925cb9a614f23f3d985d1b855d39492f959d46..741b8056a962d519e7094755c72e2f174dd83799 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,8 +4,6 @@
 /public/storage
 /storage/*.key
 /vendor
-.env
-.env.backup
 .env.production
 .phpunit.result.cache
 Homestead.json
diff --git a/app/Http/Controllers/AdminController.php b/app/Http/Controllers/AdminController.php
index dc9798a9b14fe54e205f00865264b263acf43fb2..c57a9e39d0ef157a84059ddd34503bcb792bcc07 100644
--- a/app/Http/Controllers/AdminController.php
+++ b/app/Http/Controllers/AdminController.php
@@ -5,6 +5,7 @@
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
 use App\Models\Member;
+use App\Models\Receipt;
 use Illuminate\Support\Facades\DB;
 
 
@@ -30,7 +31,9 @@ public function Admin_home(){
         *@Create Date : 2023-04-05
      */
     public function Approve_tranfer(){
-        return view('Admin/Transection/v_approve_tranfer');
+        $raw = new Receipt();
+        $data['user_receipt'] = $raw->get_recipt();
+        return view('Admin/Transection/v_approve_tranfer', $data);
     }
 
     /*
diff --git a/app/Http/Controllers/LoginController.php b/app/Http/Controllers/LoginController.php
index 3674cdbae380e0a250bcf71de8bd4bf319fbdace..748e3ec210919ef7324c9d1bbb67d671da9ef602 100644
--- a/app/Http/Controllers/LoginController.php
+++ b/app/Http/Controllers/LoginController.php
@@ -62,6 +62,7 @@ public function login(Request $request)
         //ดึง Class Function จาก Model Member
         $auth = new Member();
         $user = $auth->login_auth($id_card, $pass); //เรียกใช้ Function จาก Model Member
+        $request->session()->put('mem_id', $user->id);
         $request->session()->put('mem_type', $user->mem_type);
         $request->session()->put('mem_id_card', $user->mem_id_card);
         // $aa['aaa']= $request->session()->get('mem_type');
diff --git a/app/Http/Controllers/MemberController.php b/app/Http/Controllers/MemberController.php
index c7ddf685e623a6e3b053e891e6690f5abe13c48c..25513899ef0be480a9df4767bb69c3a25e3b55f8 100644
--- a/app/Http/Controllers/MemberController.php
+++ b/app/Http/Controllers/MemberController.php
@@ -4,14 +4,17 @@
 
 use App\Http\Controllers\Controller;
 use App\Models\Member;
+use App\Models\Receipt;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Storage;
+
 
 use App\Models\Address;
 
 class MemberController extends Controller
 {
-    public function Member_home(Request $request){
+    public function Member_home(){
         // $m = new Member();
         // $m->mem_id_card = "123456";
         // $m->mem_prefix_th = 'นาย';
@@ -31,6 +34,38 @@ public function Tranfer(){
         return view('Member/v_member_proof_tranfer');
     }
 
+    public function Insert_transfer(Request $request) {
+        $request->validate([
+            'rec_img' => 'required|image|mimes:jpeg,png,jpg|max:2048',
+        ]);
+        $rec_img = time() . '.' . $request->rec_img->extension();  
+        $request->rec_img->move(public_path('receipt'), $rec_img);
+
+
+        $receipt = new Receipt();
+        $receipt->rec_name = $request->session()->get('mem_fname_th') . " " . $request->session()->get('mem_lname_th');
+        $receipt->rec_amount = $request->input('rec_amount');
+        $receipt->rec_date = $request->input('rec_date');
+        $receipt->rec_time = $request->input('rec_time') . ":00";
+        $receipt->rec_img = $rec_img;
+        $receipt->mem_id = $request->session()->get('mem_id');
+
+        echo $receipt->rec_name;
+        echo "<br>";
+        echo $receipt->rec_amount;
+        echo "<br>";
+        echo $receipt->rec_date;
+        echo "<br>";
+        echo $receipt->rec_time;
+        echo "<br>";
+        echo $receipt->rec_img;
+        echo "<br>";
+        echo $receipt->mem_id;
+
+        $receipt->Insert_receipt();
+
+    }
+
     public function Profile(Request $request){
         $mem_id_card = $request->session()->get('mem_id_card');
         $data['member'] = DB::table('Member')
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index 67ce7d2224aa4b389565e764a18fbd9a2afdc59f..4a966c96af0378f14fe672dad636828f37eb618d 100644
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -17,4 +17,8 @@ public function Tranfer(){
     public function Transection(){
         return view('User/v_user_transection_history');
     }
+
+    public function welcome(){
+        return view('v_welcome');
+    }
 }
diff --git a/app/Models/Member.php b/app/Models/Member.php
index 35198f075002a16a5f9e770696584400bf01c96d..6f822835383d3bc9fe7ea6439722364a1cdccdf2 100644
--- a/app/Models/Member.php
+++ b/app/Models/Member.php
@@ -38,7 +38,7 @@ class Member extends Model
 
     public function login_auth($id_card, $pass){
 
-        $user = DB::table('Member')->select('mem_id_card','mem_type', 'mem_fname_th', 'mem_lname_th', 'mem_status') // Query ข้อมูลจาก Database
+        $user = DB::table('Member')->select('id', 'mem_id_card','mem_type', 'mem_fname_th', 'mem_lname_th', 'mem_status') // Query ข้อมูลจาก Database
         ->where('mem_id_card', $id_card)->where('password', $pass)->first();
 
 
diff --git a/app/Models/Receipt.php b/app/Models/Receipt.php
index 9f4c604269ac601c8b05ea746e5907af7a5ac2e3..53a201f40450f43aa5df7ff2e91416f55bd28d98 100644
--- a/app/Models/Receipt.php
+++ b/app/Models/Receipt.php
@@ -2,7 +2,9 @@
 
 namespace App\Models;
 
+use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\DB;
 
 /**
  * @property integer $id
@@ -16,7 +18,7 @@ class Receipt extends Model
 {
     /**
      * The table associated with the model.
-     * 
+     *
      * @var string
      */
     protected $table = 'Receipt';
@@ -24,5 +26,27 @@ class Receipt extends Model
     /**
      * @var array
      */
-    protected $fillable = ['rec_name', 'rec_amount', 'rec_date_and_time', 'rec_img', 'mem_id'];
+    protected $fillable = ['rec_name', 'rec_amount', 'rec_date', 'rec_time', 'rec_img', 'mem_id'];
+
+    public function Insert_receipt() {
+        // echo $this->rec_date_and_time;
+        DB::statement('INSERT INTO Receipt(rec_name, rec_amount, rec_date, rec_time, rec_img, rec_status, mem_id)
+                        VALUES(?,?,?,?,?,?,?)',
+                        [
+                            $this->rec_name,
+                            $this->rec_amount,
+                            $this->rec_date,
+                            $this->rec_time,
+                            $this->rec_img,
+                            0,
+                            $this->mem_id
+                        ]);
+    }
+
+
+    public function get_recipt()
+    {
+        $data = DB::table('Receipt')->select()->get();
+        return $data;
+    }
 }
diff --git a/database/migrations/2023_04_06_033755_member.php b/database/migrations/2023_04_06_033755_member.php
index 98d906511b3847c14a576bbc6808764a17133b49..11cf3197e33471182498a0aedc3b7fb1852ad1c4 100644
--- a/database/migrations/2023_04_06_033755_member.php
+++ b/database/migrations/2023_04_06_033755_member.php
@@ -16,7 +16,7 @@ public function up()
     {
         Schema::create('Member', function (Blueprint $table){
             $table->id();
-            $table->string('mem_id_card');
+            $table->string('mem_id_card')->nullable();
             $table->string('mem_prefix_th')->nullable();
             $table->string('mem_prefix_en')->nullable();
             $table->string('mem_fname_th')->nullable();
@@ -30,7 +30,7 @@ public function up()
             $table->string('mem_lawyer_relation')->nullable();
             $table->string('mem_email')->unique()->nullable();
             $table->string('mem_phone_number', 10)->nullable();
-            $table->integer('mem_type')->default(1);
+            $table->integer('mem_type')->default(1)->nullable();
             $table->integer('mem_status')->default(0);
             $table->integer('mem_balance')->nullable();
             $table->string('password')->nullable();
diff --git a/database/migrations/2023_04_06_075048_receipt.php b/database/migrations/2023_04_06_075048_receipt.php
index b123664e404055eb78297719e182163a1a6729a6..710b5298ff882c417b837545700fbbe42ee1d3a2 100644
--- a/database/migrations/2023_04_06_075048_receipt.php
+++ b/database/migrations/2023_04_06_075048_receipt.php
@@ -3,6 +3,8 @@
 use Illuminate\Database\Migrations\Migration;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
+use Illuminate\Support\Facades\DB;
+
 
 return new class extends Migration
 {
@@ -15,13 +17,34 @@ public function up()
     {
         Schema::create('Receipt', function (Blueprint $table){
             $table->id();
-            $table->string('rec_name');
-            $table->integer('rec_amount');
-            $table->date('rec_date_and_time');
-            $table->binary('rec_img');
-            $table->integer('mem_id');
+            $table->string('rec_name')->nullable();
+            $table->integer('rec_amount')->nullable();
+            $table->date('rec_date')->nullable();
+            $table->time('rec_time')->nullable();
+            $table->string('rec_img')->nullable();
+            $table->integer('rec_status')->nullable();
+            $table->integer('mem_id')->nullable();
         });
-    }
+        DB::table('Receipt')->insert([
+                [
+                    'rec_name' =>'user user',
+                    'rec_amount'=>'500',
+                    'rec_date'=>'2023-04-09',
+                    'rec_time'=>'15:00:00',
+                    'rec_img'=>'1.png',
+                    'rec_status'=>'2'
+                ],
+                [
+                    'rec_name' =>'user user',
+                    'rec_amount'=>'500',
+                    'rec_date'=>'2023-04-08',
+                    'rec_time'=>'15:00:00',
+                    'rec_img'=>'2.png',
+                    'rec_status'=>'2'
+                ],
+            ]);
+        }
+
 
     /**
      * Reverse the migrations.
diff --git a/public/css/Admin/Manage_member/Register/page_1.css b/public/css/Admin/Manage_member/Register/page_1.css
index 957ca985c2bca88854ff66749ba1ee4f6ff90e90..f0a754c67ae880ffabf9e6d3e93fdb350c376dff 100644
--- a/public/css/Admin/Manage_member/Register/page_1.css
+++ b/public/css/Admin/Manage_member/Register/page_1.css
@@ -1,39 +1,31 @@
-h1 {
-    font-family: 'Kanit', sans-serif;
-    margin-left: 15%;
-    margin-top: 5%;
-    color: #36618D;
+.change_display {
+    display: contents;
 }
 
-input[type="text"],
-select.form-control {
-    background: transparent;
-    border: none;
-    border-bottom: 1px solid #CCCCCC;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    border-radius: 0;
-    outline: none;
+input[type="date"]::-webkit-datetime-edit,
+input[type="date"]::-webkit-inner-spin-button,
+input[type="date"]::-webkit-clear-button {
+    color: #fff;
+    position: relative;
 }
 
-input[type="button"],
-select.form-select {
-    color: #000000;
-    background-color: #ffffff;
-    border-color: #ffffff;
+input[type="date"]::-webkit-datetime-edit-year-field {
+    position: absolute !important;
+    padding: 2px;
+    color: #000;
+    left: 56px;
 }
 
-input[type="text"]:focus,
-select.form-control:focus {
-    -webkit-box-shadow: none;
-    box-shadow: none;
+input[type="date"]::-webkit-datetime-edit-month-field {
+    position: absolute !important;
+    padding: 2px;
+    color: #000;
+    left: 26px;
 }
 
-.container {
-    font-family: 'Kanit', sans-serif;
-    color: #808080;
-}
-
-prefix.form-label {
-    color: #808080;
+input[type="date"]::-webkit-datetime-edit-day-field {
+    position: absolute !important;
+    color: #000;
+    padding: 2px;
+    left: 4px;
 }
\ No newline at end of file
diff --git a/public/receipt/1681011289.png b/public/receipt/1681011289.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681011289.png differ
diff --git a/public/receipt/1681012075.png b/public/receipt/1681012075.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681012075.png differ
diff --git a/public/receipt/1681012213.png b/public/receipt/1681012213.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681012213.png differ
diff --git a/public/receipt/1681012291.png b/public/receipt/1681012291.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681012291.png differ
diff --git a/public/receipt/1681012327.png b/public/receipt/1681012327.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681012327.png differ
diff --git a/public/receipt/1681012505.png b/public/receipt/1681012505.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681012505.png differ
diff --git a/public/receipt/1681013005.png b/public/receipt/1681013005.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681013005.png differ
diff --git a/public/receipt/1681013112.png b/public/receipt/1681013112.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681013112.png differ
diff --git a/public/receipt/1681013241.png b/public/receipt/1681013241.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681013241.png differ
diff --git a/public/receipt/1681013323.png b/public/receipt/1681013323.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681013323.png differ
diff --git a/public/receipt/1681013379.png b/public/receipt/1681013379.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681013379.png differ
diff --git a/public/receipt/1681013597.png b/public/receipt/1681013597.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681013597.png differ
diff --git a/public/receipt/1681013660.png b/public/receipt/1681013660.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a26dbbac608fc3cfdddb83f04a0cf0bb460d601
Binary files /dev/null and b/public/receipt/1681013660.png differ
diff --git a/resources/views/Admin/Manage_member/Register/v_register_page1.blade.php b/resources/views/Admin/Manage_member/Register/v_register_page1.blade.php
index ae9861da99c2833d10718c874215751df004dfa8..7e6f2c213763b9d7b7584ef2164f873bfb5d682d 100644
--- a/resources/views/Admin/Manage_member/Register/v_register_page1.blade.php
+++ b/resources/views/Admin/Manage_member/Register/v_register_page1.blade.php
@@ -19,55 +19,61 @@
         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/Admin/Manage_member/Register/page_1.css"> --}}
+    <link rel="stylesheet" href="css/Admin/Manage_member/Register/page_1.css">
     <title>CSA</title>
 
-    <style>
-        .change_display{
+    {{-- <style>
+        .change_display {
             display: contents;
         }
 
-        input[type="date"]::-webkit-datetime-edit, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {
-  color: #fff;
-  position: relative;
-}
-
-input[type="date"]::-webkit-datetime-edit-year-field{
-  position: absolute !important;
-  padding: 2px;
-  color:#000;
-  left: 56px;
-}
-
-input[type="date"]::-webkit-datetime-edit-month-field{
-  position: absolute !important;
-  padding: 2px;
-  color:#000;
-  left: 26px;
-}
-
-
-input[type="date"]::-webkit-datetime-edit-day-field{
-  position: absolute !important;
-  color:#000;
-  padding: 2px;
-  left: 4px;
-  
-}
-    </style>
+        input[type="date"]::-webkit-datetime-edit,
+        input[type="date"]::-webkit-inner-spin-button,
+        input[type="date"]::-webkit-clear-button {
+            color: #fff;
+            position: relative;
+        }
+
+        input[type="date"]::-webkit-datetime-edit-year-field {
+            position: absolute !important;
+            padding: 2px;
+            color: #000;
+            left: 56px;
+        }
+
+        input[type="date"]::-webkit-datetime-edit-month-field {
+            position: absolute !important;
+            padding: 2px;
+            color: #000;
+            left: 26px;
+        }
+
+
+        input[type="date"]::-webkit-datetime-edit-day-field {
+            position: absolute !important;
+            color: #000;
+            padding: 2px;
+            left: 4px;
+
+        }
+
+    </style> --}}
 </head>
 
 <body>
-    <br>
-    <br><br>
 
+
+    <br>
+    <br>
+    <br>
     <h1 class="mx-5">ลงทะเบียนสมาชิก</h1>
 
     <div class="container">
-        <form id="regist_1"class="row border border-primary needs-validation mt-5" style="border-radius: 10px" method="POST" action="{{url('/Register_page2')}}">
-           @csrf
+        <form id="regist_1" class="row border border-primary needs-validation mt-5" style="border-radius: 10px"
+            method="POST" action="{{url('/Register_page2')}}">
+            @csrf
             <div class="row mt-3">
-                <div class="col-md-2"> 
+                <div class="col-md-2">
                     <div class="dropdown show change_display">
                         <label for="mem-prefix-th" class="form-label">คำนำหน้า</label>
                         <select name="mem-prefix-th" id="prefix" class="form-select">
@@ -145,7 +151,7 @@
             <div class="row mt-3">
                 <div class="col-md-4">
                     <label for="mem-district" class="form-label" id="aum">อำเภอ/เขต</label>
-                    <input type="text" class="form-control" name="mem-amphoe"id="amphoe">
+                    <input type="text" class="form-control" name="mem-amphoe" id="amphoe">
                 </div>
 
                 <div class="col-md-4">
@@ -155,7 +161,7 @@
 
                 <div class="col-md-4">
                     <label for="mem-postlcode" class="form-label" id="code1">รหัสไปรษณีย์</label>
-                    <input type="text" class="form-control" name="mem-postlcode" >
+                    <input type="text" class="form-control" name="mem-postlcode">
                 </div>
 
             </div>
@@ -186,21 +192,22 @@
         </form>
     </div>
 </body>
+
 </html>
 <script src="https://code.jquery.com/jquery-3.6.4.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
 <script>
+    < script >
+        $.Thailand({
+            $district: $('#district'), // input ของตำบล
+            $amphoe: $('#amphoe'), // input ของอำเภอ
+            $province: $('#province'), // input ของจังหวัด
+            $zipcode: $('#zipcode'), // input ของรหัสไปรษณีย์
 
-<script>
-  $.Thailand({
-    $district: $('#district'), // input ของตำบล
-    $amphoe: $('#amphoe'), // input ของอำเภอ
-    $province: $('#province'), // input ของจังหวัด
-    $zipcode: $('#zipcode'), // input ของรหัสไปรษณีย์
+        });
 
-});
 </script>
 
-    
+
 </script>
 @endsection
diff --git a/resources/views/Admin/Manage_member/Register/v_register_page2.blade.php b/resources/views/Admin/Manage_member/Register/v_register_page2.blade.php
index 1263eda61aebe394b8380ead58d0fc72e39e920f..e59723e7662de93c90cd56e028a48997211ad167 100644
--- a/resources/views/Admin/Manage_member/Register/v_register_page2.blade.php
+++ b/resources/views/Admin/Manage_member/Register/v_register_page2.blade.php
@@ -1,344 +1,484 @@
-@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>
+    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
+</script>
 
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <!-- เรียกใช้ Bootstrap 5 -->
+    <!--
+        Bootstrap 5
+        @author:
+        Carate
+    -->
     <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: 750px;
-            left: 405px;
-            top: 230px;
-
-            background: #FFFFFF;
-            border: 1px solid;
-            border-radius: 10px;
-
-        }
-
-
-
-
-        .a1 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
-
-        .a1 input {
-            width: 322px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-
-        .a212 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
-
-        .a212 input {
-            width: 151px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-
-        .a2 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
+    <link rel="stylesheet" href="css/test_1.css">
+    <title>CSA</title>
 
-        .a2 .form-check {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
-
-        .a3 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
-
-        .a3 input {
-            width: 538px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-
-        .a4 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
-
-        .a4 input {
-            width: 490px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-
-        .a5 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
-
-        .a5 input {
-            width: 129.7px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-
-        #validationCustom03 {
-            width: 290px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-
-        .a6 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
-
-        .a6 input {
-            width: 130px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-
-        #name {
-            width: 459px;
-        }
+</head>
 
-        .a7 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
+<body>
+    <br>
+
+
+    <div class="container">
+        <div class="row">
+            <div class="card col-md-12 p-3">
+                <div class="row">
+                    <div class="col-md-4">
+                        <img src="w-50" alt="icon/regicter/register.png">
+                    </div>
+                    <div class="col-md-8">
+                        <div class="card-block">
+                            <h1 class="card-title">ลงทะเบียนสมาชิก</h1>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <form id="regist_1" class="row border border-primary needs-validation mt-5" style="border-radius: 10px"
+            method="POST" action="{{url('/Register_page2')}}">
+@csrf
+<div class="row mt-3">
+    <div class="col-md-2">
+        <div class="dropdown show change_display">
+            <label for="mem-prefix-th" class="form-label">คำนำหน้า</label>
+            <select name="mem-prefix-th" id="prefix" class="form-select">
+                <option class="value" hidden>คำนำหน้า</option>
+                <option value="Boy">เด็กชาย</option>
+                <option value="Girls">เด็กหญิง</option>
+                <option value="Mr">นาย</option>
+                <option value="Mrs">นาง</option>
+                <option value="Miss">นางสาว</option>
+            </select>
+        </div>
+    </div>
+
+    <div class="col-md-5">
+        <label for="mem-firstname-th" class="form-label" id="T-fname">ชื่อ</label>
+        <input type="text" class="form-control" name="mem-firstname-th">
+    </div>
+
+    <div class="col-md-5">
+        <label for="mem-lastname-th" class="form-label" id="L-name">นามสกุล</label>
+        <input type="text" class="form-control" name="mem-lastname-th">
+    </div>
+</div>
+
+<div class="row mt-3">
+    <div class="col-md-2">
+        <div class="dropdown show change_display">
+            <label for="mem-prefix-en" class="form-label">Perfix</label>
+            <select name="mem-prefix-en" id="E-prefix" class="form-select">
+                <option class="value" hidden>Prefix</option>
+                <option value="Mr">Mr.</option>
+                <option value="Mrs">Mrs.</option>
+                <option value="Miss">Miss.</option>
+            </select>
+        </div>
+    </div>
+
+    <div class="col-md-5">
+        <label for="mem-firstname-en" class="form-label" id="E-fname">First Name</label>
+        <input type="text" class="form-control" name="mem-firstname-en">
+    </div>
+
+    <div class="col-md-5">
+        <label for="mem-lastname-en" class="form-label" id="L-lanme">Last Name</label>
+        <input type="text" class="form-control" name="mem-lastname-en">
+    </div>
+</div>
+
+<div class="row mt-3">
+    <div class="col-md-6">
+        <label for="mem-id-card" class="form-label" id="no_preson">เลขบัตรประชาชน</label>
+        <input type="text" class="form-control" name="mem-id-card">
+    </div>
+
+    <div class="col-md-6 ">
+        <label for="mem-birthday" id="bd1">วันเกิด</label><br>
+        <div class="mt-3">
+            <input type="date" id="birthday" name="mem-birthday" required>
+        </div>
+    </div>
+</div>
+
+<div class="row mt-3">
+    <div class="col-md-6">
+        <label for="mem-address" class="form-label" id="address_1">ที่อยู่ตามบัตรประชาชน</label>
+        <input type="text" class="form-control" namde="mem-address">
+    </div>
+
+    <div class="col-md-6">
+        <label for="mem-sub-district" class="form-label" id="tum">ตำบล/แขวง</label>
+        <input type="text" class="form-control" name="mem-sub-district" id="district">
+    </div>
+</div>
+
+<div class="row mt-3">
+    <div class="col-md-4">
+        <label for="mem-district" class="form-label" id="aum">อำเภอ/เขต</label>
+        <input type="text" class="form-control" name="mem-amphoe" id="amphoe">
+    </div>
+
+    <div class="col-md-4">
+        <label for="mem-province" class="form-label" id="jungwan">จังหวัด</label>
+        <input type="text" class="form-control" name="mem-province" id="province">
+    </div>
+
+    <div class="col-md-4">
+        <label for="mem-postlcode" class="form-label" id="code1">รหัสไปรษณีย์</label>
+        <input type="text" class="form-control" name="mem-postlcode">
+    </div>
+
+</div>
+
+<div class="row mt-3">
+    <div class="col-md-6">
+        <label for="mem-email" class="form-label" id="email_1">อีเมล</label>
+        <input type="text" class="form-control" name="mem-email">
+    </div>
+
+    <div class="col-md-6">
+        <label for="mem-confirm-email" class="form-label">ยืนยันอีเมล</label>
+        <input type="text" class="form-control" id="mem-confirm-email">
+    </div>
+
+</div>
+
+<div class="col-md-6">
+    <label for="mem-phone-number" class="form-label">เบอร์โทรศัพท์</label>
+    <input type="text" class="form-control" id="mem-phone-number">
+</div>
+
+<div class="row mt-3">
+    <div class="col-12 text-end m-3">
+        <button id="btn-sumit1" class="btn btn-primary" type="submit">ถัดไป</button>
+    </div>
+</div>
+</form>
+</div>
+</body>
 
-        .a7 input {
-            width: 156.8px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
+</html>
+<script src="https://code.jquery.com/jquery-3.6.4.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
+<script>
+    < script >
+        $.Thailand({
+            $district: $('#district'), // input ของตำบล
+            $amphoe: $('#amphoe'), // input ของอำเภอ
+            $province: $('#province'), // input ของจังหวัด
+            $zipcode: $('#zipcode'), // input ของรหัสไปรษณีย์
 
-        .a8 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
+        });
 
-        .a8 input {
-            width: 228px;
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-        .a9 {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-        }
+</script>
+</script> --}}
 
-        .a9 input {
-            height: 30px;
-            border: none;
-            border-bottom: 1px solid black;
-            border-radius: 0px;
-            margin-right: 10px;
-        }
-        #country{
-            width: 200px;
 
-        }
-        #phonenumber{
-            width: 455px;
-        }
+<!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>
 
-        
-        
-    </style>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <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/test_1.css">
+    <title>CSA</title>
 </head>
 
 <body>
-
-
-    <form class="row border border-primary ">
-        <div class="a m-5">
-            ได้ทราบข้อบังคับของการฌาปนกิจสงเคราะห์สภาทนายความ และเห็นชอบด้วย
-            จึงขอแจ้งความประสงค์สมัครเข้าเป็นสมาชิก
-            <br> การฌาปนกิจสงเคราะห์สภาทนายความ
-            และขอให้ถ้อยคำเป็นลายลักษณ์อักษรต่อคณะกรรมการฌาปนกิจสงเคราห์
-            ดังนี้
-        </div>
-        <div class="a1">
-            ข้อ 1. ข้าพเจ้า เกิดวันที่ &nbsp;<input type="date" id="Birthday" name="Birthday"> ปัจจุบันอายุ
-            <input type="text" class="form-control" id="validationCustom01">
-        </div>
-        &nbsp; ข้อ 2. ข้าพเจ้า
-        <div class="a2">
-            <p class="text">
-            <div class="a21 mx-5">
-                2.1 เป็นทนายความประเภท
-                <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
-                <label class="form-check-label" for="flexRadioDefault1">
-                    ตลอดชีพ
-                </label>
-            </div>
-            <div class="form-check">
-                <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
-                &nbsp;
-                <label class="form-check-label" for="flexRadioDefault2">
-                    สองปี
-                </label>
-                <div class="b21 ms-4">
-                    ใบอนุญาติเลขที่
-                </div>
-                <div class="a212 ms-4">
-                    <input type="text" class="form-control" id="validationCustom01">
-                    <a>/</a>
-                    <input type="text" class="form-control" id="validationCustom01">
+    <!--
+        หน้าลงทะเบียนสมาชิก
+    -->
+    <div class="container">
+        <div class="row">
+            <div class="card col-md-12 p-3">
+                <div class="row">
+                    <div class="col-md-4">
+                        <img src="w-50" alt="icon/regicter/register.png">
+                    </div>
+                    <div class="col-md-8">
+                        <div class="card-block">
+                            <h1 class="card-title">ลงทะเบียนสมาชิก</h1>
+                        </div>
+                    </div>
                 </div>
             </div>
-            </p>
         </div>
-        <div class="a3 mx-5">
-            2.2 เป็นพนักงานประจำสภาทนายความสังกัด &nbsp;
-            <input type="text" class="form-control" id="validationCustom01">
 
-        </div>
-        <div class="a4 mx-5">
-            2.3 เป็นบุคคลในครอบครัวของ (นาย/นาง/นางสาว) &nbsp;
-            <input type="text" class="form-control" id="validationCustom01">
-        </div>
+        <div style="display: flex; justify-content: center;">
+            <form id="regis_2" class="box_form">
+                @csrf
+                <div class="regis_text">
+                    <div>
+                        ได้ทราบข้อบังคับของการฌาปนกิจสงเคราะห์สภาทนายความและเห็นชอบด้วยจึงขอแจ้งความประสงค์สมัครเข้าเป็นสมาชิก
+                        การฌาปนกิจสงเคราะห์สภาทนายความ
+                        และขอให้ถ้อยคำเป็นลายลักษณ์อักษรต่อคณะกรรมการฌาปนกิจสงเคราห์ ดังนี้
+                    </div>
+                </div>
 
-        <div class="a5">
-            ใบอนุญาตทนายความเลขที่ &nbsp;
-            <input type="text" class="form-control" id="validationCustom01">
-            <a>/</a>
-            <input type="text" class="form-control" id="validationCustom01">
-            โดยเกี่ยวข้องเป็น &nbsp;
-            <input type="text" class="form-control" id="validationCustom03">
-        </div>
-        <div class="mt-2">
-            ข้อ 3. เมื่อข้าพเจ้าถึงแก่ความตาย ข้อให้คณะกรรมการจ่ายเงินสงเคราะห์ ให้แก่ &nbsp;
-        </div>
+                <div>
+                    <center>
+                        ............................................................................................................
+                    </center>
+                </div>
 
+                <div class="box_all">
+                    <div class="box_all">
+                        <!--
+                        อายุของผู้กรอกข้อมูล
+                    -->
+                        <div>
+                            ข้อ 1. ข้าพเจ้า เกิดวันที่ &nbsp;
+                        </div>
+                        <div>
+                            <input type="date" id="my_birthday" name="my_birthday">
+                        </div>
+                    </div>
+
+                    <div class="box_age">
+                        <div class="box_age">
+                            ปัจจุบันอายุ &nbsp;
+                        </div>
+                        <div>
+                            <!--
+                            ดึงข้อมูลจากdatabase
+                        -->
+                            <input type="text" class="form-control" id="my_age" name="my_age">
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <center>
+                        ............................................................................................................
+                    </center>
+                </div>
 
-        <div class="a6">
-            3.1 ชื่อ
-            <input type="text" class="form-control" id="name">
-            เกี่ยวข้องเป็น
-            <input type="text" class="form-control" id="validationCustom03">
-        </div>
-        <div class="a7">
-            อยู่บ้านเลขที่
-            <input type="text" class="form-control" id="้homenumber">
-            หมู่ที่
-            <input type="text" class="form-control" id="villagenumber">
-            หมู่บ้าน
-            <input type="text" class="form-control" id="villagename">
-            ตรอก/ซอย
-            <input type="text" class="form-control" id="alley">
-        </div>
-        <div class="a8">
-            ถนน
-            <input type="text" class="form-control" id="rode">
-            ตำบล/แขวง
-            <input type="text" class="form-control" id="canton">
-            อำเภอ/เขต
-            <input type="text" class="form-control" id="district">
-        </div>
-        <div class="a9">
-            จังหวัด
-            <input type="text" class="form-control" id="country">
-            โทรศัพท์ที่สามารถติดต่อได้
-            <input type="text" class="form-control" id="phonenumber">
-        </div>
-        <div class="a10 text-center">
-            เพิ่มข้อมูล
+                <div class="box_content">
+                    <div>
+                        ข้อ 2. ข้าพเจ้า
+                    </div>
+
+                    <div>
+                        <div class="box_all">
+                            <div class="box_content">
+                                <div class="regis_text">
+                                    <div>
+                                        2.1 เป็นทนายความประเภท
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="box_content">
+                                <div class="form-check" id="radio_sel" onchange="resetSpanNumber1()">
+                                    <input class="form-check-input" type="radio" name="mem-lawyer-relation"
+                                        value="ตลอดชีพ">
+                                    ตลอดชีพ &nbsp;
+                                    {{-- <label class="form-check-label" for="lawyer-relation"> ตลอดชีพ </label> --}}
+                                </div>
+                            </div>
+
+                            <div class="box_content">
+                                <div class="form-check" id="radio_sel" onchange="resetSpanNumber1()">
+                                    <input class="form-check-input" type="radio" name="mem-lawyer-relation"
+                                        value="สองปี">
+                                    สองปี &nbsp;
+                                    {{-- <label class="form-check-label" for="lawyer-relation"> สองปี </label> --}}
+                                </div>
+                            </div>
+
+                            <div class="box_content">
+                                <div>
+                                    <div>
+                                        ใบอนุญาติเลขที่ &nbsp;
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <div>
+                        <div class="box_all">
+                            <div class="box_content">
+                                <div class="regis_text">
+                                    <div>
+                                        2.2 เป็นพนักงานประจำสภาทนายความ สังกัด&nbsp;
+                                    </div>
+                                </div>
+                                <div class="box_regis">
+                                    <div>
+                                        <input style="height: 30px;" type="text" class="form-control"
+                                            id="lawyer-affiliation" name="lawyer-affiliation">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div>
+                        <div class="box_family">
+                            <div>
+                                2.3 เป็นบุคคลในครอบครัวของ&nbsp;
+                            </div>
+                            <div>
+                                <div class="dropdown show">
+                                    <select name="prefix-th" id="prefix" class="form-select">
+                                        <option class="value" hidden>คำนำหน้า</option>
+                                        <option value="Boy">เด็กชาย</option>
+                                        <option value="Girls">เด็กหญิง</option>
+                                        <option value="Mr">นาย</option>
+                                        <option value="Mrs">นาง</option>
+                                        <option value="Miss">นางสาว</option>
+                                    </select>
+                                </div>
+                            </div>
+                            &nbsp;
+                            <div>
+                                <input type="text" class="form-control" id="username" name="username">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="f_number">
+                        <div>
+                            ใบอนุญาตทนายความเลขที่&nbsp;
+                        </div>
+
+                        <div>
+                            <input type="text" class="form-control" id="fist-number" name="fist-number">
+                            <a>/</a>
+                            <input type="text" class="form-control" id="last-number" name="last-number">
+                        </div>
+                    </div>
+
+                    <div>
+                        <center>
+                            ............................................................................................................
+                        </center>
+                    </div>
+
+                    <div>
+                        <div>
+                            ข้อ 3. เมื่อข้าพเจ้าถึงแก่ความตาย ข้อให้คณะกรรมการจ่ายเงินสงเคราะห์ ให้แก่
+                        </div>
+
+                        <section class="section-address">
+                            <div class="div-address pt-3" id="div-address-1">
+
+                                <div>
+                                    <div>
+                                        3.1 ชื่อ
+                                    </div>
+                                    <div>
+                                        <input type="text" class="form-control" id="name" name="name">
+                                    </div>
+
+                                    เกี่ยวข้องเป็น
+                                    <input type="text" class="form-control" id="relate" name="relate">
+                                </div>
+                                <div class="a7">
+                                    บ้านเลขที่
+                                    <input type="text" class="form-control" id="home-number" name="home-number">
+                                    หมู่ที่
+                                    <input type="text" class="form-control" id="group" name="group">
+                                    หมู่บ้าน
+                                    <input type="text" class="form-control" id="village" name="village">
+                                    ตรอก/ซอย
+                                    <input type="text" class="form-control" id="alley" name="alley">
+                                </div>
+                                <div class="a8">
+                                    ถนน
+                                    <input type="text" class="form-control" id="rode" name="role">
+                                    ตำบล/แขวง
+                                    <input type="text" class="form-control" id="sub-district" name="sub-district">
+                                    อำเภอ/เขต
+                                    <input type="text" class="form-control" id="district" name="district">
+                                </div>
+                        </section>
+                        <div class="a9">
+                            จังหวัด
+                            <input type="text" class="form-control" id="country" name="country">
+                            โทรศัพท์ที่สามารถติดต่อได้
+                            <input type="text" class="form-control" id="phonenumber" name="phonenumber">
+                        </div>
+                    </div>
+                    </section>
+                </div>
+                <button class="btn btn-primary" type="button" onClick="addDivAddress()">
+                    เพิ่มข้อมูล
+                </button>
+                <div class="col-12 text-end">
+                    <button id="btn-back" class="btn btn-secondary" role="button">ย้อนกลับ</button>
+                    <button class="btn btn-primary" type="submit"> ถัดไป </button>
+                </div>
+            </form>
         </div>
-        <div class="col-12 text-end">
-            <a class="btn btn-secondary"
-              href="http://127.0.0.1:5501/ลงทะเบียนสมาชิก.html"
-              role="button">ย้อนกลับ</a>
-              <a class="btn btn-primary"
-              href=""
-              role="button">ถัดไป</a>
-          </div>
-          
-    </form>
+    </div>
+
+    <script>
+        $('#btn-back').click(function (e) {
+            e.preventDefault();
+            window.history.back();
+        })
+
+        function addDivAddress() {
+            row = $(".div-address").length;
+            row++;
+            var html = '<div class="div-address pt-3" id="div-address-' + row + '">';
+            html += '<div class="a6">';
+            html += '3.' + '<span class="span_number">' + row + '</span>' + ' ชื่อ'
+            html += '<input type="text" class="form-control" id="name" name="name"> เกี่ยวข้องเป็น'
+            html += '<input type="text" class="form-control" id="relate" name="relate">'
+            html += '</div>'
+            html += '<div class="a7">'
+            html += 'อยู่บ้านเลขที่'
+            html += '<input type="text" class="form-control" id="้home-number" name="home-number"> หมู่ที่'
+            html += '<input type="text" class="form-control" id="group" name="group"> หมู่บ้าน'
+            html += '<input type="text" class="form-control" id="village" name="village"> ตรอก/ซอย'
+            html += ' <input type="text" class="form-control" id="alley" name="alley">'
+            html += '</div>'
+            html += '<div class="a8">'
+            html += 'ถนน'
+            html += '<input type="text" class="form-control" id="rode" name="role"> ตำบล/แขวง'
+            html += '<input type="text" class="form-control" id="sub-district" name="sub-district"> อำเภอ/เขต'
+            html += '<input type="text" class="form-control" id="district" name="district">'
+            html += '</div>'
+            html += '<div class="a9">'
+            html += 'จังหวัด'
+            html += '<input type="text" class="form-control" id="country" name="country"> โทรศัพท์ที่สามารถติดต่อได้'
+            html += '<input type="text" class="form-control" id="phonenumber" name="phonenumber">'
+            html += '</div>'
+            html += '<button type="button" onClick="deleteDivAddress(' + row + ')">ลบ</button>';
+            html += '</div>'
+
+            function resetSpanNumber() {
+                $('.span_number').eq(i).text(i + 2);
+            }
+        }
+
+        function resetSpanNumber1(event) {
+            var rates = document.querySelector('input[name="lawyer-relation"]:checked').value;
+            console.log(rates);
+
+        }
+        const form = document.querySelector("form");
+    </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/resources/views/Admin/Transection/v_approve_tranfer.blade.php b/resources/views/Admin/Transection/v_approve_tranfer.blade.php
index 0df513935db3ae0df5898566948308536f55537f..afc7f8071a6c2bc4d3938456d5122a1ec6e35026 100644
--- a/resources/views/Admin/Transection/v_approve_tranfer.blade.php
+++ b/resources/views/Admin/Transection/v_approve_tranfer.blade.php
@@ -32,7 +32,7 @@
            left: 405px;
             width: 1040px;
             height: auto;
-            margin: 0 auto;           
+            margin: 0 auto;
             background: #ffffff;
 
         }
@@ -80,9 +80,9 @@
         <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">
@@ -102,31 +102,14 @@
                 </tr>
               </thead>
               <tbody>
+                @foreach ($user_receipt as $user)
                 <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>
+                  <td>{{$user->rec_name}}</td>
+                  <td>{{$user->rec_img}}</td>
+                  <td>{{$user->rec_amount}}</td>
+                  <td>{{$user->rec_status}}</td>
                 </tr>
+                @endforeach
               </tbody>
             </table>
             <div class="d-grid gap-2 d-md-flex justify-content-md-end m-3">
@@ -141,10 +124,10 @@
           </div>
         </div>
     </div>
-    
-    
-    
-    
+
+
+
+
 </body>
 
 </html>
diff --git a/resources/views/Login/v_Login.blade.php b/resources/views/Login/v_Login.blade.php
index 118a3f4c72f7815ad7f226c46daead2373d8ecf3..da6994c48eeae7d6a208136a3d422f4cde5dab7e 100644
--- a/resources/views/Login/v_Login.blade.php
+++ b/resources/views/Login/v_Login.blade.php
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-    <title>CSA</title>
+    <title>ฌาปนกิจสงเคราะห์ สภาทนายความ</title>
     <link rel="stylesheet" href="css\login.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -12,7 +12,6 @@
     </script>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-    <title>CSA</title>
     <link rel="stylesheet" href="css/Login/login.css">
 </head>
 
diff --git a/resources/views/Member/v_member_home.blade.php b/resources/views/Member/v_member_home.blade.php
index 4cfea75f5a6a829a39051d5043ddd679f60f580f..4624a6191a64008770d38975cc4cd101a14e8c4a 100644
--- a/resources/views/Member/v_member_home.blade.php
+++ b/resources/views/Member/v_member_home.blade.php
@@ -118,7 +118,7 @@
                     <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>
+                    <a  class="btn btn-primary btn-lg btn-block">เติมเงินเข้าบัญชี</a>
                 </div>
             </div>
             <div class="card col-18 col-md-9 justify-content-end text-start">
@@ -178,7 +178,7 @@
                     </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">
+                    <a  class="dt-link">
                         <span class="link">ดูข้อมูลเพิ่มเติม</span>
                     </a>
                 </div>
diff --git a/resources/views/Member/v_member_proof_tranfer.blade.php b/resources/views/Member/v_member_proof_tranfer.blade.php
index 9c7cad264b7e6d19ec2fbffb62d9ea33ed423d40..2a736b9abecb2cd7a558c981a7d13f6b25be104b 100644
--- a/resources/views/Member/v_member_proof_tranfer.blade.php
+++ b/resources/views/Member/v_member_proof_tranfer.blade.php
@@ -31,24 +31,25 @@
     </div>
 
     <div class="card-body">
-      <form>
+      <form method="POST" action="{{url('/Insert_transfer')}}" enctype="multipart/form-data">
+        @csrf
         <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">
+          <input class="form-control" type="date" value="2021-06-18" id="html5-date-input" name="rec_date">
         </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">
+          <input type="time" class="form-control" id="basic-default-company" placeholder="เช่น 13.00" name="rec_time">
         </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">
+            <input type="text" id="basic-default-email" class="form-control" placeholder="เช่น 1000.00" aria-label="1000.00" aria-describedby="basic-default-email2" name="rec_amount">
           </div>
           <div class="mb-3">
             <label for="formFile" class="form-label">กรุณาอัปโหลดสลิปการโอน (รองรับไฟล์ jpg/png
               เท่านั้น)</label><br>
-            <input class="form-control" type="file" id="formFile">
+            <input class="form-control" type="file" id="formFile" name="rec_img">
           </div>
           <button type="submit" class="btn btn-primary waves-effect waves-light">ยืนยันการเติมเงิน</button>
       </form>
diff --git a/resources/views/layouts/v_navbar_admin.blade.php b/resources/views/layouts/v_navbar_admin.blade.php
index 35df1a96b4c73ccc86d72c031afd418501d24feb..8ceb9559f6d68be8a0267157613c85c5c5c766e7 100644
--- a/resources/views/layouts/v_navbar_admin.blade.php
+++ b/resources/views/layouts/v_navbar_admin.blade.php
@@ -38,9 +38,9 @@
             </a>
         </div>
         <div class="bottom-cotent">
-            <a href="{{route('Welcome')}}" class="nav-link">
+            {{-- <a href="{{route('v_welcome')}}" class="nav-link"> --}}
                 <i class='bx bx-log-out icon'></i>
-            </a>
+            {{-- </a> --}}
         </div>
 
         <div class="sidebar">
@@ -131,3 +131,190 @@
 </div>
 
 </html>
+
+
+{{-- @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>
+
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <!--
+        Bootstrap 5
+        @author:
+        Carate
+    -->
+    <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/Admin/Manage_member/Register/page_1.css">
+    <title>CSA</title>
+
+</head>
+
+<body>
+
+    <div class="container">
+        <div class="row">
+            <div class="card col-md-12 p-3">
+                <div class="row">
+                    <div class="col-md-4">
+                        <img src="w-50" alt="icon/regicter/register.png">
+                    </div>
+                    <div class="col-md-8">
+                        <div class="card-block">
+                            <h1 class="card-title">ลงทะเบียนสมาชิก</h1>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <form id="regist_1" class="row border border-primary needs-validation mt-5" style="border-radius: 10px"
+            method="POST" action="{{url('/Register_page2')}}">
+            @csrf
+            <div class="row mt-3">
+                <div class="col-md-2">
+                    <div class="dropdown show change_display">
+                        <label for="mem-prefix-th" class="form-label">คำนำหน้า</label>
+                        <select name="mem-prefix-th" id="prefix" class="form-select">
+                            <option class="value" hidden>คำนำหน้า</option>
+                            <option value="Boy">เด็กชาย</option>
+                            <option value="Girls">เด็กหญิง</option>
+                            <option value="Mr">นาย</option>
+                            <option value="Mrs">นาง</option>
+                            <option value="Miss">นางสาว</option>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="col-md-5">
+                    <label for="mem-firstname-th" class="form-label" id="T-fname">ชื่อ</label>
+                    <input type="text" class="form-control" name="mem-firstname-th">
+                </div>
+
+                <div class="col-md-5">
+                    <label for="mem-lastname-th" class="form-label" id="L-name">นามสกุล</label>
+                    <input type="text" class="form-control" name="mem-lastname-th">
+                </div>
+            </div>
+
+            <div class="row mt-3">
+                <div class="col-md-2">
+                    <div class="dropdown show change_display">
+                        <label for="mem-prefix-en" class="form-label">Perfix</label>
+                        <select name="mem-prefix-en" id="E-prefix" class="form-select">
+                            <option class="value" hidden>Prefix</option>
+                            <option value="Mr">Mr.</option>
+                            <option value="Mrs">Mrs.</option>
+                            <option value="Miss">Miss.</option>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="col-md-5">
+                    <label for="mem-firstname-en" class="form-label" id="E-fname">First Name</label>
+                    <input type="text" class="form-control" name="mem-firstname-en">
+                </div>
+
+                <div class="col-md-5">
+                    <label for="mem-lastname-en" class="form-label" id="L-lanme">Last Name</label>
+                    <input type="text" class="form-control" name="mem-lastname-en">
+                </div>
+            </div>
+
+            <div class="row mt-3">
+                <div class="col-md-6">
+                    <label for="mem-id-card" class="form-label" id="no_preson">เลขบัตรประชาชน</label>
+                    <input type="text" class="form-control" name="mem-id-card">
+                </div>
+
+                <div class="col-md-6 ">
+                    <label for="mem-birthday" id="bd1">วันเกิด</label><br>
+                    <div class="mt-3">
+                        <input type="date" id="birthday" name="mem-birthday" required>
+                    </div>
+                </div>
+            </div>
+
+            <div class="row mt-3">
+                <div class="col-md-6">
+                    <label for="mem-address" class="form-label" id="address_1">ที่อยู่ตามบัตรประชาชน</label>
+                    <input type="text" class="form-control" namde="mem-address">
+                </div>
+
+                <div class="col-md-6">
+                    <label for="mem-sub-district" class="form-label" id="tum">ตำบล/แขวง</label>
+                    <input type="text" class="form-control" name="mem-sub-district" id="district">
+                </div>
+            </div>
+
+            <div class="row mt-3">
+                <div class="col-md-4">
+                    <label for="mem-district" class="form-label" id="aum">อำเภอ/เขต</label>
+                    <input type="text" class="form-control" name="mem-amphoe" id="amphoe">
+                </div>
+
+                <div class="col-md-4">
+                    <label for="mem-province" class="form-label" id="jungwan">จังหวัด</label>
+                    <input type="text" class="form-control" name="mem-province" id="province">
+                </div>
+
+                <div class="col-md-4">
+                    <label for="mem-postlcode" class="form-label" id="code1">รหัสไปรษณีย์</label>
+                    <input type="text" class="form-control" name="mem-postlcode">
+                </div>
+
+            </div>
+
+            <div class="row mt-3">
+                <div class="col-md-6">
+                    <label for="mem-email" class="form-label" id="email_1">อีเมล</label>
+                    <input type="text" class="form-control" name="mem-email">
+                </div>
+
+                <div class="col-md-6">
+                    <label for="mem-confirm-email" class="form-label">ยืนยันอีเมล</label>
+                    <input type="text" class="form-control" id="mem-confirm-email">
+                </div>
+
+            </div>
+
+            <div class="col-md-6">
+                <label for="mem-phone-number" class="form-label">เบอร์โทรศัพท์</label>
+                <input type="text" class="form-control" id="mem-phone-number">
+            </div>
+
+            <div class="row mt-3">
+                <div class="col-12 text-end m-3">
+                    <button id="btn-sumit1" class="btn btn-primary" type="submit">ถัดไป</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</body>
+
+</html>
+<script src="https://code.jquery.com/jquery-3.6.4.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
+<script>
+    < script >
+        $.Thailand({
+            $district: $('#district'), // input ของตำบล
+            $amphoe: $('#amphoe'), // input ของอำเภอ
+            $province: $('#province'), // input ของจังหวัด
+            $zipcode: $('#zipcode'), // input ของรหัสไปรษณีย์
+
+        });
+
+</script>
+
+
+</script>
+@endsection --}}
diff --git a/resources/views/layouts/v_navbar_member.blade.php b/resources/views/layouts/v_navbar_member.blade.php
index d19b2a0b38bddaac78a2810f4644a2537990a44c..18afd1fb92e0de109eaa2152a43ffc888336d1a9 100644
--- a/resources/views/layouts/v_navbar_member.blade.php
+++ b/resources/views/layouts/v_navbar_member.blade.php
@@ -21,7 +21,7 @@
 <body>
     <nav>
         <div class="logo">
-            <a href="{{route('Member_home')}}" class="nav-link">
+            <a  class="nav-link">
                 <img src="icon/cremation_system_logo/cremation_system_logo.png" class="rounded float-start" alt="..."
                     width="40" height="40">
                 <img src="icon/cremation_system_logo/cremation_name.png" class="rounded float-start" alt="..."
@@ -57,10 +57,10 @@
         <div class="dropdown">
             <button class="dropbtn"><i class='bx bxs-chevron-down'></i></button>
             <div class="dropdown-content">
-                <a href="{{route('Profile')}}"><i class='bx bx-user icon'></i>
+                <a ><i class='bx bx-user icon'></i>
                     <p class="tt">ข้อมูลส่วนตัว</p>
                 </a>
-                <a href="{{route('Welcome')}}"><i class='bx bx-log-out icon'></i>
+                <a ><i class='bx bx-log-out icon'></i>
                     <p class="tt">ออกจากระบบ</p>
                 </a>
             </div>
diff --git a/routes/web.php b/routes/web.php
index 35c635f922b86fec37701087e7ca972d257e6e01..402a36cf4c31d11110784c7022bf96d0294660c4 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,7 +2,6 @@
 
 use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\Login_controller;
-use App\Http\Controllers\CreateMemberController;
 
 /*
 |--------------------------------------------------------------------------
@@ -19,8 +18,8 @@
 *
 */
 Route::get('/', function () {
-    return view('v_welcome');
-})->name('Welcome');
+    return view('welcome');
+});
 
 /*
 *    
@@ -48,6 +47,16 @@
 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');
 
@@ -91,17 +100,6 @@
 'Member_home'])->name('Member_home');
 
 /*
-<input name="home_number[]">
-$req->name[i]
-$req->home_number;
-size_of()
-count()
-for($i=0;$i<count($req->name);$i++){
-    $req->name[i];
-    $req->home_number[i];
-}
-$name = array()
-$name[] =
 
  */
 Route::get('/Profile',[App\Http\Controllers\MemberController::class,
@@ -109,13 +107,14 @@
 
 
 /*
+
+
 */
 Route::get('/Tranfer',[App\Http\Controllers\MemberController::class,
 'Tranfer'])->name('Tranfer');
 
-Route::get('/Member_transaction',[App\Http\Controllers\MemberController::class,
-'Transection'])->name('Transection');
-
+Route::post('/Insert_transfer',[App\Http\Controllers\MemberController::class,
+'Insert_transfer'])->name('Insert_transfer');
 
 Route::post('/Get_member_ajax',[App\Http\Controllers\MemberController::class,
 'Get_member_ajax'])->name('Get_member_ajax');