@extends('layouts.app')
@section('content')
    <div class="row pt-2 pb-2">
        <div class="col-sm-9">
          <h4 class="page-title">{{$breadcrumb}}</h4>
        </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-header">
            <button onclick="add_all('modal-all')" class="btn btn btn-primary btn-rounded float-left waves-effect waves-light"><i class="fa fa-plus"></i> Tambah </button>
          </div>
          <div class="card-body">
            <div class="table-responsive">
            <table id="default-datatable" class="table table-bordered">
              <thead>
                  <tr>
                      <th>No</th>
                      <th>Nama Job</th>
                      <th>Deskripsi</th>
                      <th>Status</th>
                      <th>Action</th>
                  </tr>
              </thead>
              <tbody>
                  @php
                      $no=1;
                  @endphp
                  @foreach($job as $job)
                  <tr>
                      <td>{{$no++}}</td>
                      <td>{{$job->jobdesk_name}}</td>
                      <td>{{$job->jobdesk_description}}</td>
                      <td>
                        @if ($job->jobdesk_activeYN=='Y')
                            Active
                        @else
                            in Active
                        @endif
                      </td>
                      <td>
                          <button onclick="edit_all('modal-all',{{$job->jobdesk_id}})" type="button" class="btn btn-outline-success btn-sm"> Edit </button>&nbsp;&nbsp;
                          <button onclick="delete_all('jobdesk/{{$job->jobdesk_id}}','{{$job->jobdesk_id}}')" class="btn btn-outline-danger btn-sm"><i class="fa fa-trash-o"></i>&nbsp;Delete</button>

                      </td>
                  </tr>
                  @endforeach
              </tbody>
          </table>
          </div>
          </div>
        </div>
      </div>
    </div><!-- End Row-->
      

@endsection
@section('js')
<script type="text/javascript">
    form = $("#form-all");
    var url_add = "/create-jobdesk" ;
    var url_save = "/save-jobdesk" ;
    var url_edit = "/edit-jobdesk" ;
    var url_update = "/update-jobdesk" ;
</script>
@endsection