@extends('layouts.main')

@section('title', 'Pengajuan Perubahan Status Aset')

@section('pagetitle', 'Pengajuan Perubahan Status Aset')

@section('content') 
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="card" id="instalasi-data">
            <div class="card-header header-elements-inline">
                <h5 class="card-title">Aproval Pengajuan Perubahan Status Aset</h5>
            </div>

            <div class="card-body">
                <!-- Notifikasi -->
            	@if (Session::has('error'))
                	<div class="alert alert-danger alert-styled-right alert-dismissible">
						<button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
						{{ Session::get('error', 'Error') }}
				    </div>
                @endif
                @if (Session::has('success'))
                	<div class="alert alert-success alert-styled-right alert-arrow-right alert-dismissible">
						<button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
						{{ Session::get('success', 'Success') }}
				    </div>
                @endif
                @if (Session::has('warning'))
                    <div class="alert alert-warning alert-styled-right alert-arrow-right alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                        {{ Session::get('warning', 'Warning') }}
                    </div>
                @endif
                <!-- ./notifikasi -->
                <table class="table datatable-basic" style="width: 30%">
					<tr>
                        <td><strong>Kode Pengajuan</strong></td>
                        {{-- <td>:</td> --}}
                        <td>{{ $pengajuan->kode_pengajuan }}</td>
                    </tr>
                    <tr>
                        <td><strong>Pemohon</strong></td>
                        {{-- <td>:</td> --}}
                        <td>{{ $pengajuan->nip_user }}</td>
                    </tr>
                </table>
                <br>
                <form action="{{ route('pengajuan-status::apvSpv-simpan', [$pengajuan->id]) }}" method="POST">
                    <table class="table datatable-basic" id="tabel">
                        <thead>
                            <th>Nama Aset</th>
                            <th>Kode Aset</th>
                            <th>Instalasi</th>
                            <th>Status Eksisting</th>
                            <th>Status aset yang diajukan</th>
                            <th></th>
                        </thead>
                        <tbody id="list">
                            @foreach($dtl_pengajuan as $dt)
                                <tr>
                                    <td>{{ $dt->aset->nama_aset }}</td>
                                    <td>{{ $dt->aset->kode_aset }}</td>
                                    <td>{{ $dt->aset->instalasi->name }}</td>
                                    <td>{{ $dt->status_awal_name->name }}</td>
                                    <td>{{ $dt->status_pengajuan_name->name }}</td>
                                    <td style="width: 20%">
										<select class="form-control tindakan" name="aset{{ $dt->id_aset }}" aria-label="Default select example" required>
										  <option value="">Pilih tindakan</option>
										  <option value="TRUE">Terverifikasi</option>
										  <option value="FALSE">Ajukan Ulang</option>
										</select>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
					<div class="modal" id="myModal" tabindex="-1" role="dialog">
					  <div class="modal-dialog" role="document">
						<div class="modal-content">
						  <div class="modal-header">
							<h5 class="modal-title">Alasan tolak</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							  <span aria-hidden="true">&times;</span>
							</button>
						  </div>
						  <div class="modal-body">
							<textarea class="form-control" name="alasan"></textarea>
						  </div>
						  <div class="modal-footer">
							<button type="submit" class="btn btn-primary">Simpan</button>
						  </div>
						</div>
					  </div>
					</div>
                    <br>
					<button type="submit" class="btn btn-danger" id="tolak">Tolak</button>
                    <button type="submit" class="btn btn-primary" id="simpan">Setujui</button>
                </form>
			</div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
        <!-- END PAGE BASE CONTENT -->
    <!-- /form inputs -->
@endsection
@section('js')
<script type="text/javascript" src="{{url('global_assets/plugins/select2/js/select2.full.min.js')}}"></script>
<!-- <script src="{{asset('global_assets/scripts/datatable.js')}}" type="text/javascript"></script> -->
<script src="{{asset('global_assets/plugins/datatables/datatables.min.js')}}" type="text/javascript"></script>
<!-- <script src="{{asset('global_assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type="text/javascript"></script> -->
<script src="{{url('global_assets/plugins/datepicker/bootstrap-datepicker.js')}}"></script>
<link href="{{url('global_assets/plugins/datepicker/bootstrap-datepicker.css')}}" rel="stylesheet"/>
<script>
$(document).ready(function () {
	$("#tolak").prop('disabled', true);
	$("#simpan").prop('disabled', true);

    $(".select2").select2();

	$("#simpan").on("click", function(e) {
		 if( confirm("Apakah anda yakin akan kirim pengajuan perubahan status?") ){

		 }else{
			 e.preventDefault();
		 }
    });
	
	$("#tolak").on("click", function(e) {
		 if( confirm("Apakah anda yakin akan menolak pengajuan perubahan status?") ){
			$('#myModal').modal('show'); 
			e.preventDefault();
		 }else{
			 e.preventDefault();
		 }
    });
	
	$(".ApvTrue").change(function(){
		if ($("input:radio.ApvTrue:checked").length > 0) {
			$("#simpan").prop('disabled', false);
		}
		
		if($('.ApvFalse').length > $("input:radio.ApvFalse:checked").length){
			$("#tolak").prop('disabled', true);
		}
	});
	
	$(".ApvFalse").change(function(){
		if ($("input:radio.ApvTrue:checked").length == 0) {
			$("#simpan").prop('disabled', true);
		}
		
		if($('.ApvFalse').length == $("input:radio.ApvFalse:checked").length){
			$("#tolak").prop('disabled', false);
		}
	});
	
	$(".tindakan").on("change",function(){
		var cekSimpan = "";
		var cekTolak = "";
		
		$(".tindakan").each(function () {
			if($(this).val() == 'TRUE' || $(this).val() == 'nonDisposal' || $(this).val() == 'Disposal'){
				cekSimpan = "TRUE";
			}else{
				cekTolak = "TRUE";
			}
		});
		
		if(cekSimpan == "" && cekTolak == ""){
			$("#simpan").prop('disabled', true);
			$("#tolak").prop('disabled', true);
		}else if(cekSimpan == "TRUE"){
			$("#tolak").prop('disabled', true);	
			$("#simpan").prop('disabled', false);
		}else{
			$("#simpan").prop('disabled', true);	
			$("#tolak").prop('disabled', false);
		}
	});
});
</script>
@endsection