From bf192cb1daba70da3cff26bb37383db778585a15 Mon Sep 17 00:00:00 2001
From: ukityeamyai <yamyai.8084@gmail.com>
Date: Sun, 9 Apr 2023 02:59:45 +0700
Subject: [PATCH] test

---
 app/Http/Controllers/UserController.php       |   4 +
 .../Admin/Manage_member/Register/page_1.css   |  52 +-
 .../Register/v_register_page1.blade.php       |  99 +--
 .../Register/v_register_page2.blade.php       | 762 +++++++++++-------
 .../views/layouts/v_navbar_admin.blade.php    | 191 ++++-
 routes/web.php                                |   2 +-
 6 files changed, 720 insertions(+), 390 deletions(-)

diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index 67ce7d22..4a966c96 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/public/css/Admin/Manage_member/Register/page_1.css b/public/css/Admin/Manage_member/Register/page_1.css
index 957ca985..f0a754c6 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/resources/views/Admin/Manage_member/Register/v_register_page1.blade.php b/resources/views/Admin/Manage_member/Register/v_register_page1.blade.php
index ae9861da..7e6f2c21 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 1263eda6..e59723e7 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/layouts/v_navbar_admin.blade.php b/resources/views/layouts/v_navbar_admin.blade.php
index 35df1a96..8ceb9559 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/routes/web.php b/routes/web.php
index 5697f35c..393ff1f9 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -17,7 +17,7 @@
 
 Route::get('/', function () {
     return view('v_welcome');
-})->name('Welcome');
+})->name('v_welcome');
 
 /*
 
-- 
GitLab