bma-streetlight-stg.infra-corp.co Open in urlscan Pro
143.198.85.11 Public Scan

Back to summary

Submitted URL:
http://bma-streetlight-stg.infra-corp.co/
Effective URL:
https://bma-streetlight-stg.infra-corp.co/
Submission: On April 23 via api (April 23rd 2024, 5:07:21 am UTC) from US — Scanned from SG

Form analysis
8 forms found in the DOM

<form data-v-857e8403="" class="form w-100 px-6 px-sm-8">
  <div data-v-857e8403="" class="text-center mb-8">
    <div data-v-857e8403="" class="d-flex justify-content-center mb-6"><img data-v-857e8403="" src="/images/logos/logo.png" width="75" height="75" alt="logo"><img data-v-857e8403="" src="/images/icons/svg/light.svg" width="75" height="75" alt="logo">
    </div>
    <h2 data-v-857e8403="" class="text-primary mb-2">Bangkok Smart Lighting System</h2>
    <h6 data-v-857e8403="" class="text-primary fw-normal">ระบบบริหารจัดการไฟฟ้าแสงสว่างอัจฉริยะ กรุงเทพมหานครฯ</h6>
  </div>
  <div data-v-857e8403="" class="fv-row px-sm-10">
    <div data-v-857e8403="" class="col-12">
      <div data-v-cbb5e8af="" data-v-857e8403="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label><input
          data-v-cbb5e8af="" type="text" class="form-control" placeholder="ชื่อผู้ใช้" autocomplete="off" name="username"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div>
  <div data-v-857e8403="" class="fv-row px-sm-10 mb-3">
    <div data-v-857e8403="" class="col-12">
      <div data-v-98fda044="" data-v-857e8403="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text"> <span data-v-e3b545f7="" class="required"
            style="display: none;"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="รหัสผ่าน" name="password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
  </div>
  <div data-v-857e8403="" class="d-flex flex-stack flex-wrap gap-3 fs-base px-sm-10 mb-6">
    <div data-v-857e8403=""></div><a data-v-857e8403="" class="fw-normal form-text text-danger cursor-pointer fs-6 mt-0"> ลืมรหัสผ่าน ? </a>
  </div>
  <div data-v-857e8403="" class="d-grid px-10">
    <div data-v-857e8403="" class="ps-2"><label data-v-e3b545f7="" data-v-964eff0a="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label>
      <div data-v-964eff0a="">
        <div data-v-964eff0a="" class="form-check form-check-custom me-3 mb-2 mt-1"><input data-v-964eff0a="" id="is_remember" class="form-check-input cursor-pointer" type="checkbox" name="is_remember" value="true"><img data-v-964eff0a=""
            class="ms-4 me-1" style="display: none;"><label data-v-964eff0a="" for="is_remember" class="form-check-label">จดจำฉัน</label></div>
      </div><!---->
    </div><button data-v-4d312e8e="" data-v-857e8403="" type="submit" class="btn btn-submit px-6 py-3" data-kt-indicator="false"><span data-v-4d312e8e="" class="indicator-label"><!----> เข้าสู่ระบบ</span>
      <div data-v-4d312e8e="" class="indicator-progress"> โปรดรอสักครู่... <span data-v-4d312e8e="" class="spinner-border spinner-border-sm align-middle ms-2"></span></div>
    </button>
  </div>
  <div data-v-857e8403="" class="separator my-6 mx-2"></div>
  <div data-v-857e8403="" class="d-grid px-10"><a data-v-857e8403="" class="btn btn-register cursor-pointer px-6 py-3"> ลงทะเบียน </a></div>
  <div data-v-857e8403="" class="modal-footer d-block pb-3">
    <div data-v-857e8403="" class="text-center fw-normal fs-6 mt-4">สงวนลิขสิทธิ์ © 2567 สํานักโยธา กรุงเทพมหานคร</div>
  </div>
</form>

