@extends('layout.app_706')
@section('title')
	Bobot
@endsection
@section('content')
	
    <!--begin::Subheader-->
    <div class="subheader py-2 py-lg-4  subheader-solid " id="kt_subheader">
        <div class=" container-fluid  d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-2">
                <!--begin::Page Title-->
                <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">
                    @yield('title')
                </h5>
                <!--end::Page Title-->
                <!--begin::Actions-->
                <div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-4 bg-gray-200"></div>
                <button type="button" id="tambah" class="btn btn-success btn-sm {{($data == null) ? '' : 'd-none'}}"><i class="fa fa-plus"></i> Tambah</button>
                <!--end::Actions-->
            </div>
            <!--end::Info-->
        </div>
    </div>
    <!--end::Subheader-->
	

    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class=" container ">
		<div class="row">
			<div class="col-12">
				<div class="card m-portlet m-portlet--primary m-portlet--head-solid-bg m-portlet--head-sm {{($data == null) ? '' : 'd-none'}}" m-portlet="true" id="data">
					<div class="card-body m-portlet__body">
						<div class="m-section" id="data-kategori">
							@if(Session::has('status') && Session::get('status') == 9)
								<div class="alert alert-danger alert-dismissible fade show" role="alert">
									<button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
									<strong>
										Gagal!
									</strong>
									Kode Sudah Digunakan. Silahkan input dengan kode baru.....
								</div>
							@endif
							<div class="m-section__content">
								<table class="table table-separate table-head-custom" id="tabel" width="100%">
									<thead>
										<tr>
											<th>Bagian</th>
											<th>Bagian</th>
											<th>Nama</th>
											<th>Bobot 1</th>
											<th>Bobot 2</th>
											<th>Bobot 3</th>
											<th>Menu</th>
										</tr>
									</thead>
									<tbody>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<div class="card card-custom m-portlet m-portlet--creative m-portlet--first m-portlet--bordered-semi {{($data == null) ? 'd-none' : ''}}" id="form">
					<div class="card-header">
						<div class="card-title">
							<span class="card-icon">
								<i class="flaticon-settings text-primary"></i>
							</span>
							<h3 class="card-label">
								Form Bobot
							</h3>
						</div>
					</div>
					<div class="card-body m-portlet__body">
						<div class="m-section" id="data-kategori">
							<div class="m-section__content">
								<form class="m-form m-form--fit m-form--label-align-right" method="post" action="{{route('bobot-simpan')}}">
									<input type="hidden" name="_token" value="{{csrf_token()}}">
									<input type="hidden" name="tipe" value="{{($data == null) ? 1 : 2}}">
									<input type="hidden" name="id" value="{{ $data->id ?? ''}}">
									<div class="form-group m-form__group row">
										<label class="col-form-label col-md-2">Nama</label>
										<div class="col-md-6">
											<input type="text" class="form-control m-input m-input--air" required name="nama" value="{{ $data->nama ?? ''}}">
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label class="col-form-label col-md-2">Bobot 1</label>
										<div class="col-md-6">
											<input type="text" class="form-control m-input m-input--air" required name="bobot1" value="{{ $data->tingkat_1 ?? ''}}">
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label class="col-form-label col-md-2">Bobot 2</label>
										<div class="col-md-6">
											<input type="text" class="form-control m-input m-input--air" required name="bobot2" value="{{ $data->tingkat_2 ?? ''}}">
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label class="col-form-label col-md-2">Bobot 3</label>
										<div class="col-md-6">
											<input type="text" class="form-control m-input m-input--air" required name="bobot3" value="{{ $data->tingkat_3 ?? ''}}">
										</div>
									</div>
									<div class="form-group m-form__group row">
										<label class="col-form-label col-md-2">&nbsp;</label>
										<div class="col-md-6">
											<button type="submit" class="btn btn-success">Simpan</button>
											<a href="{{route('bobot-link')}}"><button type="button" id="kembali" class="btn btn-secondary">Kembali</button></a>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
			
@endsection
@section('css')
<link href="{{asset('assets_7.0.6/plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css" />
<style type="text/css">
	.modal-lg {
	    max-width: 75%;
	}
</style>
@endsection
@section('js')
<!--begin::Page Vendors -->
<script src="{{asset('assets_7.0.6/plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}" type="text/javascript"></script>
<script type="text/javascript">

	$(document).ready(function () {
		$("#tambah").click(function(){
			$("#data").addClass('d-none');
			$("#form").removeClass('d-none');
		});
		$('#tabel').DataTable({
	        "processing": true,
	        "serverSide": true,
	        "ajax": "{{ route('bobot-data') }}",
	        "columns": [
	            {data: 'id', class: 'd-none'},
	            {data: 'jabatan.namajabatan'},
	            {data: 'nama'},
	            {data: 'tingkat_1'},
	            {data: 'tingkat_2'},
	            {data: 'tingkat_3'},
	            {data: 'menu', orderable: false, searchable: false}
	        ]
	    });
	});

	function hapus(kode){
		KTApp.block("#tabel",{
			overlayColor:"#000000",
			type:"loader",
			state:"success",
			message:"Please wait...",
			// baseZ: 1000, 
		});
		$.ajax({
	        type: "POST",
	        url: "{{route('bobot-hapus')}}",
	        data: {id: kode, _token: "{{ csrf_token() }}"},
	        success: function (result)
	        {
	            $('#tabel').DataTable().ajax.reload();
	            KTApp.unblock("#tabel");
	        }
	    });
	}
</script>
@endsection