@php
use App\Constants\Parameter;
@endphp

@extends('layouts.main_layout')
@section('title', $label)

@section('icon-breadcrumbs',$icon)

@section('content')
{{ Breadcrumbs::render('parameter.'.$type,$data) }}
<div class="card">
  <div class="card-body table-responsive">
     <a href="{{$create}}" class="btn btn-primary btn-sm">TAMBAH DATA</a>
      <table class="table table-bordered" id="parameter-table">
          <thead>
            <tr>
              <th>No</th>
              <th>Nama Parameter</th>
              <th>{{ ($type == Parameter::News) ? 'Urutan' : 'Deskripsi' }}</th>
              <th>Nilai</th>
              <th>Status</th>
              <th width="150px">Action</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
      </table>  
  </div>
</div>
@endsection

@push('styles')
<link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css" rel="stylesheet">
@endpush
@push('scripts')
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#parameter-table').DataTable({
              processing: true,
              serverSide: true,
              ajax: "{{ route('parameter.datatables', $type) }}",
              columns: [
                  {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                  {data: 'name', name: 'name'},
                  {data:'description', name:'description'},
                  {data: 'value1', name:"value1"},
                  {data: 'status', name:"status"},
                  {
                      data: 'action', 
                      name: 'action', 
                      orderable: true, 
                      searchable: true
                  },
              ],
              columnDefs:[
              {
                    targets: 4,
                    className: "text-center",
               },
               {
                    targets: 5,
                    className: "text-center",
               },
              ]
          });

    $("#parameter-table").on('click','.btn-delete',function(){
        var val = $(this).attr('id-parameter');
         swal({
            title: "Peringatan",
            text: "Hapus data ini?",
            showCancelButton: true,
            closeOnConfirm: true,
            dangerMode: true,
            confirmButtonText: 'HAPUS',
            cancelButtonText: "TIDAK",
        },function(confirm){
          if(confirm){

            $.ajax({
              headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "DELETE",
            url: val,
            data:{_method: "DELETE", },
            dataType: "json",
            success: function(res){
              if(res.status){
                  toastr.success(res.message);
                  $('#parameter-table').DataTable().ajax.reload();
              }else{
                  toastr.error(res.message);
              }

            },
            error: function (xhr, ajaxOptions, thrownError) {
              ajaxError(xhr.status, xhr.statusText)
            }
          })
          }
        })
      });
    })
  </script>
@endpush