<form data-v-af06bc18="" class="form w-100 px-6 scroll-y">
  <div data-v-af06bc18="" class="d-flex align-items-center justify-content-center">
    <div data-v-af06bc18="" class="w-auto mt-3"><label data-v-e3b545f7="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label><!---->
      <div id="vfa-lvbxcgteodzuskvbnxc" class="is-sortable-disabled is-drag-valid theme-profile" model-value="[object Object]">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">ข้อมูลส่วนตัว</h3>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ชื่อ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="first_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">นามสกุล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="last_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" class="form-text">เลขประจำตัวประชาชน <span data-v-e3b545f7="" class="required"></span></label><input id="national_id" type="text" class="form-control text-start"
          placeholder="x-xxxx-xxxxx-xx-x" data-maska="#-####-#####-##-#" autocomplete="off" name="national_id"><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">วันเดือนปีเกิด <span data-v-e3b545f7="" class="required"></span></label>
      <div><input name="birthdate" style="display: none;">
        <div class="dp__main dp__theme_light form-control">
          <div aria-label="Datepicker input" role="textbox" aria-multiline="false" aria-disabled="false" aria-readonly="false"><!---->
            <div class="dp__input_wrap"><!----><input name="birthdate" class="dp__pointer dp__input_readonly dp__input dp__input_icon_pad dp__input_reg" inputmode="none" placeholder="" autocomplete="off"><span
                class="dp__input_icon"><i class="fi fi-rr-calendar fs-2 text-gray-500"></i></span><!----><!----><!----></div>
          </div><!---->
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-71fc2903="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-71fc2903="" class="form-text">เบอร์โทรศัพท์มือถือ <span data-v-e3b545f7="" class="required"></span></label><input data-v-71fc2903="" id="tel"
          type="text" class="form-control text-start" placeholder="0669999999" data-maska="0#########" autocomplete="off" name="tel"><img data-v-71fc2903="" src="/images/icons/png/thailand.png" class="icon" alt=""><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">อีเมล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="email"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">ข้อมูลตำแหน่ง</h3>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ตำแหน่ง <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="position"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text" style="--ec7bc992: 8px;">หน่วยงาน <span data-v-e3b545f7="" class="required"></span></label><input name="department_id"
        style="display: none; --ec7bc992: 8px;">
      <div class="min-height" style="--ec7bc992: 8px;">
        <div class="multiselect" id="department_id">
          <div class="multiselect-wrapper" tabindex="0" aria-controls="department_id-multiselect-options" aria-placeholder="เลือก" aria-expanded="false" aria-multiselectable="false" role="combobox">
            <!-- Search --><!--v-if--><!-- Tags (with search) --><!--v-if--><!-- Single label --><!--v-if--><!-- Multiple label --><!--v-if--><!-- Placeholder -->
            <div class="multiselect-placeholder" aria-hidden="true">เลือก</div><!-- Spinner --><!--v-if--><!-- Clear --><!--v-if--><!-- Caret --><span class="multiselect-caret" aria-hidden="true"></span>
          </div><!-- Options --><!-- Hacky input element to show HTML5 required warning --><!--v-if--><!-- Native input support --><!--v-if--><!-- Screen reader assistive text --><!--v-if--><!-- Create height for empty input -->
          <div class="multiselect-spacer"></div>
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2" style="display: none;"><label data-v-e3b545f7="" class="form-text" style="--ec7bc992: 8px;">สังกัด <span data-v-e3b545f7="" class="required"></span></label><input name="responsible_id"
        style="display: none; --ec7bc992: 8px;">
      <div class="min-height" style="--ec7bc992: 8px;">
        <div class="multiselect is-disabled multiselect" id="responsible_id">
          <div class="multiselect-wrapper" tabindex="-1" aria-controls="responsible_id-multiselect-options" aria-placeholder="เลือก" aria-expanded="false" aria-multiselectable="false" role="combobox">
            <!-- Search --><!--v-if--><!-- Tags (with search) --><!--v-if--><!-- Single label --><!--v-if--><!-- Multiple label --><!--v-if--><!-- Placeholder -->
            <div class="multiselect-placeholder" aria-hidden="true">เลือก</div><!-- Spinner --><!--v-if--><!-- Clear --><!--v-if--><!-- Caret --><span class="multiselect-caret" aria-hidden="true"></span>
          </div><!-- Options --><!-- Hacky input element to show HTML5 required warning --><!--v-if--><!-- Native input support --><!--v-if--><!-- Screen reader assistive text --><!--v-if--><!-- Create height for empty input -->
          <div class="multiselect-spacer"></div>
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">พื้นที่รับผิดชอบ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="area"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">ข้อมูลบัญชี</h3>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ชื่อผู้ใช้ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="username"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-af06bc18="" class="position-relative">
        <div data-v-98fda044="" data-v-af06bc18="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">รหัสผ่าน <span data-v-e3b545f7=""
              class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="new_password"><span data-v-98fda044=""
            class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
        <div data-v-af06bc18="" class="position-absolute top-0 end-0"><button data-v-191988b6="" data-v-af06bc18="" type="button" class="btn btn-popover px-0 pt-1"><svg data-v-6e89ca90="" data-v-af06bc18="" xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" width="20px" height="20px" viewBox="0 0 24 24" style="color: rgb(22, 163, 212);">
              <path fill="currentColor"
                d="M12 17q.425 0 .713-.288T13 16v-4q0-.425-.288-.712T12 11t-.712.288T11 12v4q0 .425.288.713T12 17m0-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8">
              </path>
            </svg>
            <div data-v-191988b6="" class="popover-content">
              <h6 data-v-af06bc18="" class="text-start fw-semibold mb-1 pt-3"><svg data-v-af06bc18="" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <path data-v-af06bc18=""
                    d="M14.4 8H17.6V11.2H14.4V8ZM14.4 14.4H17.6V24H14.4V14.4ZM16 0C7.168 0 0 7.168 0 16C0 24.832 7.168 32 16 32C24.832 32 32 24.832 32 16C32 7.168 24.832 0 16 0ZM16 28.8C8.944 28.8 3.2 23.056 3.2 16C3.2 8.944 8.944 3.2 16 3.2C23.056 3.2 28.8 8.944 28.8 16C28.8 23.056 23.056 28.8 16 28.8Z"
                    fill="#16A3D4" fill-opacity="0.24"></path>
                </svg> &nbsp;รหัสผ่าน (Password) ต้องประกอบด้วย 5 เงื่อนไขดังนี้ </h6>
              <div data-v-af06bc18="" class="text-start ps-md-12 fw-normal pb-3">
                <p data-v-af06bc18="" class="mb-1">1. ไม่น้อยกว่า 12 Characters</p>
                <p data-v-af06bc18="" class="mb-1">2. Uppercase letters: A-Z</p>
                <p data-v-af06bc18="" class="mb-1">3. Lowercase letters: a-z</p>
                <p data-v-af06bc18="" class="mb-1">4. Numbers: 0-9</p>
                <p data-v-af06bc18="" class="mb-0">5. Symbols: !@#$%^&amp;*()_+-=[]{};’:”&lt;&gt;?,./</p>
              </div>
            </div>
          </button></div>
      </div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-98fda044="" data-v-af06bc18="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">ยืนยันรหัสผ่าน <span data-v-e3b545f7=""
            class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="confirm_password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">รูปถ่ายบัตรประจำตัวข้าราชการ</h3>
    <div data-v-af06bc18="" class="col-md-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">รูปถ่ายบัตรด้านหน้า <span data-v-e3b545f7="" class="required"></span></label>
      <div class="text-danger fs-7" style="margin-top: -5px;">(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)</div>
      <div id="vfa-lvbxcgug7s0dbqzh9m" class="is-sortable-disabled is-drag-valid theme-single-image" model-value="[object Object]">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-md-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">รูปถ่ายบัตรด้านหลัง <span data-v-e3b545f7="" class="required"></span></label>
      <div class="text-danger fs-7" style="margin-top: -5px;">(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)</div>
      <div id="vfa-lvbxcguhnaivce4iku" class="is-sortable-disabled is-drag-valid theme-single-image" model-value="[object Object]">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-12 text-center mt-3 mb-4"><button data-v-4d312e8e="" data-v-af06bc18="" type="submit" class="btn btn-submit px-6 py-3 px-15" data-kt-indicator="false"><span data-v-4d312e8e="" class="indicator-label"><!---->
          บันทึก</span>
        <div data-v-4d312e8e="" class="indicator-progress"> โปรดรอสักครู่... <span data-v-4d312e8e="" class="spinner-border spinner-border-sm align-middle ms-2"></span></div>
      </button></div>
  </div>
