1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <meta charset="UTF-8"> 7 <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="Description" content="Bootstrap Responsive Admin Web Dashboard HTML5 Template"> 10 <meta name="Author" content="Spruko Technologies Private Limited"> 11 <meta name="Keywords" content="admin,admin dashboard,admin dashboard template,admin panel template,admin template,admin theme,bootstrap 4 admin template,bootstrap 4 dashboard,bootstrap admin,bootstrap admin dashboard,bootstrap admin panel,bootstrap admin template,bootstrap admin theme,bootstrap dashboard,bootstrap form template,bootstrap panel,bootstrap ui kit,dashboard bootstrap 4,dashboard design,dashboard html,dashboard template,dashboard ui kit,envato templates,flat ui,html,html and css templates,html dashboard template,html5,jquery html,premium,premium quality,sidebar bootstrap 4,template admin bootstrap 4" /> 12 13 <!-- Title --> 14 <title>Register | R.NET NETWORK AND DATA SOLUTION </title> 15 16 <!-- Favicon --> 17 <link rel="manifest" href="https://ppcfc.com/front/apps" /> 18 <link rel="shortcut icon" href="https://ppcfc.com/assets/images/logo-20092024.png" type="image/png"> 19 <link rel="apple-touch-icon" href="https://ppcfc.com/assets/images/logo-20092024.png" type="image/png"> 20 21 <!-- Icons css --> 22 <link href="https://ppcfc.com//assets/backend/assets/css/icons.css" rel="stylesheet"> 23 24 <!-- bootstrap css--> 25 <link id="style" href="https://ppcfc.com//assets/backend/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> 26 27 <!--- Style css ---> 28 <link href="https://ppcfc.com//assets/backend/assets/css/style.css" rel="stylesheet"> 29 <link href="https://ppcfc.com//assets/backend/assets/css/style-dark.css" rel="stylesheet"> 30 <link href="https://ppcfc.com//assets/backend/assets/css/style-transparent.css" rel="stylesheet"> 31 32 <!---Skinmodes css--> 33 <link href="https://ppcfc.com//assets/backend/assets/css/skin-modes.css" rel="stylesheet" /> 34
34<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
34 35 <!--- Animations css--> 36 <link href="https://ppcfc.com//assets/backend/assets/css/animate.css" rel="stylesheet"> 37 38 <!-- Leaflet Locate Control Library --> 39 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" /> 40
40<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
40 41 <!-- Leaflet Locate Control CSS Library --> 42 <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/L.Control.Locate.min.css" /> --> 43
43<script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js'></script>
43 44 <link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' /> 45 <!-- Leaflet Locate Control Library --> 46
46<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/L.Control.Locate.min.js" charset="utf-8"></script>
46 47 48 <link rel="stylesheet" href="https://ppcfc.com/assets/backend/leaflet-search/leaflet-search.css" /> 49
49<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
49 50
50<script src="https://ppcfc.com/assets/backend/leaflet-search/leaflet-search.js"></script>
50 51 <style> 52 #mapid { 53 height: 250px; 54 } 55 </style> 56</head> 57 58<body class="ltr error-page1 bg-primary"> 59 60 <!-- Loader --> 61 <!-- <div id="global-loader"> 62 <img src="https://ppcfc.com//assets/backend/assets/img/loader.svg" class="loader-img" alt="Loader"> 63 </div>--> 64 <!-- /Loader --> 65 66 <div class="square-box"> 67 <div></div> 68 <div></div> 69 <div></div> 70 <div></div> 71 <div></div> 72 <div></div> 73 <div></div> 74 <div></div> 75 <div></div> 76 <div></div> 77 <div></div> 78 <div></div> 79 <div></div> 80 <div></div> 81 <div></div> 82 </div> 83 84 85 <div class="page"> 86 <div class="page-single"> 87 <div class="container"> 88 <div class="row"> 89 <div class="col-xl-8 col-lg-10 col-md-10 col-sm-12 col-xs-12 card-sigin-main mx-auto my-auto py-4 justify-content-center position-relative"> 90 <!-- Language Switcher Positioned Top Right inside the card --> 91 <div class="position-absolute" style="top: 15px; right: 15px; z-index: 999;"> 92 <div class="dropdown"> 93 <a class="nav-link p-0" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> 94 <img src="https://ppcfc.com/assets/backend/assets/img/flags/us.svg" alt="English" class="rounded-circle" style="width: 25px; height: 25px; object-fit: cover; border: 1px solid #ccc;"> 95 </a> 96 <div class="dropdown-menu dropdown-menu-end shadow-sm" style="min-width: unset;"> 97 <a class="dropdown-item d-flex align-items-center active" href="https://ppcfc.com/LanguageSwitcher/switchLang/english"> 98 <img src="https://ppcfc.com/assets/backend/assets/img/flags/us.svg" alt="English" class="rounded-circle me-2" style="width: 20px; height: 20px; object-fit: cover;"> English 99 </a> 100 <a class="dropdown-item d-flex align-items-center " href="https://ppcfc.com/LanguageSwitcher/switchLang/indonesia"> 101 <img src="https://ppcfc.com/assets/backend/assets/img/flags/id.svg" alt="Indonesia" class="rounded-circle me-2" style="width: 20px; height: 20px; object-fit: cover;"> Indonesia 102 </a> 103 </div> 104 </div> 105 </div> 106 107 <div class="card-sigin"> 108 <!-- Demo content--> 109 <div class="main-card-signin d-md-flex"> 110 <div class="wd-100p"> 111 <div class="d-flex mb-4"> 112 <a href="https://ppcfc.com/"> 113 <img src="https://ppcfc.com/assets/images/logo-20092024.png" alt="logo" class="sign-favicon ht-40"> 114 </a> 115 </div> 116 <div class=""> 117 <div class="main-signup-header"> 118 119 <h2>Register Form</h2> 120 <h6 class="font-weight-semibold mb-4">Fill out the form below so we can contact you when Fiber becomes available in your area.</h6> 121 122 123 <div class="panel panel-primary"> 124 125 126 <div class="panel-body tabs-menu-body border-0 p-3"> 127 <div class="tab-content"> 128 <div class="tab-pane active" id="tab5"> 129 130 131 <form action="https://ppcfc.com/auth/register" enctype="multipart/form-data" method="post" accept-charset="utf-8"> 132 133 134 135 <div class="row mb-3"> 136 <div class="col-md-6 pe-md-1"> 137 <label for="name">Name</label> 138 <input type="hidden" name="no_services" value="
1380"> 139 <input type="hidden" class="form-control form-control-user" name="due_date" value="0"> 140 <div class="wrap-input100 validate-input input-group mb-1"> 141 <a href="javascript:void(0);" class="input-group-text bg-white text-muted border-end-0"> 142 <i class="fa fa-user"></i> 143 </a> 144 <input type="text" class="form-control form-control-user border-start-0" id="name" name="name" value="" placeholder="John Doe"> 145 </div> 146 </div> 147 <div class="col-md-6 ps-md-1"> 148 <label for="email">Email</label> 149 <div class="wrap-input100 validate-input input-group mb-1"> 150 <a href="javascript:void(0);" class="input-group-text bg-white text-muted border-end-0"> 151 <i class="fa fa-envelope"></i> 152 </a> 153 <input type="text" class="form-control form-control-user border-start-0" id="Email" name="email" value="" placeholder="Email Address"> 154 </div> 155 </div> 156 </div> 157 <div class="row mb-3"> 158 <div class="col-md-4 pe-md-1"> 159 <label for="no_wa">Phone</label> 160 <div class="wrap-input100 validate-input input-group mb-1"> 161 <a href="javascript:void(0);" class="input-group-text bg-white text-muted border-end-0"> 162 <i class="fa fa-phone"></i> 163 </a> 164 <input type="number" class="form-control form-control-user border-start-0" id="no_wa" name="no_wa" value="" placeholder="08xxxxxxxx"> 165 </div> 166 </div> 167 <div class="col-md-3 px-md-1"> 168 169 <label for="type_id">ID Card</label> 170 <select name="type_id" id="type_id" class="form-control"> 171 <option value="NO CARD">NO CARD</option> 172 <option value="SIM">SIM</option> 173 <option value="Passport">Passport</option> 174 <option value="e-Card / UMID">e-Card / UMID</option> 175 <option value="Other valid government-issued IDs">Other valid government-issued IDs</option> 176 </select> 177 </div> 178 <div class="col-md-5 ps-md-1"> 179 <label for="no_ktp">ID Card Number</label> 180 <input type="text" id="no_ktp" name="no_ktp" class="form-control" value=""> 181 </div> 182 </div> 183 184 <div class="row mb-3"> 185 <div class="col-md-6 pe-md-1"> 186 <label for="password1">Password</label> 187 <div class="wrap-input100 validate-input input-group mb-1"> 188 <a href="javascript:void(0);" class="input-group-text bg-white text-muted border-end-0"> 189 <i class="fa fa-lock"></i> 190 </a> 191 <input type="password" class="form-control form-control-user border-start-0 border-end-0" id="Password1" name="password1" placeholder="â¢â¢â¢â¢â¢â¢â¢â¢"> 192 <a href="javascript:void(0);" class="input-group-text bg-white text-muted border-start-0 toggle-password" onclick="togglePasswordVisibility('Password1', 'togglePasswordIcon1')"> 193 <i class="fa fa-eye" id="togglePasswordIcon1"></i> 194 </a> 195 </div> 196 </div> 197 <div class="col-md-6 ps-md-1"> 198 <label for="password2">Confirm Password</label> 199 <div class="wrap-input100 validate-input input-group mb-1"> 200 <a href="javascript:void(0);" class="input-group-text bg-white text-muted border-end-0"> 201 <i class="fa fa-lock"></i> 202 </a> 203 <input type="password" class="form-control form-control-user border-start-0 border-end-0" id="Password2" name="password2" placeholder="â¢â¢â¢â¢â¢â¢â¢â¢"> 204 <a href="javascript:void(0);" class="input-group-text bg-white text-muted border-start-0 toggle-password" onclick="togglePasswordVisibility('Password2', 'togglePasswordIcon2')"> 205 <i class="fa fa-eye" id="togglePasswordIcon2"></i> 206 </a> 207 </div> 208 </div> 209 </div> 210 <div class="row mb-3"> 211 <div class="col-12"> 212 <label for="coverage">Coverage</label> 213 <select name="coverage" id="coverage" class="form-control select2" onChange="selectcoverage(this);" required> 214 <option value="">Select</option> 215 <option value="66">MALABAN </option> 216 <option value="67">CASILE </option> 217 <option value="68">SAN ANTONIO </option> 218 <option value="69">SINALHAN </option> 219 <option value="70">DARASA </option> 220 <option value="71">THE GRANARY </option> 221 <option value="72">AMIRA </option> 222 </select> 223 </div> 224 </div> 225 <div class="loading"></div> 226 <div class="row mb-3"> 227 <div class="col-12"> 228 <label for="paket">Package</label> 229 <select name="paket" id="datap
229ackage" class="form-control datapackage" required> 230 231 </select> 232 </div> 233 </div> 234 235 236 <div class="row mb-3"> 237 <div class="col-12"> 238 <label for="address">Address</label> 239 <textarea id="address" autocomplete="off" name="address" class="form-control" rows="3"></textarea> 240 </div> 241 </div> 242 243 244 <div class="row mb-3"> 245 <div class="col-12"> 246 <div id="mapid" style="width: 100%;"></div> 247 </div> 248 </div> 249 <div class="row mb-3"> 250 <div class="col-md-6 pe-md-1"> 251 <label for="lat">Latitude</label> 252 <input type="text" id="lat" name="lat" class="form-control" readonly> 253 </div> 254 <div class="col-md-6 ps-md-1"> 255 <label for="long">Longitude</label> 256 <input type="text" id="long" name="long" class="form-control" readonly> 257 </div> 258 </div> 259 <style> 260 .random-string { 261 background-color: #007bff; 262 color: white; 263 text-align: center; 264 padding: 8px; 265 border-radius: 5px; 266 } 267 </style> 268 <div class="row mb-3"> 269 <div class="col-md-6 pe-md-1"> 270 <div class="random-string"> 4S01SN </div> 271 </div> 272 <div class="col-md-6 ps-md-1"> 273 <input type="text" class="form-control form-control-user" id="captcha" name="captcha" placeholder="Captcha"> 274 </div> 275 </div> 276 <div class="row mb-3"> 277 <div class="col-12 d-flex align-items-center"> 278 <input type="checkbox" class="me-2" required> 279 <label class="mb-0 text-muted">I Agree <a href="https://ppcfc.com/front/terms" class="text-primary" style="text-decoration: none;">Terms and Conditions</a> & <a href="https://ppcfc.com/front/policy" class="text-primary" style="text-decoration: none;">Privacy Policy</a></label> 280 </div> 281 </div> 282 283 284 <button class="btn btn-primary btn-block mb-3" type="submit">Sign up</button> 285 <div class="text-center mt-3"> 286 <p class="mb-0 text-muted"><span class="text-muted">Already have an account?</span> <a href="https://ppcfc.com/auth" class="text-primary font-weight-bold">Sign In</a></p> 287 </div> 288 </form> 289 </div> 290 291 </div> 292 </div> 293 </div> 294 295 296 </div> 297 </div> 298 </div> 299 </div> 300 </div> 301 </div> 302 </div> 303 </div> 304 </div> 305 </div> 306 307 <!-- JQuery min js --> 308
308<script src="https://ppcfc.com//assets/backend/assets/plugins/jquery/jquery.min.js"></script>
308 309 310 <!-- Bootstrap js --> 311
311<script src="https://ppcfc.com//assets/backend/assets/plugins/bootstrap/js/popper.min.js"></script>
311 312
312<script src="https://ppcfc.com//assets/backend/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
312 313 314 <!-- Moment js --> 315
315<script src="https://ppcfc.com//assets/backend/assets/plugins/moment/moment.js"></script>
315 316 317 <!-- eva-icons js --> 318
318<script src="https://ppcfc.com//assets/backend/assets/js/eva-icons.min.js"></script>
318 319 320 <!-- generate-otp js --> 321
321<script src="https://ppcfc.com//assets/backend/assets/js/generate-otp.js"></script>
321 322 323 <!--Internal Perfect-scrollbar js --> 324
324<script src="https://ppcfc.com//assets/backend/assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
324 325 326 <!-- Theme Color js --> 327
327<script src="https://ppcfc.com//assets/backend/assets/js/themecolor.js"></script>
327 328 329 <!-- custom js --> 330
330<script src="https://ppcfc.com//assets/backend/assets/js/custom.js"></script>
330 331 332</body> 333 334</html> 335 336 337
338<script> 339 function selectcoverage(sel) { 340 var coverage = $('#coverage').val(); 341 if (coverage == '') { 342 Swal.fire({ 343 icon: 'error', 344 html: 'Area tidak boleh kosong', 345 showConfirmButton: true, 346 }) 347 348 $('#datapackage').html(''); 349 } else { 350 var url = "https://ppcfc.com/coverage/getpackagebycoverage" + "/" + Math.random(); 351 $.ajax({ 352 type: 'POST', 353 url: url, 354 data: "&coverage=" + coverage, 355 cache: false, 356 beforeSend: function() { 357 $('.loading').html(` <div class="container"> 358<div class="text-center"> 359 <div class="spinner-border text-primary" style="width: 5rem; height: 5rem;" role="status"> 360 <span class="sr-only">Loading...</span> 361 </div> 362</div> 363</div>`); 364 }, 365 success: function(data) { 366 $('.loading').html(''); 367 $('#datapackage').html(data); 368 } 369 }); 370 return false; 371 } 372 373 374 } 375</script>
vendor: 1 bytes, line 375
375
376<script> 377 var company = "R.NET NETWORK AND DATA SOLUTION"; 378 var lat = "-3.469557"; 379 var long = "117.026367"; 380 381 382 383 var latlngs = [ 384 // [ 385 // [45.51, -122.68], 386 // [37.77, -122.43], 387 // [34.04, -118.2], 388 // [22.75, -109.7], 389 // [18.47, -104.99], 390 // [36.03, -88.67], 391 // [45.51, -122.68], 392 // ], 393 // [ 394 // [40.78, -73.91], 395 // [41.83, -87.62], 396 // [32.76, -96.72] 397 // ] 398 ]; 399 400 401 var cities = L.layerGroup(); 402 403 404 var mbAttr = 'Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>'; 405 var mbUrl = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1Ijoiam9uYXNicnlhbjIwMTQiLCJhIjoiY2x3MHU1aXZ2MDQ3aTJxbDg5cnlvYjB1biJ9.Sty2_iAGmLzS1_c9SQ_MEg'; 406 407 var streets = L.tileLayer(mbUrl, { 408 id: 'mapbox/streets-v11', 409 tileSize: 512, 410 zoomOffset: -1, 411 // attribution: mbAttr 412 }); 413 414 var osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 415 maxZoom: 19, 416 attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' 417 }); 418 var mymap = L.map('mapid', { 419 center: [lat, long], 420 zoom: 5, 421 422 layers: [osm, cities], 423 fullscreenControl: true, 424 // OR 425 fullscreenControl: { 426 pseudoFullscreen: false // if true, fullscreen to page width and height 427 } 428 }); 429 430 var baseLayers = { 431 'OpenStreetMap': osm, 432 'Streets': streets 433 }; 434 var overlays = { 435 // 'Cities': cities, 436 // 'Cities': cities 437 }; 438 439 var layerControl = L.control.layers(baseLayers, overlays).addTo(mymap); 440 441 setTimeout(function() { mymap.invalidateSize(); }, 500); 442 443 var satellite = L.tileLayer(mbUrl, { 444 id: 'mapbox/satellite-v9', 445 tileSize: 512, 446 zoomOffset: -1, 447 // attribution: mbAttr 448 }); 449 layerControl.addBaseLayer(satellite, 'Satellite'); 450 451 function onLocationFound(e) { 452 453 var url = "https://ppcfc.com/coverage/getcoverage/"; 454 $.ajax({ 455 url: url, 456 type: "GET", 457 dataType: "json", 458 459 success: function(data) { 460 data.forEach(function(data, index) { 461 var yourlocation = [data['latitude'], data['longitude']]; 462 /* Menghitung jarak antar 2 koordinat dengan satuan km 463 Untuk satuan meter tidak perlu dibagi 1000 */ 464 var distance = (L.latLng(e.latlng).distanceTo(yourlocation) / 1000).toFixed(2); 465 466 var radius = (e.accuracy / 2).toFixed(1); 467 468 // Membuat marker sesuai koordinat lokasi 469 // locationMarker = L.marker(e.latlng); 470 locationMarker.addTo(mymap); 471 locationMarker.bindPopup("<p class='text-center'>Your location"); 472 locationMarker.openPopup(); 473 474 // Membuat garis antara koordinat lokasi dengan puncak merapi 475 var latlongline = [e.latlng, yourlocation]; 476 var polyline = L.polyline(latlongline, { 477 color: 'blue', 478 weight: 5, 479 opacity: 0.7, 480 }); 481 latt = e.latlng.lat; 482 lonn = e.latlng.lng; 483 // polyline.addTo(mymap); 484 var markernow = L.marker([data['latitude'], data['longitude']]).addTo(mymap) 485 .bindPopup('<h5 class="mb-0 mt-0 pb-0" style="text-align:center;">Area : ' + data['c_name'] + ' </h5><hr class=" mb-1 mt-2" color="blue" style="height:3px;box-shadow:2px 2px 2px black;" />' + 486 '<span class="text-center mb-0 mt-2"> Berjarak ' + distance + ' Km dari lokasi anda</span>' + 487 '<p class="mt-1"> Alamat : ' + data['address'] + '<br> <a href="https://www.google.com/maps/dir/' + latt + ',' + lonn + '/' + data['latitude'] + ',' + data['longitude'] + '/" target="blank">Directions </a> '); 488 var popup = L.popup();
489 var radius = data['radius']; 490 L.circle([data['latitude'], data['longitude']], { 491 radius: radius, 492 color: 'blue', 493 fillColor: 'green', 494 fillOpacity: '0.1', 495 }).addTo(mymap); 496 }); 497 498 }, 499 error: function(data) { 500 // do something 501 } 502 }); 503 const locationMarker = L.marker(e.latlng).addTo(mymap) 504 .bindPopup(`Your location`).openPopup(); 505 506 const locationCircle = L.circle(e.latlng).addTo(mymap); 507 } 508 509 var polyline = L.polyline(latlngs, { 510 color: 'red' 511 }).addTo(mymap); 512 513 514 515 516 function onLocationError(e) { 517 // alert(e.message); 518 } 519 520 mymap.on('locationfound', onLocationFound); 521 // mymap.on('locationerror', onLocationError); 522 L.control.locate({ 523 position: 'topleft', 524 showCompass: true, 525 showPopup: false, 526 }).addTo(mymap); 527 528 mymap.locate({ 529 setView: true, 530 maxZoom: 16 531 }); 532 533 function onMapClick(e) { 534 535 latt = e.latlng.lat; 536 lonn = e.latlng.lng; 537 //Clear existing marker, a 538 539 if (theMarker != undefined) { 540 mymap.removeLayer(theMarker); 541 // mymap.removeLayer(locationMarker); 542 }; 543 544 //Add a marker to show where you clicked. 545 theMarker = L.marker([latt, lonn]).addTo(mymap); 546 547 $("#long").val(e.latlng.lng); 548 $("#lat").val(e.latlng.lat); 549 } 550 var theMarker = {}; 551 mymap.on('click', onMapClick); 552</script>
vendor: 1 bytes, line 552
552
553<script> 554 function togglePasswordVisibility(inputId, iconId) { 555 var passwordInput = document.getElementById(inputId); 556 var toggleIcon = document.getElementById(iconId); 557 if (passwordInput.type === "password") { 558 passwordInput.type = "text"; 559 toggleIcon.classList.remove("fa-eye"); 560 toggleIcon.classList.add("fa-eye-slash"); 561 } else { 562 passwordInput.type = "password"; 563 toggleIcon.classList.remove("fa-eye-slash"); 564 toggleIcon.classList.add("fa-eye"); 565 } 566 } 567</script>
567
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.