@extends('layout')
@section('title')
	Perluasan Jaringan | {{env('APP_NAME')}}
@endsection
@section('content')
<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
	<!-- begin:: Subheader -->
	<div class="kt-subheader   kt-grid__item" id="kt_subheader">
		<div class="kt-container  kt-container--fluid ">
			<div class="kt-subheader__main">
				<h3 class="kt-subheader__title">
					Perluasan Jaringan </h3>
				<span class="kt-subheader__separator kt-hidden"></span>
			</div>
			
		</div>
	</div>

	<!-- end:: Subheader -->

	<!-- begin:: Content -->
	<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">

		<!--begin::Portlet-->
		<div class="row">
			<div class="col-12">
				<div class="kt-portlet kt-portlet--mobile {{($data == null) ? '' : 'kt-hide'}}" id="data">
					<div class="kt-portlet__head kt-portlet__head--lg">
						<div class="kt-portlet__head-label">
							<span class="kt-portlet__head-icon">
								<i class="la la-calendar kt-font-success"></i>
							</span>
							<h3 class="kt-portlet__head-title">
								<span>
									<b>Entri Rab Jaringan</b>
								</span>
							</h3>
						</div>
						<div class="kt-portlet__head-toolbar">
							<div class="kt-portlet__head-wrapper">
								<div class="kt-portlet__head-actions">
									&nbsp;
								</div>
								<div class="kt-portlet__head-actions">
									<button class="btn btn-brand btn-sm" id="b_filter" data-toggle="modal">
									Filter
									</button>
								</div>
							</div>
						</div>
					</div>
					
					<div class="kt-portlet__body" id="body1">
						<div class="kt-section" id="">
							<div class="kt-section__content">
								<table class="table table-striped- table-bordered table-hover table-checkable" id="tabel">
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-12">
				<div class="kt-portlet kt-portlet--mobile {{($data == null) ? 'kt-hide' : ''}}" id="form">
					<div class="kt-portlet__head">
						<div class="kt-portlet__head-label">
							<h3 class="kt-portlet__head-title">
								<span>
									Form {{($data == null) ? 'Tambah' : 'Edit'}} RAB Jaringan
								</span>
							</h3>
						</div>
					</div>
					@if($data != null)
					<div class="kt-portlet__body">
						<div class="kt-section" id="">
							<div class="kt-section__content">
								<form class="kt-form kt-form--fit kt-form--label-align-right" method="post" action="{{route('rabjaringan-simpan')}}">
									<input type="hidden" name="_token" value="{{csrf_token()}}">
									<input type="hidden" name="tipe" value="{{($data == null) ? 1 : 2}}">
									@if($pb != null)
									<div class="row">
										<div class="col-md-10">
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>No RencanaPJ</label>
														<input type="text" class="form-control" name="no_rencanapj" value="{{$data->no_rencanapj}}" readonly>
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group">
														<label>No DaftarPB</label>
														<input type="text" class="form-control" name="no_daftarpb" value="{{$pb->no_daftarpb}}" readonly>
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group">
														<label>No Agenda</label>
														<input type="text" class="form-control" name="no_agenda" value="{{$data->no_agenda}}" readonly>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>Nama</label>
														<input type="text" class="form-control" name="nama" value="{{$data->nama}}" readonly>
													</div>
												</div>
												<div class="col-md-8">
													<div class="form-group">
														<label>Jenis Pekerjaan</label>
														<input type="text" class="form-control" name="uraian_pekerjaan" value="{{$data->uraian_pekerjaan}}" readonly>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>Jalan</label>
														<input type="text" class="form-control" name="jalan" value="{{$pb->pbdata->jalan}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>Gang</label>
														<input type="text" class="form-control" name="gang" value="{{$pb->pbdata->gang}}" readonly>
													</div>
												</div>
												<div class="col-md-1">
													<div class="form-group">
														<label>Nomor</label>
														<input type="text" class="form-control" name="nomor" value="{{$pb->pbdata->nomor}}" readonly>
													</div>
												</div>
												<div class="col-md-1">
													<div class="form-group">
														<label>Notamb</label>
														<input type="text" class="form-control" name="notamb" value="{{$pb->pbdata->notamb}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>Kelurahan</label>
														<input type="text" class="form-control" name="notamb" value="{{$pb->pbdata->kecamatan.''.$pb->pbdata->kelurahan}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>Zona</label>
														<input type="text" class="form-control" name="notamb" value="{{$pb->pbdata->zona}}" readonly>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>Nama Pemohon</label>
														<input type="text" class="form-control" name="nama" value="{{$pb->pbdata->nama}}" readonly>
													</div>
												</div>
												<div class="col-md-6">
													<div class="form-group">
														<label>Alamat Pemohon</label>
														<input type="text" class="form-control" name="alamat_pemohon" value="{{$pb->pbdata->alamat_pemohon}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>Kd Tarif</label>
														<input type="text" class="form-control" name="jns_tarif" value="{{$data->jns_tarif}}" readonly>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>Petugas</label>
														<input type="text" class="form-control" name="ptg" value="{{$data->kd_ptgsurvey.'-'.$data->ptgsurvey->nama}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>L. Tanah</label>
														<input type="text" class="form-control" name="luas_tanah" value="{{$data->luas_tanah}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>T. Air</label>
														<input type="text" class="form-control" name="tekanan_air" value="{{$data->tekanan_air}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>Tgl Daftar</label>
														<input type="text" class="form-control" name="tgl_daftarpb" value="{{date('Y-m-d',strtotime($pb->tgl_daftarpb))}}" readonly>
													</div>
												</div>
												<div class="col-md-2">
													<div class="form-group">
														<label>Tgl SerahBon</label>
														<input type="text" class="form-control" name="tgl_serahbon" value="{{date('Y-m-d', strtotime($pb->tgl_serahbon))}}" readonly>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-2" style="border: solid; border-width: 2px; border-radius: 5px;">
											<div class="form-group">
												<label>&nbsp;</label>
												<button type="button" class="btn btn-info btn-sm form-control" id="bmaterial" data-toggle="modal" onclick="dmaterial('{{$data->no_rencanapj}}')" style="margin-bottom: 5px;">Material</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bgalian" data-toggle="modal" onclick="dgalian('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Galian</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bangkutan" data-toggle="modal" onclick="dangkutan('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Angkutan</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bpekerjaan" data-toggle="modal" onclick="dpekerjaan('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Pekerjaan</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bpenampung" data-toggle="modal" onclick="dpenampung('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Bak Penampung</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="btekanan" data-toggle="modal" onclick="dtekanan('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Tes Tekanan</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bturap" data-toggle="modal" onclick="dturap('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Turap</button>
											</div>
										</div>
									</div>
									@else
									<div class="row">
										<div class="col-md-10">
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>No RencanaPJ</label>
														<input type="text" class="form-control" name="no_rencanapj" value="{{$data->no_rencanapj}}" readonly>
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group">
														<label>No Agenda</label>
														<input type="text" class="form-control" name="no_agenda" value="{{$data->no_agenda}}" readonly>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>Jenis Pekerjaan</label>
														<input type="text" class="form-control" name="uraian_pekerjaan" value="{{$data->uraian_pekerjaan}}" readonly>
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group">
														<label>No Surat</label>
														<input type="text" class="form-control" name="jalan" value="{{$surat->no_surat}}" readonly>
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group">
														<label>Pokok Surat</label>
														<input type="text" class="form-control" name="jalan" value="{{$surat->pokok_surat}}" readonly>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>Nama</label>
														<input type="text" class="form-control" name="nama" value="{{$data->nama}}" readonly>
													</div>
												</div>
												<div class="col-md-8">
													<div class="form-group">
														<label>Alamat Pemohon</label>
														<input type="text" class="form-control" name="alamat_pemohon" value="{{$surat->alamat}}" readonly>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-md-4">
													<div class="form-group">
														<label>Tgl Surat</label>
														<input type="text" class="form-control" name="nama" value="{{date('Y-m-d',strtotime($surat->tgl_surat))}}" readonly>
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group">
														<label>Tgl Agenda</label>
														<input type="text" class="form-control" name="nama" value="{{date('Y-m-d',strtotime($surat->tgl_agenda))}}" readonly>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-2" style="border: solid; border-width: 2px; border-radius: 5px;">
											<div class="form-group">
												<label>&nbsp;</label>
												<button type="button" class="btn btn-info btn-sm form-control" id="bmaterial" data-toggle="modal" onclick="dmaterial('{{$data->no_rencanapj}}')" style="margin-bottom: 5px;">Material</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bgalian" data-toggle="modal" onclick="dgalian('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Galian</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bangkutan" data-toggle="modal" onclick="dangkutan('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Angkutan</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bpekerjaan" data-toggle="modal" onclick="dpekerjaan('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Pekerjaan</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bpenampung" data-toggle="modal" onclick="dpenampung('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Bak Penampung</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="btekanan" data-toggle="modal" onclick="dtekanan('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Tes Tekanan</button>
												<button type="button" class="btn btn-info btn-sm form-control" id="bturap" data-toggle="modal" onclick="dturap('{{$data->no_rencanapj}}')" style="margin-bottom: 5px">Turap</button>
											</div>
										</div>
									</div>
									@endif
									
									<div class="row" style="border-bottom: solid; border-width: 2px;">
										&nbsp;
									</div>
									<div class="row">
										&nbsp;
									</div>

									<div class="row">
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Kolektif</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="kolektif" value="{{$data->kolektif}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Cara Buang</label>
												<div class="col-md-7">
													<select class="form-control" id="" style="width: 100%">
														<option value="1">1-Dekat Lokasi</option>
														<option value="2">2-Jauh</option>
													</select>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Tarif</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="jns_tarif" value="{{$data->jns_tarif}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Tekanan</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="tekanan_air" value="{{$data->tekanan_air}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Listrik</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="listrik" value="" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Kd Hasil Survey</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="kd_hslsurvey" value="{{$data->kd_hslsurvey .'-'. $data->hslsurveyjar->keterangan}}" readonly>
												</div>
											</div>
										</div>
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Pembersihan (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pembersihan" value="{{$data->rp_pembersihan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Persiapan Lahan Ukur (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_lahan_ukur" value="{{$data->rp_lahan_ukur}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Persiapan Rambu (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_rambu" value="{{$data->rp_rambu}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">BSI (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_bsi" value="{{$data->rp_bsi}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Lain-lain (Pelanggan)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_lain_pelanggan" value="{{$data->rp_lain_pelanggan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Lain-lain (PDAM)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_lain_pdam" value="{{$data->rp_lain_pdam}}" readonly>
												</div>
											</div>
										</div>
									</div>

									<div class="row" style="border-bottom: solid; border-width: 2px;">
										&nbsp;
									</div>
									<div class="row">
										&nbsp;
									</div>

									<div class="row">
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Perencanaan (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_perencanaan" value="{{$data->rp_perencanaan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Angkutan (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_angkutan" value="{{$data->rp_angkutan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Operasional (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_ops" value="{{$data->rp_ops}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">PPN (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="ppn" value="{{$data->ppn}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Total Biaya Plg (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pelanggan" value="{{$data->rp_pelanggan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Total Biaya PDAM (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pdam" value="{{$data->rp_pdam}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Tak Terduga (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_ttd" value="{{$data->rp_ttd}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Potongan (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pdam" value="{{$data->rp_pdam}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Nilai (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pdam" value="{{$data->rp_pdam}}" readonly>
												</div>
											</div>
										</div>
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Pengawas (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pengawas" value="{{$data->rp_pengawas}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Biaya Pekerjaan (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pekerjaan" value="{{$data->rp_pekerjaan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Pemasangan Pipa (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_pemasangan" value="{{$data->rp_pemasangan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">PPN Pipa (%)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" value="10" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">PPN Pasang Pipa (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_ppnpipa" value="{{$data->rp_ppnpipa}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Tgl Cetak RAB</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="tgl_rab" value="{{date('Y-m-d', strtotime($data->tgl_rab))}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">Total Biaya Sebelum Diskon (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_lain_pelanggan" value="{{$data->rp_lain_pelanggan}}" readonly>
												</div>
											</div>
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-5">PPN (Rp)</label>
												<div class="col-md-7">
													<input type="text" class="form-control" name="rp_lain_pelanggan" value="{{$data->rp_lain_pelanggan}}" readonly>
												</div>
											</div>
										</div>
									</div>

									<div class="row" style="border-bottom: solid; border-width: 2px;">
										&nbsp;
									</div>
									<div class="row">
										&nbsp;
									</div>

									<div class="form-group kt-form__group row">
										<div class="col-md-12" style="text-align: right">
											<button type="submit" class="btn btn-success">Simpan</button>
											<a href="{{route('angkutan-link')}}"><button type="button" id="kembali" class="btn btn-secondary">Kembali</button></a>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
					@endif
				</div>
			</div>
			
			<form class="modal fade" id="modal_material" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" method="post" action="{{route('rabjaringan-simpanmaterial')}}" target="">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<input type="hidden" name="no_rencanapj" value="{{$data->no_rencanapj or ''}}">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title">Material {{$data->no_rencanapj or ''}}</h5>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Material</label>
												<div class="col-md-8">
													<select class="form-control kt-select2" id="m_material" style="width: 100%">
														<option value="0">Pilih Material</option>
														@foreach($material as $r)
														<option value="{{$r->kd_material}}">{{$r->kd_material}} - {{$r->keterangan}}</option>
														@endforeach
													</select>
												</div>
											</div>
										</div>
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<div class="col-md-6">
													<input type="text" class="form-control kt-input kt-input--air" id="m_harga" value="" placeholder="Harga">
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control kt-input kt-input--air" id="m_beapasang" value="" placeholder="Bea Pasang">
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Jumlah</label>
												<div class="col-md-8">
													<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="m_jml" value="">
												</div>
											</div>
										</div>
										<div class="col-md-6">
											<div class="form-group kt-form__group row" style="margin-bottom: 10px">
												<label class="col-form-label col-md-4">Pembebanan</label>
												<div class="col-md-8">
													<select class="form-control kt-select2" id="m_beban" style="width: 100%">
														<option value="">Pilih Pembebanan</option>
														<option value="Beban Pelanggan">Beban Pelanggan</option>
														<option value="Beban PDAM">Beban PDAM</option>
													</select>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12" >
											<div class="form-group" style="text-align: right;">
												<label>&nbsp;</label>
												<div class="form-group-append">
													<button type="button" class="btn btn-brand btn-elevate btn-icon-sm btn-sm" id="addList">
														<i class="la la-plus"></i>
														Add
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<table class="table table-sm table-head-bg-brand" >
											<thead class="thead-light">
												<tr>
													<th>&nbsp;</th>
													<th>Kd Material</th>
													<th>Jumlah</th>
													<th>Harga</th>
													<th>RP Pasang</th>
													<th>RP Pengadaan</th>
													<th>Pembebanan</th>
													<th>Menu</th>
												</tr>
											</thead>
											<tbody id="m_tabel">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-sm btn-brand btn-info">Save</button>
							<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</form>
			<form class="modal fade" id="modal_galian" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" method="post" action="{{route('rabjaringan-simpangalian')}}" target="">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="">Galian</h5>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label>No RencanaPJ</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="g_no_rencanapj" name="g_no_rencanapj" value="{{$data->no_rencanapj or ''}}" readonly>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label>Jenis Galian</label>
												<select class="form-control kt-select2" id="g_jnsgal" style="width: 100%">
													<option value="">Pilih Jenis Galian</option>
													@foreach($jnsgal as $r)
													<option value="{{$r->kd_jnsgal}}">{{$r->kd_jnsgal}} - {{$r->keterangan}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-md-2">
											<div class="form-group">
												<label>DIM</label>
												<select class="form-control" id="g_dim" style="width: 100%">
													<option value="">Pilih Dim</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-4">
											<div class="form-group">
												<label>Jumlah</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="g_jml" value="">
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Pembebanan</label>
												<select class="form-control kt-select2" id="g_beban" style="width: 100%">
													<option value="">Pilih Pembebanan</option>
													<option value="Beban Pelanggan">Beban Pelanggan</option>
													<option value="Beban PDAM">Beban PDAM</option>
												</select>
											</div>
										</div>
										<div class="col-md-3">
											<div class="form-group">
												<label>&nbsp;</label>
												<div class="form-group-append">
													<button type="button" class="btn btn-brand btn-elevate btn-icon-sm btn-sm" id="addGalian">
														<i class="la la-plus"></i>
														Add
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<table class="table table-sm table-head-bg-brand" >
											<thead class="thead-light">
												<tr>
													<th>&nbsp;</th>
													<th>Kd Jenis Galian</th>
													<th>DIM</th>
													<th>Jumlah</th>
													<th>Pembebanan</th>
													<th>Menu</th>
												</tr>
											</thead>
											<tbody id="g_tabel">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-sm btn-brand btn-info">Save</button>
							<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</form>
			<form class="modal fade" id="modal_angkutan" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" method="post" action="{{route('rabjaringan-simpanangkutan')}}" target="">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="">Angkutan</h5>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label>No RencanaPJ</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="a_no_rencanapj" name="a_no_rencanapj" value="{{$data->no_rencanapj or ''}}" readonly>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label>Jenis Angkutan</label>
												<select class="form-control kt-select2" id="a_ang" style="width: 100%">
													<option value="">Pilih Jenis Angkutan</option>
													@foreach($ang as $r)
													<option value="{{$r->kd_ang}}">{{$r->kd_ang}} - {{$r->keterangan}}</option>
													@endforeach
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-4">
											<div class="form-group">
												<label>Jumlah</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="a_jml" value="">
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Pembebanan</label>
												<select class="form-control kt-select2" id="a_beban" style="width: 100%">
													<option value="">Pilih Pembebanan</option>
													<option value="Beban Pelanggan">Beban Pelanggan</option>
													<option value="Beban PDAM">Beban PDAM</option>
												</select>
											</div>
										</div>
										<div class="col-md-3">
											<div class="form-group">
												<label>&nbsp;</label>
												<div class="form-group-append">
													<button type="button" class="btn btn-brand btn-elevate btn-icon-sm btn-sm" id="addAngkutan">
														<i class="la la-plus"></i>
														Add
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<table class="table table-sm table-head-bg-brand" >
											<thead class="thead-light">
												<tr>
													<th>&nbsp;</th>
													<th>Kd Angkutan</th>
													<th>Jumlah</th>
													<th>Pembebanan</th>
													<th>Menu</th>
												</tr>
											</thead>
											<tbody id="a_tabel">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-sm btn-brand btn-info">Save</button>
							<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</form>
			<form class="modal fade" id="modal_pekerjaan" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" method="post" action="{{route('rabjaringan-simpanpekerjaan')}}" target="">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="">Pekerjaan</h5>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label>No RencanaPJ</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_no_rencanapj" name="p_no_rencanapj" value="{{$data->no_rencanapj or ''}}" readonly>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label>Jenis Pekerjaan</label>
												<select class="form-control kt-select2" id="p_jmb" style="width: 100%">
													<option value="">Pilih Jenis Pekerjaan</option>
													@foreach($pekerjaan as $r)
													<option value="{{$r->kd_jmb}}">{{$r->kd_jmb}} - {{$r->keterangan}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Cetak</label>
												<select class="form-control kt-select2" id="p_cetak" style="width: 100%">
													<option value="">Pilih Cetak</option>
													<option value="PP">PP</option>
													<option value="RAB">RAB</option>
													<option value="RAB & PP">RAB & PP</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-4">
											<div class="form-group">
												<label>Jumlah</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_jml" value="">
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Pembebanan</label>
												<select class="form-control kt-select2" id="p_beban" style="width: 100%">
													<option value="">Pilih Pembebanan</option>
													<option value="Beban Pelanggan">Beban Pelanggan</option>
													<option value="Beban PDAM">Beban PDAM</option>
												</select>
											</div>
										</div>
										<div class="col-md-3">
											<div class="form-group">
												<label>&nbsp;</label>
												<div class="form-group-append">
													<button type="button" class="btn btn-brand btn-elevate btn-icon-sm btn-sm" id="addPekerjaan">
														<i class="la la-plus"></i>
														Add
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<table class="table table-sm table-head-bg-brand" >
											<thead class="thead-light">
												<tr>
													<th>&nbsp;</th>
													<th>Kd Angkutan</th>
													<th>Jumlah</th>
													<th>Laporan</th>
													<th>Pembebanan</th>
													<th>Menu</th>
												</tr>
											</thead>
											<tbody id="p_tabel">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-sm btn-brand btn-info">Save</button>
							<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</form>

			<form class="modal fade" id="modal_penampung" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" method="post" action="{{route('rabjaringan-simpanpenampung')}}" target="">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="">Bak Penampung</h5>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label>No RencanaPJ</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_no_rencanapj" name="p_no_rencanapj" value="{{$data->no_rencanapj or ''}}" readonly>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label>Jenis Pekerjaan</label>
												<select class="form-control kt-select2" id="p_jmb" style="width: 100%">
													<option value="">Pilih Jenis Pekerjaan</option>
													@foreach($penampung as $r)
													<option value="{{$r->kd_jmb}}">{{$r->kd_jmb}} - {{$r->keterangan}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Cetak</label>
												<select class="form-control kt-select2" id="p_cetak" style="width: 100%">
													<option value="">Pilih Cetak</option>
													<option value="PP">PP</option>
													<option value="RAB">RAB</option>
													<option value="RAB & PP">RAB & PP</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-4">
											<div class="form-group">
												<label>Jumlah</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_jml" value="">
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Pembebanan</label>
												<select class="form-control kt-select2" id="p_beban" style="width: 100%">
													<option value="">Pilih Pembebanan</option>
													<option value="Beban Pelanggan">Beban Pelanggan</option>
													<option value="Beban PDAM">Beban PDAM</option>
												</select>
											</div>
										</div>
										<div class="col-md-3">
											<div class="form-group">
												<label>&nbsp;</label>
												<div class="form-group-append">
													<button type="button" class="btn btn-brand btn-elevate btn-icon-sm btn-sm" id="addPekerjaan">
														<i class="la la-plus"></i>
														Add
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<table class="table table-sm table-head-bg-brand" >
											<thead class="thead-light">
												<tr>
													<th>&nbsp;</th>
													<th>Kd Angkutan</th>
													<th>Jumlah</th>
													<th>Laporan</th>
													<th>Pembebanan</th>
													<th>Menu</th>
												</tr>
											</thead>
											<tbody id="p_tabel">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-sm btn-brand btn-info">Save</button>
							<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</form>

			<form class="modal fade" id="modal_tekanan" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" method="post" action="{{route('rabjaringan-simpantekanan')}}" target="">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="">Tes Tekanan</h5>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label>No RencanaPJ</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_no_rencanapj" name="p_no_rencanapj" value="{{$data->no_rencanapj or ''}}" readonly>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label>Jenis Pekerjaan</label>
												<select class="form-control kt-select2" id="p_jmb" style="width: 100%">
													<option value="">Pilih Jenis Pekerjaan</option>
													@foreach($tekanan as $r)
													<option value="{{$r->kd_jmb}}">{{$r->kd_jmb}} - {{$r->keterangan}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Cetak</label>
												<select class="form-control kt-select2" id="p_cetak" style="width: 100%">
													<option value="">Pilih Cetak</option>
													<option value="PP">PP</option>
													<option value="RAB">RAB</option>
													<option value="RAB & PP">RAB & PP</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-4">
											<div class="form-group">
												<label>Jumlah</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_jml" value="">
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Pembebanan</label>
												<select class="form-control kt-select2" id="p_beban" style="width: 100%">
													<option value="">Pilih Pembebanan</option>
													<option value="Beban Pelanggan">Beban Pelanggan</option>
													<option value="Beban PDAM">Beban PDAM</option>
												</select>
											</div>
										</div>
										<div class="col-md-3">
											<div class="form-group">
												<label>&nbsp;</label>
												<div class="form-group-append">
													<button type="button" class="btn btn-brand btn-elevate btn-icon-sm btn-sm" id="addPekerjaan">
														<i class="la la-plus"></i>
														Add
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<table class="table table-sm table-head-bg-brand" >
											<thead class="thead-light">
												<tr>
													<th>&nbsp;</th>
													<th>Kd Angkutan</th>
													<th>Jumlah</th>
													<th>Laporan</th>
													<th>Pembebanan</th>
													<th>Menu</th>
												</tr>
											</thead>
											<tbody id="p_tabel">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-sm btn-brand btn-info">Save</button>
							<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</form>

			<form class="modal fade" id="modal_turap" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" method="post" action="{{route('rabjaringan-simpanturap')}}" target="">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="">Turap</h5>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label>No RencanaPJ</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_no_rencanapj" name="p_no_rencanapj" value="{{$data->no_rencanapj or ''}}" readonly>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label>Jenis Pekerjaan</label>
												<select class="form-control kt-select2" id="p_jmb" style="width: 100%">
													<option value="">Pilih Jenis Pekerjaan</option>
													@foreach($turap as $r)
													<option value="{{$r->kd_jmb}}">{{$r->kd_jmb}} - {{$r->keterangan}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Cetak</label>
												<select class="form-control kt-select2" id="p_cetak" style="width: 100%">
													<option value="">Pilih Cetak</option>
													<option value="PP">PP</option>
													<option value="RAB">RAB</option>
													<option value="RAB & PP">RAB & PP</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-4">
											<div class="form-group">
												<label>Jumlah</label>
												<input type="text" style="text-transform: uppercase;" class="form-control kt-input kt-input--air" id="p_jml" value="">
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label>Pembebanan</label>
												<select class="form-control kt-select2" id="p_beban" style="width: 100%">
													<option value="">Pilih Pembebanan</option>
													<option value="Beban Pelanggan">Beban Pelanggan</option>
													<option value="Beban PDAM">Beban PDAM</option>
												</select>
											</div>
										</div>
										<div class="col-md-3">
											<div class="form-group">
												<label>&nbsp;</label>
												<div class="form-group-append">
													<button type="button" class="btn btn-brand btn-elevate btn-icon-sm btn-sm" id="addPekerjaan">
														<i class="la la-plus"></i>
														Add
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<table class="table table-sm table-head-bg-brand" >
											<thead class="thead-light">
												<tr>
													<th>&nbsp;</th>
													<th>Kd Angkutan</th>
													<th>Jumlah</th>
													<th>Laporan</th>
													<th>Pembebanan</th>
													<th>Menu</th>
												</tr>
											</thead>
											<tbody id="p_tabel">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-sm btn-brand btn-info">Save</button>
							<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
						</div>
					</div>
				</div>
			</form>

		</div>
		<!--end::Portlet-->
	</div>
	<!-- end:: Content -->
</div>

@endsection

@section('css')
<style type="text/css">
	.modal-lg {
	    max-width: 75%;
	}
</style>
@endsection

@section('js')
<!--begin::Page Vendors -->
<script type="text/javascript">
	$(document).ready(function () {
		$("#tambah").click(function(){
			$("#data").addClass('kt-hide');
			$("#form").removeClass('kt-hide');
		});

		$("#f_jenis").change(function(){
			if ($(this).val() == "1") {
				$('#nama').removeClass('kt-hidden');
				$('#alamat').removeClass('kt-hidden');
				$('#nomor').removeClass('kt-hidden');
			}else{
				$('#nama').addClass('kt-hidden');
				$('#alamat').addClass('kt-hidden');
				$('#nomor').addClass('kt-hidden');
			}

			if ($(this).val() == "2" || $(this).val() == "4" || $(this).val() == "5" || $(this).val() == "6" || $(this).val() == "7" || $(this).val() == "8") {
				$('#tanggal').removeClass('kt-hidden');
			}else{
				$('#tanggal').addClass('kt-hidden');
			}
		});

		$("#b_filter").click(function(){
			$("#modal_filter").modal('show');
		});

		

		$(".currency").keyup(function() {
			var rp = formatRupiah(this.value);
			$(this).val(rp);
		});

		$(".kt_datepicker").datepicker({
			todayHighlight:1,
			autoclose:!0,
		    clearBtn: true,
			format:"yyyy-mm-dd",
			orientation: "bottom left",
		});

		$('.kt-select2').select2();


		$('#tabel').DataTable({
			"responsive": true,
	        "processing": true,
	        "serverSide": true,
	        "ajax": "{{ route('rabjaringan-data',['filter' => '0']) }}",
	        "columns": [
	            {data: 'no_rencanapj', title: 'No RencanaPJ', defaultContent: '-'},
	            {data: 'tgl_serahbon', title: 'Tgl SerahBon', defaultContent: '-'},
	            {data: 'no_daftarpb', title: 'No DaftarPB', defaultContent: '-'},
	            {data: 'no_agenda', title: 'No Agenda', defaultContent: '-'},
	            {data: 'nama', title: 'Nama', defaultContent: '-'},
	            {data: 'almt', title: 'Alamat', defaultContent: '-'},
	            {data: 'uraian_pekerjaan', title: 'Uraian Pekerjaan', defaultContent: '-'},
	            {data: 'kd_ptgsurvey', title: 'Kd PtgSurvey', defaultContent: '-'},
	            {data: 'kd_hslsurvey', title: 'Kd HasilSurvey', defaultContent: '-'},
	            {data: 'menu', title: 'Menu', orderable: false, searchable: false},
	        ],
	        "columnDefs":[
	        	{targets:1, render:function(data){if(data!=null) return moment(data).format('YYYY-MM-DD');}},
		    ],
	        
	    });

	    $("#m_material").change(function(){
	        var token = '{{csrf_token()}}';
	        var kd_material = $('#m_material option:selected').val();

	        // alert(kd_material);

	        // if (kd_material == ''){
	        // 	$('#m_harga').empty();
	        // }else{
	        	$.ajax({
		            url: "{{route('rabjaringan-hargamaterial')}}",
		            type: 'GET',
		            headers: {'X-CSRF-TOKEN': token},
		            data: {kd_material: kd_material},
		            cache: false,
		            
		            success: function (result) {
			        	$("#m_harga").val(result.data.harga);
			        	$("#m_beapasang").val(result.data.bea_pasang);
		            }
		        });
	        // }

	    });

	    $("#g_jnsgal").change(function(){
	        var token = '{{csrf_token()}}';
	        var kd_jnsgal = $('#g_jnsgal option:selected').val();

	        // alert(kd_jnsgal);

	        // alert(kd_jnsgal);

	        if (kd_jnsgal == ''){
	        	$('#g_dim').empty();
	        	$("#g_dim").append('<option value="">Pilih Dim</option>');
	        }else{
	        	$.ajax({
		            url: "{{route('rabjaringan-dimgalian')}}",
		            type: 'GET',
		            headers: {'X-CSRF-TOKEN': token},
		            data: {kd_jnsgal: kd_jnsgal},
		            cache: false,
		            
		            success: function (result) {
		            	// alert('A');
		                $('#g_dim').empty();
	        			$("#g_dim").append('<option value="">Pilih Dim</option>');
						for(i = 0; i < result.data.length; i++){
		                    $("#g_dim").append('<option value="'+result.data[i]['dim']+'">'+ result.data[i]['dim'] +'</option>');
		                }
		            }
		        });
	        }

	    });

	    

	    
	    $("#filter").click(function(){	    	
    		// var url = "{{ url('rabjaringan-data') }}/" + $('#tgl_start').val() + ";" + $('#tgl_end').val();
    		$('#tabel').DataTable().ajax.url(url).load();
	    	// alert(url);
			$("#modal_filter").modal('hide');


	    });

	    $("#addList").click(function(){
			// alert('A');
	    	var kd_material = $("#m_material").val();
	    	var jumlah = $("#m_jml").val();
	    	var harga = $("#m_harga").val();
	    	var beapasang = $("#m_beapasang").val();
	    	var rp_pasang = $("#m_jml").val() * $("#m_beapasang").val();
	    	var rp_pengadaan = $("#m_jml").val() * $("#m_harga").val();
	    	var beban_plg = $("#m_beban").val();

			$("#m_tabel").append('<tr><td><input type="hidden" name="dmaterial[]" value="'+ kd_material +'#'+ jumlah +'#'+ harga +'#'+ beapasang +'#'+ rp_pasang +'#'+ rp_pengadaan +'#'+ beban_plg +'"></td><td>'+kd_material+'</td><td>'+jumlah+'</td><td>'+harga+'</td><td>'+rp_pasang+'</td><td>'+rp_pengadaan+'</td><td>'+beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
			
		});

		$("#addGalian").click(function(){
			// alert('A');
	    	var kd_jnsgal = $("#g_jnsgal").val();
	    	var dim = $("#g_dim").val();
	    	var jumlah = $("#g_jml").val();
	    	var beban_plg = $("#g_beban").val();

			$("#g_tabel").append('<tr><td><input type="hidden" name="dgalian[]" value="'+ kd_jnsgal +'#'+ dim +'#'+ jumlah +'#'+ beban_plg +'"></td><td>'+kd_jnsgal+'</td><td>'+dim+'</td><td>'+jumlah+'</td><td>'+beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
			
		});

		$("#addAngkutan").click(function(){
			// alert('A');
	    	var kd_ang = $("#a_ang").val();
	    	var jumlah = $("#a_jml").val();
	    	var beban_plg = $("#a_beban").val();

			$("#a_tabel").append('<tr><td><input type="hidden" name="dangkutan[]" value="'+ kd_ang +'#'+ jumlah +'#'+ beban_plg +'"></td><td>'+kd_ang+'</td><td>'+jumlah+'</td><td>'+beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
			
		});

		$("#addPekerjaan").click(function(){
			// alert('A');
	    	var kd_jmb = $("#p_jmb").val();
	    	var jumlah = $("#p_jml").val();
	    	var laporan = $("#p_cetak").val();
	    	var beban_plg = $("#p_beban").val();

			$("#p_tabel").append('<tr><td><input type="hidden" name="dpekerjaan[]" value="'+ kd_jmb +'#'+ jumlah +'#'+ laporan +'#'+ beban_plg +'"></td><td>'+kd_jmb+'</td><td>'+jumlah+'</td><td>'+laporan+'</td><td>'+beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
			
		});

	    
	   
	});

	function dmaterial(kode){
		var token = '{{csrf_token()}}';
        $.ajax({
            url: "{{route('rabjaringan-dmaterial')}}",
            type: 'GET',
            headers: {'X-CSRF-TOKEN': token},
            data: {no_rencanapj: kode},
            cache: false,
            
            success: function (result) {
            	$("#m_tabel").empty();
                $.each( result.data, function( key, value ) {
                	if (value.beban_plg == 1) {
                		$beban_plg = "Beban Pelanggan";
                	}else{
                		$beban_plg = "Beban PDAM";
                	}

				 	$("#m_tabel").append(
				 		'<tr><td><input type="hidden" name="dmaterial[]" value="'+ value.kd_material +'#'+ value.jumlah +'#'+ value.harga +'#'+ value.bea_pasang +'#'+ value.rp_pasang +'#'+ value.rp_pengadaan +'#'+ $beban_plg +'"></td><td>'+value.kd_material+'</td><td>'+value.jumlah+'</td><td>'+value.harga+'</td><td>'+value.rp_pasang+'</td><td>'+value.rp_pengadaan+'</td><td>'+$beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
				});
				$("#modal_material").modal('show');
            }
        });
	}

	function dgalian(kode){
		var token = '{{csrf_token()}}';
        $.ajax({
            url: "{{route('rabjaringan-dgalian')}}",
            type: 'GET',
            headers: {'X-CSRF-TOKEN': token},
            data: {no_rencanapj: kode},
            cache: false,
            
            success: function (result) {
            	$("#g_tabel").empty();
                $.each( result.data, function( key, value ) {
                	// alert(value.kd_jnsgal);
                	if (value.beban_plg == 1) {
                		$beban_plg = "Beban Pelanggan";
                	}else{
                		$beban_plg = "Beban PDAM";
                	}

				 	$("#g_tabel").append(
				 		'<tr><td><input type="hidden" name="dgalian[]" value="'+ value.kd_jnsgal +'#'+ value.dim +'#'+ value.jumlah +'#'+ $beban_plg +'"></td><td>'+value.kd_jnsgal+'</td><td>'+value.dim+'</td><td>'+value.jumlah+'</td><td>'+$beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
				});
				$("#modal_galian").modal('show');
            }
        });
	}

	function dangkutan(kode){
		var token = '{{csrf_token()}}';
        $.ajax({
            url: "{{route('rabjaringan-dangkutan')}}",
            type: 'GET',
            headers: {'X-CSRF-TOKEN': token},
            data: {no_rencanapj: kode},
            cache: false,
            
            success: function (result) {
            	$("#a_tabel").empty();
                $.each( result.data, function( key, value ) {
                	// alert(value.kd_jnsgal);
                	if (value.beban_plg == 1) {
                		$beban_plg = "Beban Pelanggan";
                	}else{
                		$beban_plg = "Beban PDAM";
                	}

				 	$("#a_tabel").append(
				 		'<tr><td><input type="hidden" name="dangkutan[]" value="'+ value.kd_ang +'#'+ value.jumlah +'#'+ $beban_plg +'"></td><td>'+value.kd_ang+'</td><td>'+value.jumlah+'</td><td>'+$beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
				});
				$("#modal_angkutan").modal('show');
            }
        });
	}

	function dpekerjaan(kode){
		var token = '{{csrf_token()}}';
        $.ajax({
            url: "{{route('rabjaringan-dpekerjaan')}}",
            type: 'GET',
            headers: {'X-CSRF-TOKEN': token},
            data: {no_rencanapj: kode},
            cache: false,
            
            success: function (result) {
            	$("#p_tabel").empty();
                $.each( result.data, function( key, value ) {
                	// alert(value.kd_jnsgal);
                	if (value.beban_plg == 1) {
                		$beban_plg = "Beban Pelanggan";
                	}else{
                		$beban_plg = "Beban PDAM";
                	}

                	if (value.laporan == "P") {
                		$laporan = "PP";
                	}else if (value.laporan == "R"){
                		$laporan = "RAB";
                	}else{
                		$laporan = "RAB & PP";
                	}

				 	$("#p_tabel").append(
				 		'<tr><td><input type="hidden" name="dpekerjaan[]" value="'+ value.kd_jmb +'#'+ value.jumlah +'#'+ $laporan +'#'+ $beban_plg +'"></td><td>'+value.kd_jmb+'</td><td>'+value.jumlah+'</td><td>'+$laporan+'</td><td>'+$beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
				});
				$("#modal_pekerjaan").modal('show');
            }
        });
	}

	function dpenampung(kode){
		var token = '{{csrf_token()}}';
        $.ajax({
            url: "{{route('rabjaringan-dpenampung')}}",
            type: 'GET',
            headers: {'X-CSRF-TOKEN': token},
            data: {no_rencanapj: kode},
            cache: false,
            
            success: function (result) {
            	$("#p_tabel").empty();
                $.each( result.data, function( key, value ) {
                	// alert(value.kd_jnsgal);
                	if (value.beban_plg == 1) {
                		$beban_plg = "Beban Pelanggan";
                	}else{
                		$beban_plg = "Beban PDAM";
                	}

                	if (value.laporan == "P") {
                		$laporan = "PP";
                	}else if (value.laporan == "R"){
                		$laporan = "RAB";
                	}else{
                		$laporan = "RAB & PP";
                	}

				 	$("#p_tabel").append(
				 		'<tr><td><input type="hidden" name="dpenampung[]" value="'+ value.kd_jmb +'#'+ value.jumlah +'#'+ $laporan +'#'+ $beban_plg +'"></td><td>'+value.kd_jmb+'</td><td>'+value.jumlah+'</td><td>'+$laporan+'</td><td>'+$beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
				});
				$("#modal_penampung").modal('show');
            }
        });
    }

        function dtekanan(kode){
		var token = '{{csrf_token()}}';
        $.ajax({
            url: "{{route('rabjaringan-dtekanan')}}",
            type: 'GET',
            headers: {'X-CSRF-TOKEN': token},
            data: {no_rencanapj: kode},
            cache: false,
            
            success: function (result) {
            	$("#p_tabel").empty();
                $.each( result.data, function( key, value ) {
                	// alert(value.kd_jnsgal);
                	if (value.beban_plg == 1) {
                		$beban_plg = "Beban Pelanggan";
                	}else{
                		$beban_plg = "Beban PDAM";
                	}

                	if (value.laporan == "P") {
                		$laporan = "PP";
                	}else if (value.laporan == "R"){
                		$laporan = "RAB";
                	}else{
                		$laporan = "RAB & PP";
                	}

				 	$("#p_tabel").append(
				 		'<tr><td><input type="hidden" name="dtekanan[]" value="'+ value.kd_jmb +'#'+ value.jumlah +'#'+ $laporan +'#'+ $beban_plg +'"></td><td>'+value.kd_jmb+'</td><td>'+value.jumlah+'</td><td>'+$laporan+'</td><td>'+$beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
				});
				$("#modal_tekanan").modal('show');
            }
        });
    }

        function dturap(kode){
		var token = '{{csrf_token()}}';
        $.ajax({
            url: "{{route('rabjaringan-dturap')}}",
            type: 'GET',
            headers: {'X-CSRF-TOKEN': token},
            data: {no_rencanapj: kode},
            cache: false,
            
            success: function (result) {
            	$("#p_tabel").empty();
                $.each( result.data, function( key, value ) {
                	// alert(value.kd_jnsgal);
                	if (value.beban_plg == 1) {
                		$beban_plg = "Beban Pelanggan";
                	}else{
                		$beban_plg = "Beban PDAM";
                	}

                	if (value.laporan == "P") {
                		$laporan = "PP";
                	}else if (value.laporan == "R"){
                		$laporan = "RAB";
                	}else{
                		$laporan = "RAB & PP";
                	}

				 	$("#p_tabel").append(
				 		'<tr><td><input type="hidden" name="dturap[]" value="'+ value.kd_jmb +'#'+ value.jumlah +'#'+ $laporan +'#'+ $beban_plg +'"></td><td>'+value.kd_jmb+'</td><td>'+value.jumlah+'</td><td>'+$laporan+'</td><td>'+$beban_plg+'</td><td><button class="btn btn-sm btn-outline-dark btn-icon btn-elevate flaticon-delete" onclick="$(this).parent().parent().remove();"></button></td></tr>');
				});
				$("#modal_turap").modal('show');
            }
        });
	}
	

</script>
@endsection