</form>

<form data-v-b1390903="" class="form w-100 px-6 scroll-y">
  <div data-v-b1390903="" class="d-flex flex-md-row flex-column align-items-center gap-4 px-sm-10 mt-12 mb-8">
    <div data-v-b1390903="" class="w-auto mt-3"><label data-v-e3b545f7="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label><!---->
      <div id="vfa-lvbxcguj1mtpi8ammwy" class="is-sortable-disabled is-drag-valid theme-profile" model-value="0">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div><!----><!----><!---->
  </div>
  <div data-v-b1390903="" class="row px-sm-10 mb-5">
    <h3 data-v-b1390903="" class="title">ข้อมูลส่วนตัว</h3>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ชื่อ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="first_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">นามสกุล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="last_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" class="form-text">เลขประจำตัวประชาชน <span data-v-e3b545f7="" class="required"></span></label><input id="national_id" type="text" class="form-control text-start"
          placeholder="x-xxxx-xxxxx-xx-x" data-maska="#-####-#####-##-#" readonly="" autocomplete="off" name="national_id"><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">วันเดือนปีเกิด <span data-v-e3b545f7="" class="required"></span></label>
      <div><input name="birthdate" style="display: none;">
        <div class="dp__main dp__theme_light form-control">
          <div aria-label="Datepicker input" role="textbox" aria-multiline="false" aria-disabled="false" aria-readonly="false"><!---->
            <div class="dp__input_wrap"><!----><input name="birthdate" class="dp__pointer dp__input_readonly dp__input dp__input_icon_pad dp__input_reg" inputmode="none" placeholder="" autocomplete="off"><span
                class="dp__input_icon"><i class="fi fi-rr-calendar fs-2 text-gray-500"></i></span><!----><!----><!----></div>
          </div><!---->
        </div>
      </div><!---->
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-71fc2903="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-71fc2903="" class="form-text">เบอร์โทรศัพท์มือถือ <span data-v-e3b545f7="" class="required"></span></label><input data-v-71fc2903="" id="tel"
          type="text" class="form-control text-start" placeholder="0669999999" data-maska="0#########" autocomplete="off" name="tel"><img data-v-71fc2903="" src="/images/icons/png/thailand.png" class="icon" alt=""><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">อีเมล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" readonly="" autocomplete="off" name="email"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div><!---->
</form>

<form data-v-f53cd8dc="" class="form w-100 mt-8">
  <div data-v-f53cd8dc="" class="fv-row px-sm-20 px-6 mb-8">
    <div data-v-f53cd8dc="" class="col-12 mb-1">
      <div data-v-98fda044="" data-v-f53cd8dc="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">รหัสผ่านเดิม <span data-v-e3b545f7=""
            class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="old_password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
    <div data-v-f53cd8dc="" class="col-12 mb-1">
      <div data-v-f53cd8dc="" class="position-relative">
        <div data-v-98fda044="" data-v-f53cd8dc="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">รหัสผ่านใหม่ <span data-v-e3b545f7=""
              class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="new_password"><span data-v-98fda044=""
            class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
        <div data-v-f53cd8dc="" class="position-absolute top-0 end-0"><button data-v-191988b6="" data-v-f53cd8dc="" type="button" class="btn btn-popover px-0 pt-1"><svg data-v-6e89ca90="" data-v-f53cd8dc="" xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" width="20px" height="20px" viewBox="0 0 24 24" style="color: rgb(22, 163, 212);">
              <path fill="currentColor"
                d="M12 17q.425 0 .713-.288T13 16v-4q0-.425-.288-.712T12 11t-.712.288T11 12v4q0 .425.288.713T12 17m0-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8">
              </path>
            </svg>
            <div data-v-191988b6="" class="popover-content">
              <h6 data-v-f53cd8dc="" class="text-start fw-semibold mb-1 pt-3"><svg data-v-f53cd8dc="" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <path data-v-f53cd8dc=""
                    d="M14.4 8H17.6V11.2H14.4V8ZM14.4 14.4H17.6V24H14.4V14.4ZM16 0C7.168 0 0 7.168 0 16C0 24.832 7.168 32 16 32C24.832 32 32 24.832 32 16C32 7.168 24.832 0 16 0ZM16 28.8C8.944 28.8 3.2 23.056 3.2 16C3.2 8.944 8.944 3.2 16 3.2C23.056 3.2 28.8 8.944 28.8 16C28.8 23.056 23.056 28.8 16 28.8Z"
                    fill="#16A3D4" fill-opacity="0.24"></path>
                </svg> &nbsp;รหัสผ่าน (Password) ต้องประกอบด้วย 5 เงื่อนไขดังนี้ </h6>
              <div data-v-f53cd8dc="" class="text-start ps-md-12 fw-normal pb-3">
                <p data-v-f53cd8dc="" class="mb-1">1. ไม่น้อยกว่า 12 Characters</p>
                <p data-v-f53cd8dc="" class="mb-1">2. Uppercase letters: A-Z</p>
                <p data-v-f53cd8dc="" class="mb-1">3. Lowercase letters: a-z</p>
                <p data-v-f53cd8dc="" class="mb-1">4. Numbers: 0-9</p>
                <p data-v-f53cd8dc="" class="mb-0">5. Symbols: !@#$%^&amp;*()_+-=[]{};’:”&lt;&gt;?,./</p>
              </div>
            </div>
          </button></div>
      </div>
    </div>
    <div data-v-f53cd8dc="" class="col-12">
      <div data-v-98fda044="" data-v-f53cd8dc="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">ยืนยันรหัสผ่านใหม่ <span data-v-e3b545f7=""
            class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="confirm_new_password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
  </div>
  <div data-v-f53cd8dc="" class="text-center px-sm-10 mb-8"><button data-v-f53cd8dc="" type="submit" class="btn btn-secondary px-15 py-3"><span data-v-f53cd8dc="" class="indicator-label"> ยืนยัน </span></button></div>
