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. ข้าพเจ้า เกิดวันที่ <input type="date" id="Birthday" name="Birthday"> ปัจจุบันอายุ - <input type="text" class="form-control" id="validationCustom01"> - </div> - ข้อ 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"> - - <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 เป็นพนักงานประจำสภาทนายความสังกัด - <input type="text" class="form-control" id="validationCustom01"> - </div> - <div class="a4 mx-5"> - 2.3 เป็นบุคคลในครอบครัวของ (นาย/นาง/นางสาว) - <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"> - ใบอนุญาตทนายความเลขที่ - <input type="text" class="form-control" id="validationCustom01"> - <a>/</a> - <input type="text" class="form-control" id="validationCustom01"> - โดยเกี่ยวข้องเป็น - <input type="text" class="form-control" id="validationCustom03"> - </div> - <div class="mt-2"> - ข้อ 3. เมื่อข้าพเจ้าถึงแก่ความตาย ข้อให้คณะกรรมการจ่ายเงินสงเคราะห์ ให้แก่ - </div> + <div> + <center> + ............................................................................................................ + </center> + </div> + <div class="box_all"> + <div class="box_all"> + <!-- + อายุของผู้กรอกข้อมูล + --> + <div> + ข้อ 1. ข้าพเจ้า เกิดวันที่ + </div> + <div> + <input type="date" id="my_birthday" name="my_birthday"> + </div> + </div> + + <div class="box_age"> + <div class="box_age"> + ปัจจุบันอายุ + </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="ตลอดชีพ"> + ตลอดชีพ + {{-- <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="สองปี"> + สองปี + {{-- <label class="form-check-label" for="lawyer-relation"> สองปี </label> --}} + </div> + </div> + + <div class="box_content"> + <div> + <div> + ใบอนุญาติเลขที่ + </div> + </div> + </div> + </div> + </div> + + + <div> + <div class="box_all"> + <div class="box_content"> + <div class="regis_text"> + <div> + 2.2 เป็นพนักงานประจำสภาทนายความ สังกัด + </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 เป็นบุคคลในครอบครัวของ + </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> + + <div> + <input type="text" class="form-control" id="username" name="username"> + </div> + </div> + </div> + + <div class="f_number"> + <div> + ใบอนุญาตทนายความเลขที่ + </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