djid_siput/resources/views/penentuan-target/index.blade.php

<?php $getStatus = \App\Model\Privillage\Role::where('id',Auth::user()->role_id)->value('akses'); ?>
@extends('dev.core.using')
@section('content')
<style>
 .ic {
   width: 1.5rem;
   height: 1.3rem;
   border-radius: .5rem;
   text-align: center;
   cursor:pointer;
   /* background: #cdcdcd; */
   /* padding-top: .3rem; */
   font-size: 1em;
   list-style: none;
   color: #000;
 }
 .ic:hover {
  background: #eee;
  color: #000;
 }
 .dataTables_wrapper, .dataTables_info, .dataTables_length {
   background: #f8f9fe !important;
   color: #000 !important;
 }
 
</style>
<br/>
<br/>
<div class="col">
<div style="margin-bottom: 20px;">
	<div class="card shadow" style="border:1px solid #dedede;">
		<div class="card-header bg-transparent">
			<div class="row align-items-center">
				<div class="col">
					<center>
						<h4 class="mb-0 text-uppercase"> <i class="ni ni-bullet-list-67"></i> &nbsp;&nbsp;Penentuan Target {{!empty($data[0]->tahunProgram)?$data[0]->tahunProgram->value:''}}</h4>
					</center>
				</div>
			</div>
		</div>
	</div>
</div>
 <div class="input-group mb-3">
   <div class="input-group-prepend" style="height: 2.63em">
     <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span>
   </div>
   <input type="text" class="form-control"  style="height: 3em" placeholder="Search" aria-label="Search" aria-describedby="basic-addon1">
 </div>
 <div class="row">
  </div>
  <table class="table table-striped" id="tbl">
      <thead>
        <tr class="table-dark">
          <th scope="col">Program</th>
          <th scope="col">Sub Program</th>
          <th scope="col">Tipe Target</th>
          <th scope="col" class="dgcActions">Aksi</th>
        </tr>
      </thead>
      <tbody>
          @foreach($data as $row)
            <tr>
                <td>{{!empty($row->templateProgram)?$row->templateProgram->nama:'-'}}</td>
                <td>{{!empty($row->templateProgramDetail)?$row->templateProgramDetail->nama:'-'}}</td>
                <td>{{$row->tipe_target=='0'?'Spesifik UPT':'Semua'}}</td>
                <td>
                    <a href="{{route('penentuan-target.edit',$row->id)}}" class="ic"><i class="fas fa-edit" style="color: #3C8F61"></i></a>
                    <a href="{{route('penentuan-target.detail',$row->id)}}" class="ic"><i class="fas fa-eye" style="color: #0093DD"></i></a>
                </td>
            </tr>
          @endforeach
      </tbody>
   </table>
   <div id="demo"></div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" id="modal-delete">
  <form action="" method="POST" id="form-delete">
  @csrf
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Konfirmasi</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <input type="hidden" id="delete-id">
          <center>Anda yakin akan menghapus Tahun Program <span id="delete-nama" style="font-weight:bold"></span> ?</center>
        </div>
        <div class="modal-footer">
          <div class="form-group center">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Batalkan</button>
            <button type="submit" class="btn btn-danger">Hapus Data</button>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>

<script src="{{ asset('js/pagination-min.js')}}" type="text/javascript"></script>
<script>
 let table =''


function deleteData(id){
    var nama = $('#btn-delete-'+id).attr('data-nama');
    $('#form-delete').attr("action","{{url('penentuan-target/delete')}}/"+id);
    $('#delete-id').val(id);
    $('#delete-nama').text();
    $('#delete-nama').text(nama);
 }


</script>
@endsection