206 lines
15 KiB
PHP
206 lines
15 KiB
PHP
<div class="modal fade bd-extend-modal-lg" id="modal-extend" tabindex="-1" role="dialog" data-bs-backdrop="static" data-keyboard="false">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="card-title">Perpanjang Member</h4>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal">
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="custom-tab-1">
|
|
<ul class="nav nav-tabs">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-bs-toggle="tab" href="#ext-data"><i class="la la-user me-2"></i>Data Pengunjung</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#ext-vehicle"><i class="la la-home me-2"></i> Data Kendaraan</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="tab" href="#ext-card"><i class="la la-phone me-2"></i>Data Akses</a>
|
|
</li>
|
|
</ul>
|
|
<form class="extend-member" id="extend-member" action="{{ route('member.store')}}">
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade show active" id="ext-data" role="tabpanel">
|
|
<div class="pt-4">
|
|
<div class="row">
|
|
<div class="col-xl-6">
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">No. Transaksi</label>
|
|
<div class="col-lg-8">
|
|
<input type="text" class="form-control form-control-sm notransnya" name="notrans" readonly>
|
|
<input type="hidden" class="form-control"readonly>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">Jenis Transaksi</label>
|
|
<div class="col-lg-8">
|
|
<input type="text" class="form-control form-control-sm" value="PERPANJANG" readonly>
|
|
<input type="hidden" class="form-control" name="jenis_transaksi" value="1" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label required">Nama</label>
|
|
<div class="col-lg-8">
|
|
<input type="text" class="form-control form-control-sm namanya" name="nama" value="" required>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">Alamat</label>
|
|
<div class="col-lg-8">
|
|
<textarea type="text" class="form-control form-control-sm address" rows="3" name="address" value="" ></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">Telepon</label>
|
|
<div class="col-lg-8">
|
|
<input type="text" inputmode="tel" class="form-control form-control-sm" name="phone" value="{{ old('phone')}}">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label required">Periode :</label>
|
|
<div class="col-lg-8">
|
|
<input type="text" class="form-control form-control-sm input-daterange-timepicker-ext" id="periode-ext" name="periode" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6">
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">Jenis Langganan</label>
|
|
<div class="col-lg-6">
|
|
<select class="form-select" name="member" id="ext-jenisLang">
|
|
<option selected value="">Pilih Jenis</option>
|
|
@foreach ($memberSelect as $member)
|
|
<option value="{{ $member->id }}">{{ $member->nama }}</option>
|
|
@endforeach
|
|
</select>
|
|
<input type="hidden" name="member" id="ext-jenisLang-value">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">Jenis Member</label>
|
|
<div class="col-lg-6">
|
|
<select class="form-select" name="depart" id="ext-department">
|
|
<option selected value="">Pilih Departemen</option>
|
|
@foreach ($departmentSelect as $department)
|
|
<option value="{{ $department->kode }}">{{ $department->nama }}</option>
|
|
@endforeach
|
|
</select>
|
|
<input type="hidden" name="depart" id="ext-department-value">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">Note :</label>
|
|
<div class="col-lg-6">
|
|
<input type="text" class="form-control form-control-sm" name="note" placeholder="Catatan...">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label">Harga (Rp.):</label>
|
|
<div class="col-lg-6">
|
|
<input type="text" class="form-control form-control-sm harga" name="harga">
|
|
</div>
|
|
</div>
|
|
{{-- <div class="mb-3 row">
|
|
<label class="col-lg-3 col-form-label form-label required">Best Skill</label>
|
|
<div class="col-lg-6">
|
|
<select class="default-select wide form-control" id="validationCustom05">
|
|
<option data-display="Select">Please select</option>
|
|
<option value="html">HTML</option>
|
|
<option value="css">CSS</option>
|
|
</select>
|
|
</div>
|
|
</div> --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="ext-vehicle">
|
|
<div class="pt-4">
|
|
<h4>Tambahkan Kendaraan</h4>
|
|
<div class="row form-material">
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<label class="form-label">Nomer Polisi</label>
|
|
<input type="text" class="form-control form-control-sm ext-nopol-add" onkeyup="this.value = this.value.toUpperCase();" placeholder="No. Polisi">
|
|
<div class="invalid-feedback">Nomer Polisi sudah ada</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<label class="form-label">Jenis Kendaraan :</label>
|
|
<select class="form-select" id="jenisVehicleExt">
|
|
<option selected value="">Jenis Kendaraan</option>
|
|
@foreach ($vehicleSelect as $kendaraan)
|
|
<option value="{{ $kendaraan->id }}">{{ $kendaraan->nama }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<label class="form-label">Jenis Member :</label>
|
|
<select class="form-select member" id="jenisMemberExt">
|
|
</select>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<label class="form-label">Merk : </label>
|
|
<input type="text" class="form-control form-control-sm merkExt" onkeyup="this.value = this.value.toUpperCase();" placeholder="Honda...">
|
|
</div>
|
|
<div class="col-xl-3 col-md-6 mb-3">
|
|
<label class="form-label"></label>
|
|
<button type="button" id="ext-nopol-add" class="btn btn-primary btn-xs">Tambah</button>
|
|
</div>
|
|
<hr>
|
|
<table class="">
|
|
<thead>
|
|
<tr>
|
|
<th class="col-2 text-center p-2">Nomer Polisi</th>
|
|
<th class="col-2 text-center">Jenis Kendaraan</th>
|
|
<th class="col-2 text-center">Type Member</th>
|
|
<th class="col-2 text-center">Merk Kendaraan</th>
|
|
<th class="col-2 text-center">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="list-nopol-ext">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="ext-card">
|
|
<div class="pt-4">
|
|
<h4>Tambahkan Kartu</h4>
|
|
<div class="row form-material">
|
|
<div class="col-xl-6 col-md-6 mb-3">
|
|
<label class="form-label">Nomer Kartu</label>
|
|
<input type="text" class="form-control form-control-sm kartu" placeholder="01234567...">
|
|
</div>
|
|
<div class="col-xl-6 col-md-6 mb-3">
|
|
<label class="form-label">Nomer Urut</label>
|
|
<input type="text" class="form-control form-control-sm nourut" placeholder="01234567...">
|
|
</div>
|
|
<hr>
|
|
{{-- <div class="table-responsive"> --}}
|
|
<table class="table-basic">
|
|
<thead>
|
|
<tr>
|
|
<th class="col-5 text-center p-2" >Nomer Kartu</th>
|
|
<th class="col-5 text-center">No. Urut</th>
|
|
<th class="col-2 text-center">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="list-card-ext">
|
|
</tbody>
|
|
</table>
|
|
{{-- </div> --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary simpan-ext">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|