</form>

<form data-v-857e8403="" class="form w-100 px-6 px-sm-8">
  <div data-v-857e8403="" class="text-center mb-8">
    <div data-v-857e8403="" class="d-flex justify-content-center mb-6"><img data-v-857e8403="" src="/images/logos/logo.png" width="75" height="75" alt="logo"><img data-v-857e8403="" src="/images/icons/svg/light.svg" width="75" height="75" alt="logo">
    </div>
    <h2 data-v-857e8403="" class="text-primary mb-2">Bangkok Smart Lighting System</h2>
    <h6 data-v-857e8403="" class="text-primary fw-normal">ระบบบริหารจัดการไฟฟ้าแสงสว่างอัจฉริยะ กรุงเทพมหานครฯ</h6>
  </div>
  <div data-v-857e8403="" class="fv-row px-sm-10">
    <div data-v-857e8403="" class="col-12">
      <div data-v-cbb5e8af="" data-v-857e8403="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label><input
          data-v-cbb5e8af="" type="text" class="form-control" placeholder="ชื่อผู้ใช้" autocomplete="off" name="username"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div>
  <div data-v-857e8403="" class="fv-row px-sm-10 mb-3">
    <div data-v-857e8403="" class="col-12">
      <div data-v-98fda044="" data-v-857e8403="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text"> <span data-v-e3b545f7="" class="required"
            style="display: none;"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="รหัสผ่าน" name="password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
  </div>
  <div data-v-857e8403="" class="d-flex flex-stack flex-wrap gap-3 fs-base px-sm-10 mb-6">
    <div data-v-857e8403=""></div><a data-v-857e8403="" class="fw-normal form-text text-danger cursor-pointer fs-6 mt-0"> ลืมรหัสผ่าน ? </a>
  </div>
  <div data-v-857e8403="" class="d-grid px-10">
    <div data-v-857e8403="" class="ps-2"><label data-v-e3b545f7="" data-v-964eff0a="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label>
      <div data-v-964eff0a="">
        <div data-v-964eff0a="" class="form-check form-check-custom me-3 mb-2 mt-1"><input data-v-964eff0a="" id="is_remember" class="form-check-input cursor-pointer" type="checkbox" name="is_remember" value="true"><img data-v-964eff0a=""
            class="ms-4 me-1" style="display: none;"><label data-v-964eff0a="" for="is_remember" class="form-check-label">จดจำฉัน</label></div>
      </div><!---->
    </div><button data-v-4d312e8e="" data-v-857e8403="" type="submit" class="btn btn-submit px-6 py-3" data-kt-indicator="false"><span data-v-4d312e8e="" class="indicator-label"><!----> เข้าสู่ระบบ</span>
      <div data-v-4d312e8e="" class="indicator-progress"> โปรดรอสักครู่... <span data-v-4d312e8e="" class="spinner-border spinner-border-sm align-middle ms-2"></span></div>
    </button>
  </div>
  <div data-v-857e8403="" class="separator my-6 mx-2"></div>
  <div data-v-857e8403="" class="d-grid px-10"><a data-v-857e8403="" class="btn btn-register cursor-pointer px-6 py-3"> ลงทะเบียน </a></div>
  <div data-v-857e8403="" class="modal-footer d-block pb-3">
    <div data-v-857e8403="" class="text-center fw-normal fs-6 mt-4">สงวนลิขสิทธิ์ © 2567 สํานักโยธา กรุงเทพมหานคร</div>
  </div>
</form>

