diff --git a/resources/views/Register/v_register_page2.blade.php b/resources/views/Register/v_register_page2.blade.php index ff077e46c7c9651b61caa4f50592672f81016c85..ff6fc45f08a160527144532f8e306802bd99e904 100644 --- a/resources/views/Register/v_register_page2.blade.php +++ b/resources/views/Register/v_register_page2.blade.php @@ -1,30 +1,24 @@ - <!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> +<!DOCTYPE html> +<html> +<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" + integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" /> +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" + integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" + crossorigin="anonymous"></script> - <head> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <!-- เรียกใช้ Bootstrap 5 --> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt"> - <link rel="stylesheet" href="css/Register/register_page1.css"> - </head> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <!-- เรียกใช้ Bootstrap 5 --> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" + integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA==" + crossorigin="anonymous" referrerpolicy="no-referrer" /> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt"> + <link rel="stylesheet" href="css/Register/register_page2.css"> + <script src="http://code.jquery.com/jquery-latest.js"></script> +</head> <body> - <div class="container"> - <form class="row border border-primary needs-validation mt-5" novalidate> - - </form> - </div> - - <div class="col-sm-5"> - <img class="card-img" src="icon/register/register.png" alt="register" style="width: 50px"> - </div> - <div class="h1 text-center ">ลงทะเบียนสมาชิก</div> - <form class="row border border-primary "> <div class="a m-5"> ได้ทราบข้อบังคับของการฌาปนกิจสงเคราะห์สภาทนายความ และเห็นชอบด้วย @@ -40,28 +34,28 @@ ข้อ 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 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="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> + <div class="a212 ms-4"> + <input type="text" class="form-control" id="validationCustom01"> + <a>/</a> + <input type="text" class="form-control" id="validationCustom01"> </div> + </div> </p> </div> <div class="a3 mx-5"> @@ -73,7 +67,7 @@ 2.3 เป็นบุคคลในครอบครัวของ (นาย/นาง/นางสาว) <input type="text" class="form-control" id="validationCustom01"> </div> - + <div class="a5"> ใบอนุญาตทนายความเลขที่ <input type="text" class="form-control" id="validationCustom01"> @@ -86,49 +80,105 @@ ข้อ 3. เมื่อข้าพเจ้าถึงแก่ความตาย ข้อให้คณะกรรมการจ่ายเงินสงเคราะห์ ให้แก่ </div> - <table > - <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"> - เพิ่มข้อมูล + <section class="section-address"> + <div class="div-address pt-3" id="div-address-1"> + <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> - </table> + </section> + + {{-- <div class="a10 text-center"> + เพิ่มข้อมูล + </div> --}} + <button class="btn btn-primary" type="button" onClick="addDivAddress()"> + เพิ่มข้อมูล + </button> <div class="col-12 text-end"> - <a class="btn btn-secondary" href="{{route('Register_page1')}}" role="button">ย้อนกลับ</a> - <a class="btn btn-primary" href="{{route('Register_page3')}}" role="button">ถัดไป</a> - </div> + <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> + + <script> + 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"> เกี่ยวข้องเป็น' + html += '<input type="text" class="form-control" id="validationCustom03">' + html += '</div>' + html += '<div class="a7">' + html += 'อยู่บ้านเลขที่' + html += '<input type="text" class="form-control" id="้homenumber"> หมู่ที่' + html += '<input type="text" class="form-control" id="villagenumber"> หมู่บ้าน' + html += '<input type="text" class="form-control" id="villagename"> ตรอก/ซอย' + html += ' <input type="text" class="form-control" id="alley">' + html += '</div>' + html += '<div class="a8">' + html += 'ถนน' + html += '<input type="text" class="form-control" id="rode"> ตำบล/แขวง' + html += '<input type="text" class="form-control" id="canton"> อำเภอ/เขต' + html += '<input type="text" class="form-control" id="district">' + html += '</div>' + html += '<div class="a9">' + html += 'จังหวัด' + html += '<input type="text" class="form-control" id="country"> โทรศัพท์ที่สามารถติดต่อได้' + html += '<input type="text" class="form-control" id="phonenumber">' + html += '</div>' + html += '<button type="button" onClick="deleteDivAddress(' + row + ')">ลบ</button>'; + html += '</div>' + + $('.section-address').append(html); + } + + function deleteDivAddress(row_number) { + $("#div-address-" + row_number).remove(); + resetSpanNumber(); + } + + function resetSpanNumber() { + let elem = $(".span_number"); + for (let i = 0; i < elem.length; i++) { + $('.span_number').eq(i).text(i + 2); + } + } + </script> </body> </html> -