Anons79 Mini Shell
Anons79 Mini Shell
| Directory : /home/aplikasiposinfo/www/derfacell.fixmate.id/resources/views/service/ |
| Current File : /home/aplikasiposinfo/www/derfacell.fixmate.id/resources/views/service/guest.blade.php |
{{-- <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>{{ env('APP_NAME') }}</title>
<!-- Favicon-->
<link rel="icon" href="{{ url('material') }}/favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet"
type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link href="{{ url('material') }}/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<!--jquary-->
<script src="{{ url('https://code.jquery.com/jquery-2.2.4.js') }}"
integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<!-- Waves Effect Css -->
<link href="{{ url('material') }}/plugins/node-waves/waves.css" rel="stylesheet" />
<!-- Animation Css -->
<link href="{{ url('material') }}/plugins/animate-css/animate.css" rel="stylesheet" />
<!-- Morris Chart Css-->
<link href="{{ url('material') }}/plugins/morrisjs/morris.css" rel="stylesheet" />
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
<link href="{{ url('material') }}/css/themes/all-themes.css" rel="stylesheet" />
<link href="{{ url('material') }}/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
<style>
body {
width: 70%;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body class="login-page"> --}}
@extends('layouts.app')
@section('content')
@push('scripts')
<link rel="stylesheet" href="{{ asset('material/plugins/pattern-lock/dist/patternlock.min.css') }}">
@endpush
<div class="col-md-12">
<div class="card">
<form action="{{ route('service.guest.store') }}" method="POST">
@csrf
<div class=" row clearfix">
<div class=" col-md-6">
<div class="">
<div class="body">
<h1 class="h3 mb-3 font-weight-normal"
style="color:#9e35af;font-weight:bolder;font-size:3.5em">
Service Pelanggan</h1>
<a href="/" class="btn btn-warning">Kembali</a>
<h2 class="card-inside-title">Pelanggan</h2>
<div class="row clearfix">
<div class="col-sm-12 col-md-12">
<div id="form_pelanggan">
<div class="form-group">
<div class="form-line">
<input type="text" name="nama" id="nama_pelanggan"
class="form-control" placeholder="Nama" required
value="{{ old('nama',@$datas->pelanggan->nama_pelanggan ?? @$data_konsultasi->nama_pelanggan) }}">
</div>
</div>
<div class="form-group">
<div class="form-line">
<label for="kontak">Kontak Pelanggan</label>
<input type="text" name="kontak" id="kontak" class="form-control"
placeholder="Kontak" required
value="{{ old('kontak',@$datas->pelanggan->telp_pelanggan ?? @$data_konsultasi->telp_pelanggan) }}">
</div>
</div>
<div class="form-group ">
<div class="form-line">
<label for="kecamatan_pelanggan">Kecamatan Pelanggan</label>
<select class="form-control" id="kecamatan_pelanggan"
name="kecamatan_pelanggan" class="selectpicker"
data-live-search="true" required>
<option value="">Masukan Kecamatan</option>
@if (isset($datas))
<option
value="{{ $datas->pelanggan->kecamatan_pelanggan }}"selected>
{{ $datas->pelanggan->kecamatan_pelanggan }}</option>
@endif
@if (isset($data_konsultasi))
@php
$parts = explode(
'/',
$data_konsultasi->kota_kecamatan_pelanggan,
);
$kecamatan = isset($parts[1]) ? trim($parts[1]) : null;
@endphp
<option value="{{ $kecamatan }}"selected>
{{ $kecamatan }}</option>
@endif
</select>
</div>
</div>
<div class="form-group">
<div class="form-line">
<label for="alamat_pelanggan">Alamat Pelanggan</label>
<input type="text" name="alamat" id="alamat_pelanggan"
class="form-control" placeholder="Alamat" required
value="{{ old('alamat',@$datas->pelanggan->alamat_pelanggan ?? @$data_konsultasi->alamat_pelanggan) }}">
</div>
</div>
<h2 class="card-inside-title">Detail Gadget</h2>
<div class="form-group ">
<div class="form-line">
<label for="Merk">Merk Handphone</label>
<select class="form-control" name="merk" id="merk">
@foreach ($merk as $data)
<option value="{{ $data->nama_merk }}"
@if ($data->nama_merk === old('alamat',@$data_konsultasi['merk'])) selected @endif>
{{ $data->nama_merk }}
</option>
@endforeach
</select>
</div>
</div>
<div class="form-group ">
<div class="form-line">
<input type="text" name="tipe" class="form-control"
placeholder="Tipe" required
value="{{ old('tipe',@$data_konsultasi->tipe_hp) }}">
</div>
</div>
<div class="form-group ">
<div class="form-line">
<input type="text" name="imei1" class="form-control"
placeholder="IMEI 1"
value="{{ old('imei1',@$data_konsultasi->imei1) }}"
onKeyPress="if(this.value.length==15) return false;">
</div>
</div>
<div class="form-group ">
<div class="form-line">
<input type="text" name="imei2" class="form-control"
placeholder="IMEI 2"
value="{{ old('imei2',@$data_konsultasi->imei2) }}"
onKeyPress="if(this.value.length==15) return false;">
</div>
</div>
<div class="form-group ">
<div class="form-line">
<input type="text" name="color" class="form-control"
required value="{{ old('color',@$data_konsultasi->color) }}"
placeholder="Warna HandPhone">
</div>
</div>
<div class="form-group ">
<div class="form-line">
<label for="lama_pemakaian">Lama Pemakaian Handphone</label>
<input type="text" name="lama_pemakaian" id="lama_pemakaian"
value="{{ old('lama_pemakaian',@$data_konsultasi->lama_pemakaian) }}"
class="form-control" placeholder=" Lama Pemakaian">
</div>
</div>
<div class="form-group ">
<label class="card-inside-title">Apakah Handphone Pernah diservis
sebelumnya?</label>
<div class="form-line">
<input name="riwayat_servis" type="radio" id="radio_3"
value='Pernah'>
<label for="radio_3">Pernah</label>
<input name="riwayat_servis" type="radio" id="radio_4"
value='Tidak Pernah' checked>
<label for="radio_4">Tidak Pernah</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<div class="">
<div class="header">
<h2>
Detail Service
</h2>
</div>
<div class="body">
<div class="row clearfix">
<div class="col-sm-12 col-md-12">
<div class="form-group my-2">
<div class="form-line">
<h4 class="card-inside-title">Untuk Klaim Garansi</h4>
<input name="garansi" type="radio" id="radio_1" value='1'>
<label for="radio_1">Ya</label>
<input name="garansi" type="radio" id="radio_2" value='0'
checked>
<label for="radio_2">Tidak</label>
</div>
</div>
<div class="form-group my-2">
<div class="form-line">
<h4 class="card-inside-title">Kerusakan</h4>
@foreach ($list_kerusakan as $key => $list)
<input type="checkbox" id="md_checkbox_{{ $key }}"
class="filled-in chk-col-red" name="kerusakan[]"
value="{{ $list[0] }}"
@if (isset($datas)) @if (in_array($list[0], $kerusakan)) checked @endif
@endif />
<label
for="md_checkbox_{{ $key }}">{{ $list[1] }}</label>
@endforeach
<!-- <input type="text" name="kerusakan" class="form-control" class="form-control" placeholder="Kerusakan" required> -->
</div>
</div>
<div class="form-group my-2">
<div class="form-line">
<h4 class="card-inside-title">Kelengkapan</h4>
@foreach ($list_kelengkapan as $key => $list)
<input type="checkbox"
id="md_checkbox_kelengkapan_{{ $key }}"
class="filled-in chk-col-red" name="kelengkapan[]"
value="{{ $list[0] }}"
@if (isset($datas)) @if (in_array($list[0], $kelengkapan)) checked @endif
@endif/>
<label
for="md_checkbox_kelengkapan_{{ $key }}">{{ $list[1] }}</label>
@endforeach
<!-- <input type="text" name="kelengkapan" class="form-control" class="form-control" placeholder="Kelengkapan" required> -->
</div>
</div>
<div class="form-group my-3">
<div class="form-line">
<label for="deskripsi">Deskripsi Kerusakan</label>
<input type="text" name="deskripsi" class="form-control"
class="form-control"
placeholder="Deskripsi"@if (isset($data_konsultasi)) value="{{ $data_konsultasi->keluhan }}" @endif
required>
</div>
</div>
<div class="form-group">
<div class="form-line" style="width: 300px">
<label for="lock">Pola </label>
@if (old('pola') != "")
{!! old('pola') !!}
@else
<svg class="patternlock" id="lock" viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg">
<g class="lock-actives"></g>
<g class="lock-lines"></g>
<g class="lock-dots">
<circle cx="20" cy="20" r="2" />
<circle cx="50" cy="20" r="2" />
<circle cx="80" cy="20" r="2" />
<circle cx="20" cy="50" r="2" />
<circle cx="50" cy="50" r="2" />
<circle cx="80" cy="50" r="2" />
<circle cx="20" cy="80" r="2" />
<circle cx="50" cy="80" r="2" />
<circle cx="80" cy="80" r="2" />
</g>
</svg>
@endif
<input type="hidden" name="pola" id="pola">
</div>
</div>
<div class="form-group">
<div class="form-line">
<label for="lama_pemakaian">Pin Handpone</label>
<input type="text" name="pin" id="pin" class="form-control"
value="{{ old('pin',@$datas->pin) }}"
placeholder=" Masukan pin">
</div>
</div>
<div class="form-group">
<div class="form-line">
<label for="biaya">Biaya Service</label>
<input type="text" id="biaya" name="biaya"
class="form-control money-rupiah" id="biaya" class="form-control"
value="{{ old('biaya',@$datas->biaya) }}"
placeholder="Biaya Service" required>
</div>
</div>
<div class="form-group my-5">
<button type="submit" class="btn btn-success"
style="width:100%;background:#9e35af;border:none;">Lanjutkan</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<script>
function validateForm() {
var checkbox = document.getElementById("setuju");
if (!checkbox.checked) {
alert("Harap setujui syarat dan ketentuan.");
return false; // Prevent form submission
}
// Proceed with form submission if the checkbox is checked
return true;
}
</script>
<!-- Jquery Core Js -->
@push('scripts')
<!-- pattern-lock Js -->
<script src="{{ asset('material/plugins/pattern-lock/dist/patternlock.js') }}" charset="utf-8"></script>
<script>
var lock = new PatternLock("#lock", {
onPattern: function(pattern) {
var svg = document.querySelector("#lock ");
if (svg) {
var svgString = new XMLSerializer().serializeToString(svg);
$('#pola').val(svgString);
}
}
});
</script>
<!-- pattern-lock Js -->
<script>
$(document).ready(function() {
$(document).on('keyup', '.bs-searchbox input', function(e) {
var searchData = e.target.value;
$.ajax({
type: 'GET',
url: 'https://alamat.thecloudalert.com/api/cari/index/?keyword=' + searchData,
success: function(data) {
// $('.kecamatan-wrapper select #kecamatan_pelanggan').empty();
var uniqueKecamatan = [];
var uniqueKabkota = [];
var uniqueProvinsi = [];
for (var i = 0; i < data.result.length; i++) {
var kecamatan = data.result[i].kecamatan;
var kabkota = data.result[i].kabkota;
var provinsi = data.result[i].provinsi;
if (uniqueKecamatan.indexOf(kecamatan) === -1) {
uniqueKecamatan.push(kecamatan);
uniqueProvinsi.push(provinsi);
uniqueKabkota.push(kabkota);
}
}
$('#kecamatan_pelanggan').empty();
for (var j = 0; j < uniqueKecamatan.length; j++) {
$('#kecamatan_pelanggan').append('<option value="' +
uniqueKecamatan[
j] + '">' + uniqueProvinsi[j] + ' , ' + uniqueKabkota[
j] + ' , ' + uniqueKecamatan[j] + '</option>');
}
$('#kecamatan_pelanggan').selectpicker('refresh');
},
error: function(error) {
console.log(error);
}
});
});
});
</script>
@endpush
@endsection
{{-- </body>
</html> --}}