<form data-v-af06bc18="" class="form w-100 px-6 scroll-y">
  <div data-v-af06bc18="" class="d-flex align-items-center justify-content-center">
    <div data-v-af06bc18="" class="w-auto mt-3"><label data-v-e3b545f7="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label><!---->
      <div id="vfa-lvbxcguxng86u6h91w" class="is-sortable-disabled is-drag-valid theme-profile" model-value="[object Object]">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">ข้อมูลส่วนตัว</h3>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ชื่อ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="first_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">นามสกุล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="last_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" class="form-text">เลขประจำตัวประชาชน <span data-v-e3b545f7="" class="required"></span></label><input id="national_id" type="text" class="form-control text-start"
          placeholder="x-xxxx-xxxxx-xx-x" data-maska="#-####-#####-##-#" autocomplete="off" name="national_id"><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">วันเดือนปีเกิด <span data-v-e3b545f7="" class="required"></span></label>
      <div><input name="birthdate" style="display: none;">
        <div class="dp__main dp__theme_light form-control">
          <div aria-label="Datepicker input" role="textbox" aria-multiline="false" aria-disabled="false" aria-readonly="false"><!---->
            <div class="dp__input_wrap"><!----><input name="birthdate" class="dp__pointer dp__input_readonly dp__input dp__input_icon_pad dp__input_reg" inputmode="none" placeholder="" autocomplete="off"><span
                class="dp__input_icon"><i class="fi fi-rr-calendar fs-2 text-gray-500"></i></span><!----><!----><!----></div>
          </div><!---->
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-71fc2903="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-71fc2903="" class="form-text">เบอร์โทรศัพท์มือถือ <span data-v-e3b545f7="" class="required"></span></label><input data-v-71fc2903="" id="tel"
          type="text" class="form-control text-start" placeholder="0669999999" data-maska="0#########" autocomplete="off" name="tel"><img data-v-71fc2903="" src="/images/icons/png/thailand.png" class="icon" alt=""><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">อีเมล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="email"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">ข้อมูลตำแหน่ง</h3>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ตำแหน่ง <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="position"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text" style="--ec7bc992: 8px;">หน่วยงาน <span data-v-e3b545f7="" class="required"></span></label><input name="department_id"
        style="display: none; --ec7bc992: 8px;">
      <div class="min-height" style="--ec7bc992: 8px;">
        <div class="multiselect" id="department_id">
          <div class="multiselect-wrapper" tabindex="0" aria-controls="department_id-multiselect-options" aria-placeholder="เลือก" aria-expanded="false" aria-multiselectable="false" role="combobox">
            <!-- Search --><!--v-if--><!-- Tags (with search) --><!--v-if--><!-- Single label --><!--v-if--><!-- Multiple label --><!--v-if--><!-- Placeholder -->
            <div class="multiselect-placeholder" aria-hidden="true">เลือก</div><!-- Spinner --><!--v-if--><!-- Clear --><!--v-if--><!-- Caret --><span class="multiselect-caret" aria-hidden="true"></span>
          </div><!-- Options --><!-- Hacky input element to show HTML5 required warning --><!--v-if--><!-- Native input support --><!--v-if--><!-- Screen reader assistive text --><!--v-if--><!-- Create height for empty input -->
          <div class="multiselect-spacer"></div>
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2" style="display: none;"><label data-v-e3b545f7="" class="form-text" style="--ec7bc992: 8px;">สังกัด <span data-v-e3b545f7="" class="required"></span></label><input name="responsible_id"
        style="display: none; --ec7bc992: 8px;">
      <div class="min-height" style="--ec7bc992: 8px;">
        <div class="multiselect is-disabled multiselect" id="responsible_id">
          <div class="multiselect-wrapper" tabindex="-1" aria-controls="responsible_id-multiselect-options" aria-placeholder="เลือก" aria-expanded="false" aria-multiselectable="false" role="combobox">
            <!-- Search --><!--v-if--><!-- Tags (with search) --><!--v-if--><!-- Single label --><!--v-if--><!-- Multiple label --><!--v-if--><!-- Placeholder -->
            <div class="multiselect-placeholder" aria-hidden="true">เลือก</div><!-- Spinner --><!--v-if--><!-- Clear --><!--v-if--><!-- Caret --><span class="multiselect-caret" aria-hidden="true"></span>
          </div><!-- Options --><!-- Hacky input element to show HTML5 required warning --><!--v-if--><!-- Native input support --><!--v-if--><!-- Screen reader assistive text --><!--v-if--><!-- Create height for empty input -->
          <div class="multiselect-spacer"></div>
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">พื้นที่รับผิดชอบ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="area"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">ข้อมูลบัญชี</h3>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-af06bc18="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ชื่อผู้ใช้ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="username"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-af06bc18="" class="position-relative">
        <div data-v-98fda044="" data-v-af06bc18="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">รหัสผ่าน <span data-v-e3b545f7=""
              class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="new_password"><span data-v-98fda044=""
            class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
        <div data-v-af06bc18="" class="position-absolute top-0 end-0"><button data-v-191988b6="" data-v-af06bc18="" type="button" class="btn btn-popover px-0 pt-1"><svg data-v-6e89ca90="" data-v-af06bc18="" xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" width="20px" height="20px" viewBox="0 0 24 24" style="color: rgb(22, 163, 212);">
              <path fill="currentColor"
                d="M12 17q.425 0 .713-.288T13 16v-4q0-.425-.288-.712T12 11t-.712.288T11 12v4q0 .425.288.713T12 17m0-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8">
              </path>
            </svg>
            <div data-v-191988b6="" class="popover-content">
              <h6 data-v-af06bc18="" class="text-start fw-semibold mb-1 pt-3"><svg data-v-af06bc18="" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <path data-v-af06bc18=""
                    d="M14.4 8H17.6V11.2H14.4V8ZM14.4 14.4H17.6V24H14.4V14.4ZM16 0C7.168 0 0 7.168 0 16C0 24.832 7.168 32 16 32C24.832 32 32 24.832 32 16C32 7.168 24.832 0 16 0ZM16 28.8C8.944 28.8 3.2 23.056 3.2 16C3.2 8.944 8.944 3.2 16 3.2C23.056 3.2 28.8 8.944 28.8 16C28.8 23.056 23.056 28.8 16 28.8Z"
                    fill="#16A3D4" fill-opacity="0.24"></path>
                </svg> &nbsp;รหัสผ่าน (Password) ต้องประกอบด้วย 5 เงื่อนไขดังนี้ </h6>
              <div data-v-af06bc18="" class="text-start ps-md-12 fw-normal pb-3">
                <p data-v-af06bc18="" class="mb-1">1. ไม่น้อยกว่า 12 Characters</p>
                <p data-v-af06bc18="" class="mb-1">2. Uppercase letters: A-Z</p>
                <p data-v-af06bc18="" class="mb-1">3. Lowercase letters: a-z</p>
                <p data-v-af06bc18="" class="mb-1">4. Numbers: 0-9</p>
                <p data-v-af06bc18="" class="mb-0">5. Symbols: !@#$%^&amp;*()_+-=[]{};’:”&lt;&gt;?,./</p>
              </div>
            </div>
          </button></div>
      </div>
    </div>
    <div data-v-af06bc18="" class="col-sm-6 col-12 mb-2">
      <div data-v-98fda044="" data-v-af06bc18="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">ยืนยันรหัสผ่าน <span data-v-e3b545f7=""
            class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="confirm_password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
  </div>
  <div data-v-af06bc18="" class="row px-sm-10 mb-5">
    <h3 data-v-af06bc18="" class="title">รูปถ่ายบัตรประจำตัวข้าราชการ</h3>
    <div data-v-af06bc18="" class="col-md-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">รูปถ่ายบัตรด้านหน้า <span data-v-e3b545f7="" class="required"></span></label>
      <div class="text-danger fs-7" style="margin-top: -5px;">(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)</div>
      <div id="vfa-lvbxcgvbw1r9qp5kxn" class="is-sortable-disabled is-drag-valid theme-single-image" model-value="[object Object]">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-md-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">รูปถ่ายบัตรด้านหลัง <span data-v-e3b545f7="" class="required"></span></label>
      <div class="text-danger fs-7" style="margin-top: -5px;">(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)</div>
      <div id="vfa-lvbxcgvcpa6vg0ipp2a" class="is-sortable-disabled is-drag-valid theme-single-image" model-value="[object Object]">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div>
    <div data-v-af06bc18="" class="col-12 text-center mt-3 mb-4"><button data-v-4d312e8e="" data-v-af06bc18="" type="submit" class="btn btn-submit px-6 py-3 px-15" data-kt-indicator="false"><span data-v-4d312e8e="" class="indicator-label"><!---->
          บันทึก</span>
        <div data-v-4d312e8e="" class="indicator-progress"> โปรดรอสักครู่... <span data-v-4d312e8e="" class="spinner-border spinner-border-sm align-middle ms-2"></span></div>
      </button></div>
  </div>
</form>

<form data-v-b1390903="" class="form w-100 px-6 scroll-y">
  <div data-v-b1390903="" class="d-flex flex-md-row flex-column align-items-center gap-4 px-sm-10 mt-12 mb-8">
    <div data-v-b1390903="" class="w-auto mt-3"><label data-v-e3b545f7="" class="form-text" style="display: none;"> <span data-v-e3b545f7="" class="required" style="display: none;"></span></label><!---->
      <div id="vfa-lvbxcgvesx566x92h7" class="is-sortable-disabled is-drag-valid theme-profile" model-value="0">
        <div class="grid-block-wrapper vue-file-agent file-input-wrapper is-compact is-single"><canvas style="position: fixed; visibility: hidden; z-index: -3;"></canvas><!---->
          <div transition-duration="300" press-delay="0" use-drag-handle="false" helper-class="active-sorting-item">
            <div class="">
              <div class="file-preview-wrapper grid-box-item grid-block file-preview-new"><span class="file-preview"><span style="position: absolute; inset: 0px;"><svg viewBox="0 0 24 24">
                      <path d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"></path>
                    </svg></span></span></div>
            </div>
          </div><input title="" type="file" class="file-input" accept="image/png,image/jpg,image/jpeg">
        </div>
      </div><!---->
    </div><!----><!----><!---->
  </div>
  <div data-v-b1390903="" class="row px-sm-10 mb-5">
    <h3 data-v-b1390903="" class="title">ข้อมูลส่วนตัว</h3>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">ชื่อ <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="first_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">นามสกุล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" autocomplete="off" name="last_name"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" class="form-text">เลขประจำตัวประชาชน <span data-v-e3b545f7="" class="required"></span></label><input id="national_id" type="text" class="form-control text-start"
          placeholder="x-xxxx-xxxxx-xx-x" data-maska="#-####-#####-##-#" readonly="" autocomplete="off" name="national_id"><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2"><label data-v-e3b545f7="" class="form-text">วันเดือนปีเกิด <span data-v-e3b545f7="" class="required"></span></label>
      <div><input name="birthdate" style="display: none;">
        <div class="dp__main dp__theme_light form-control">
          <div aria-label="Datepicker input" role="textbox" aria-multiline="false" aria-disabled="false" aria-readonly="false"><!---->
            <div class="dp__input_wrap"><!----><input name="birthdate" class="dp__pointer dp__input_readonly dp__input dp__input_icon_pad dp__input_reg" inputmode="none" placeholder="" autocomplete="off"><span
                class="dp__input_icon"><i class="fi fi-rr-calendar fs-2 text-gray-500"></i></span><!----><!----><!----></div>
          </div><!---->
        </div>
      </div><!---->
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-71fc2903="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-71fc2903="" class="form-text">เบอร์โทรศัพท์มือถือ <span data-v-e3b545f7="" class="required"></span></label><input data-v-71fc2903="" id="tel"
          type="text" class="form-control text-start" placeholder="0669999999" data-maska="0#########" autocomplete="off" name="tel"><img data-v-71fc2903="" src="/images/icons/png/thailand.png" class="icon" alt=""><!----></div>
    </div>
    <div data-v-b1390903="" class="col-sm-6 col-12 mb-2">
      <div data-v-cbb5e8af="" data-v-b1390903="" class="position-relative"><label data-v-e3b545f7="" data-v-cbb5e8af="" class="form-text">อีเมล <span data-v-e3b545f7="" class="required"></span></label><input data-v-cbb5e8af="" type="text"
          class="form-control" placeholder="" readonly="" autocomplete="off" name="email"><span data-v-cbb5e8af="" class="btn btn-sm btn-icon position-absolute icon-end" style="display: none;"></span><!----></div>
    </div>
  </div><!---->
</form>

<form data-v-f53cd8dc="" class="form w-100 mt-8">
  <div data-v-f53cd8dc="" class="fv-row px-sm-20 px-6 mb-8">
    <div data-v-f53cd8dc="" class="col-12 mb-1">
      <div data-v-98fda044="" data-v-f53cd8dc="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">รหัสผ่านเดิม <span data-v-e3b545f7=""
            class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="old_password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
    <div data-v-f53cd8dc="" class="col-12 mb-1">
      <div data-v-f53cd8dc="" class="position-relative">
        <div data-v-98fda044="" data-v-f53cd8dc="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">รหัสผ่านใหม่ <span data-v-e3b545f7=""
              class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="new_password"><span data-v-98fda044=""
            class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
        <div data-v-f53cd8dc="" class="position-absolute top-0 end-0"><button data-v-191988b6="" data-v-f53cd8dc="" type="button" class="btn btn-popover px-0 pt-1"><svg data-v-6e89ca90="" data-v-f53cd8dc="" xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" width="20px" height="20px" viewBox="0 0 24 24" style="color: rgb(22, 163, 212);">
              <path fill="currentColor"
                d="M12 17q.425 0 .713-.288T13 16v-4q0-.425-.288-.712T12 11t-.712.288T11 12v4q0 .425.288.713T12 17m0-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8">
              </path>
            </svg>
            <div data-v-191988b6="" class="popover-content">
              <h6 data-v-f53cd8dc="" class="text-start fw-semibold mb-1 pt-3"><svg data-v-f53cd8dc="" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <path data-v-f53cd8dc=""
                    d="M14.4 8H17.6V11.2H14.4V8ZM14.4 14.4H17.6V24H14.4V14.4ZM16 0C7.168 0 0 7.168 0 16C0 24.832 7.168 32 16 32C24.832 32 32 24.832 32 16C32 7.168 24.832 0 16 0ZM16 28.8C8.944 28.8 3.2 23.056 3.2 16C3.2 8.944 8.944 3.2 16 3.2C23.056 3.2 28.8 8.944 28.8 16C28.8 23.056 23.056 28.8 16 28.8Z"
                    fill="#16A3D4" fill-opacity="0.24"></path>
                </svg> &nbsp;รหัสผ่าน (Password) ต้องประกอบด้วย 5 เงื่อนไขดังนี้ </h6>
              <div data-v-f53cd8dc="" class="text-start ps-md-12 fw-normal pb-3">
                <p data-v-f53cd8dc="" class="mb-1">1. ไม่น้อยกว่า 12 Characters</p>
                <p data-v-f53cd8dc="" class="mb-1">2. Uppercase letters: A-Z</p>
                <p data-v-f53cd8dc="" class="mb-1">3. Lowercase letters: a-z</p>
                <p data-v-f53cd8dc="" class="mb-1">4. Numbers: 0-9</p>
                <p data-v-f53cd8dc="" class="mb-0">5. Symbols: !@#$%^&amp;*()_+-=[]{};’:”&lt;&gt;?,./</p>
              </div>
            </div>
          </button></div>
      </div>
    </div>
    <div data-v-f53cd8dc="" class="col-12">
      <div data-v-98fda044="" data-v-f53cd8dc="" class="position-relative" style="--8cdea756: unset; --213fb932: 1.05rem;"><label data-v-e3b545f7="" data-v-98fda044="" class="form-text">ยืนยันรหัสผ่านใหม่ <span data-v-e3b545f7=""
            class="required"></span></label><input data-v-98fda044="" type="password" class="form-control" placeholder="" name="confirm_new_password"><span data-v-98fda044=""
          class="btn btn-sm btn-icon position-absolute translate-middle icon-end"><i data-v-98fda044="" class="fs-5 text-gray-500 mt-2 fi-rr-eye-crossed"></i></span><!----></div>
    </div>
  </div>
  <div data-v-f53cd8dc="" class="text-center px-sm-10 mb-8"><button data-v-f53cd8dc="" type="submit" class="btn btn-secondary px-15 py-3"><span data-v-f53cd8dc="" class="indicator-label"> ยืนยัน </span></button></div>
</form>

Text Content

แผนที่

เมนู


เข้าสู่ระบบ
แจ้งร้องเรียน

แผนที่


BANGKOK SMART LIGHTING SYSTEM

ระบบบริหารจัดการไฟฟ้าแสงสว่างอัจฉริยะ กรุงเทพมหานครฯ




ลืมรหัสผ่าน ?
จดจำฉัน
เข้าสู่ระบบ
โปรดรอสักครู่...

ลงทะเบียน
สงวนลิขสิทธิ์ © 2567 สํานักโยธา กรุงเทพมหานคร


ลืมรหัสผ่าน

กรุณาติดต่อ ผู้ดูแลระบบ
โทร. 0xx-xxx-xxxx
(ทุกวันจันทร์ - วันศุกร์ เวลา 09:00 - 16:00 น.)

ย้อนกลับ


ลงทะเบียน


ข้อมูลส่วนตัว

ชื่อ
นามสกุล
เลขประจำตัวประชาชน
วันเดือนปีเกิด

เบอร์โทรศัพท์มือถือ
อีเมล


ข้อมูลตำแหน่ง

ตำแหน่ง
หน่วยงาน
เลือก

สังกัด
เลือก

พื้นที่รับผิดชอบ


ข้อมูลบัญชี

ชื่อผู้ใช้
รหัสผ่าน

 รหัสผ่าน (PASSWORD) ต้องประกอบด้วย 5 เงื่อนไขดังนี้

1. ไม่น้อยกว่า 12 Characters

2. Uppercase letters: A-Z

3. Lowercase letters: a-z

4. Numbers: 0-9

5. Symbols: !@#$%^&*()_+-=[]{};’:”<>?,./

ยืนยันรหัสผ่าน


รูปถ่ายบัตรประจำตัวข้าราชการ

รูปถ่ายบัตรด้านหน้า
(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)

รูปถ่ายบัตรด้านหลัง
(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)

บันทึก
โปรดรอสักครู่...


ข้อมูลส่วนตัว


ข้อมูลส่วนตัว

ชื่อ
นามสกุล
เลขประจำตัวประชาชน
วันเดือนปีเกิด

เบอร์โทรศัพท์มือถือ
อีเมล


เปลี่ยนรหัสผ่าน

รหัสผ่านเดิม
รหัสผ่านใหม่

 รหัสผ่าน (PASSWORD) ต้องประกอบด้วย 5 เงื่อนไขดังนี้

1. ไม่น้อยกว่า 12 Characters

2. Uppercase letters: A-Z

3. Lowercase letters: a-z

4. Numbers: 0-9

5. Symbols: !@#$%^&*()_+-=[]{};’:”<>?,./

ยืนยันรหัสผ่านใหม่
ยืนยัน
Bangkok Smart Lighting System
ระบบบริหารจัดการไฟฟ้าแสงสว่างอัจฉริยะ กรุงเทพมหานครฯ
แจ้งร้องเรียน
เข้าสู่ระบบ



BANGKOK SMART LIGHTING SYSTEM

ระบบบริหารจัดการไฟฟ้าแสงสว่างอัจฉริยะ กรุงเทพมหานครฯ




ลืมรหัสผ่าน ?
จดจำฉัน
เข้าสู่ระบบ
โปรดรอสักครู่...

ลงทะเบียน
สงวนลิขสิทธิ์ © 2567 สํานักโยธา กรุงเทพมหานคร


ลืมรหัสผ่าน

กรุณาติดต่อ ผู้ดูแลระบบ
โทร. 0xx-xxx-xxxx
(ทุกวันจันทร์ - วันศุกร์ เวลา 09:00 - 16:00 น.)

ย้อนกลับ


ลงทะเบียน


ข้อมูลส่วนตัว

ชื่อ
นามสกุล
เลขประจำตัวประชาชน
วันเดือนปีเกิด

เบอร์โทรศัพท์มือถือ
อีเมล


ข้อมูลตำแหน่ง

ตำแหน่ง
หน่วยงาน
เลือก

สังกัด
เลือก

พื้นที่รับผิดชอบ


ข้อมูลบัญชี

ชื่อผู้ใช้
รหัสผ่าน

 รหัสผ่าน (PASSWORD) ต้องประกอบด้วย 5 เงื่อนไขดังนี้

1. ไม่น้อยกว่า 12 Characters

2. Uppercase letters: A-Z

3. Lowercase letters: a-z

4. Numbers: 0-9

5. Symbols: !@#$%^&*()_+-=[]{};’:”<>?,./

ยืนยันรหัสผ่าน


รูปถ่ายบัตรประจำตัวข้าราชการ

รูปถ่ายบัตรด้านหน้า
(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)

รูปถ่ายบัตรด้านหลัง
(รองรับ .png, .jpg, .jpeg ขนาดไม่เกิน 10 MB)

บันทึก
โปรดรอสักครู่...


ข้อมูลส่วนตัว


ข้อมูลส่วนตัว

ชื่อ
นามสกุล
เลขประจำตัวประชาชน
วันเดือนปีเกิด

เบอร์โทรศัพท์มือถือ
อีเมล


เปลี่ยนรหัสผ่าน

รหัสผ่านเดิม
รหัสผ่านใหม่

 รหัสผ่าน (PASSWORD) ต้องประกอบด้วย 5 เงื่อนไขดังนี้

1. ไม่น้อยกว่า 12 Characters

2. Uppercase letters: A-Z

3. Lowercase letters: a-z

4. Numbers: 0-9

5. Symbols: !@#$%^&*()_+-=[]{};’:”<>?,./

ยืนยันรหัสผ่านใหม่
ยืนยัน
Leaflet | Map data © GoogleMap contributors




ส่งออกรายงาน



เลือกประเภทไฟล์

Preview
Excel (.xlsx)
PDF (.pdf)

Lighting V.2.0 | คู่มือการใช้งานระบบ | ติดต่อผู้ดูแลระบบ 0xx-xxx-xxxx

กำลังโหลด


 * สำนักการโยธา
 * สำนักงานเขต
 * สำนักสิ่งแวดล้อม
 * สำนักการระบายน้ำ
 * การทางพิเศษแห่งประเทศไทย
 * การรถไฟไทย
 * กรมทางหลวง
 * กรมทางหลวงชนบท
 * การรรถไฟขนส่งมวลชนแห่งประเทศไทย
 * สำนักจราจรและการขนส่ง
 * สำนักการวางผังและพัฒนาเมือง

ไม่มีรายการ
 * สำนักการโยธา
 * สำนักงานเขต
 * สำนักสิ่งแวดล้อม
 * สำนักการระบายน้ำ
 * การทางพิเศษแห่งประเทศไทย
 * การรถไฟไทย
 * กรมทางหลวง
 * กรมทางหลวงชนบท
 * การรรถไฟขนส่งมวลชนแห่งประเทศไทย
 * สำนักจราจรและการขนส่ง
 * สำนักการวางผังและพัฒนาเมือง

ไม่มีรายการ

bma-streetlight-stg.infra-corp.co Open in urlscan Pro 143.198.85.11 Public Scan

Form analysis 8 forms found in the DOM

Text Content

bma-streetlight-stg.infra-corp.co Open in urlscan Pro
143.198.85.11 Public Scan

Form analysis
8 forms found in the DOM