@extends('layouts.index')
@section('title')
    Daftar Akun Jurnal
@endsection
@section('css')
    <link href="{{ asset('back') }}/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('back/libs/bootstrap/dist/css/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('back') }}/extra-libs/prism/prism.css" />

    <link rel="stylesheet" type="text/css" href="{{ asset('back') }}/libs/select2/dist/css/select2.min.css" />

    <link href="https://unpkg.com/bootstrap-table@1.19.1/dist/bootstrap-table.min.css" rel="stylesheet">
    <link
        href="https://unpkg.com/bootstrap-table@1.19.1/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css"
        rel="stylesheet">

    <style>
        label.error {
            color: #F94687;
            font-size: 13px;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.5;
            margin-top: 5px;
            padding: 0;
        }
    
        input.error {
            color: #F94687 !important;
            border: 1px solid #F94687;
        }
    </style>
@endsection
@section('content')
    <div class="page-titles">
        <div class="row">
            <div class="col-lg-8 col-md-6 col-12 align-self-center">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 d-flex align-items-center">
                        <li class="breadcrumb-item">
                            <a href="{{url('home')}}" class="link"><i class="ri-home-3-line fs-5"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">
                            Daftar Akun Jurnal
                        </li>
                    </ol>
                </nav>
                <h1 class="mb-0 fw-bold">Daftar Akun Jurnal</h1>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- End Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <!-- ============================================================= -->
    <!-- Container fluid  -->
    <!-- ============================================================= -->
    <div class="container-fluid">
        <!-- ============================================================= -->
        <!-- Start Page Content -->
        <!-- ============================================================= -->
        <div class="row">
            <!-- Column -->
            <div class="col-lg-12 col-xl-12 col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex no-block align-items-center mb-4">
                            <h4>Daftar Akun</h4>
                            <div class="ms-auto">
                                <div class="btn-group">
                                    <a href="#!"
                                        class="
                      btn btn-primary
                      font-weight-medium
                      rounded-pill
                      px-4
                    "
                    data-bs-toggle="offcanvas" data-bs-target="#tambahAkun" aria-controls="offcanvasRight">
                                       <i class="fa fa-plus"></i> Tambah Akun
                                    </a>
                                </div>
                            </div>
                        </div>

                        {{-- <div class="myadmin-dd dd" id="nestable2" style="width:100% !important">
                            <ol class="dd-list" >
                                @foreach ($list as $item)
                                    <li class="dd-item" data-id="{{$item->id}}" id="list_{{$item->id}}">
                                        <div class="dd-handle dd3-handle" style="height: 100%;"></div>
                                        <div class="dd-handle">
                                            <div class="row">
                                                <div class="col-md-10 px-5">
                                                    <h3 style="font-weight: bold !important;">{{ $item->kode_jurnal }} {{$item->nama_akun_jurnal}}</h3>
                                                </div>
                                                <div class="col-md-2" style="z-index: 1">
                                                    <a href="javascript:void(0)" onclick="editData({{$item->id}})" >
                                                        <i class="fa fa-edit text-info">
                                                        </i>
                                                    </a>

                                                    <a href="javascript:void(0)" onclick="deleteData({{$item->id}})">
                                                        <i class="fa fa-trash text-danger">
                                                        </i>
                                                    </a>

                                                </div>
                                            </div>
                                        </div>
                                        @if ($item->children)
                                            <ol class="dd-list">
                                                @foreach ($item->children as $item)
                                                    <li class="dd-item" data-id="{{$item->id}}" id="list_{{$item->id}}">
                                                        <div class="dd-handle dd3-handle" style="height: 100%;"></div>
                                                        <div class="dd-handle">
                                                            <div class="row">
                                                                <div class="col-md-10 px-5">
                                                                    <h4 style="font-weight: 400 !important;">{{ $item->kode_jurnal }} {{$item->nama_akun_jurnal}}</h4>
                                                                </div>
                                                                <div class="col-md-2">
                                                                    <a href="javascript:void(0)" onclick="editData({{$item->id}})">
                                                                        <i class="fa fa-edit text-info">
                                                                        </i>
                                                                    </a>

                                                                    <a href="javascript:void(0)" onclick="deleteData({{$item->id}})">
                                                                        <i class="fa fa-trash text-danger">
                                                                        </i>
                                                                    </a>

                                                                </div>
                                                            </div>
                                                        </div>
                                                        @if ($item->children)
                                                            <ol class="dd-list">
                                                                @foreach ($item->children as $item)
                                                                    <li class="dd-item" data-id="{{$item->id}}" id="list_{{$item->id}}">
                                                                        <div class="dd-handle dd3-handle" style="height: 100%;"></div>
                                                                        <div class="dd-handle">
                                                                            <div class="row">
                                                                                <div class="col-md-10 px-5">
                                                                                    <h5>{{ $item->kode_jurnal }} {{$item->nama_akun_jurnal}}</h5>
                                                                                </div>
                                                                                <div class="col-md-2">
                                                                                    <a href="javascript:void(0)" onclick="editData({{$item->id}})">
                                                                                        <i class="fa fa-edit text-info">
                                                                                        </i>
                                                                                    </a>

                                                                                    <a href="javascript:void(0)" onclick="deleteData({{$item->id}})">
                                                                                        <i class="fa fa-trash text-danger">
                                                                                        </i>
                                                                                    </a>

                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                @endforeach
                                                            </ol>
                                                        @endif
                                                    </li>
                                                @endforeach
                                            </ol>
                                        @endif
                                    </li>
                                @endforeach
                            </ol>
                        </div> --}}
                        <table class="table">
                            <thead class="table-primary">
                                <tr>
                                    <th>Kode Akun </th>
                                    <th>Nama Akun </th>
                                    <th>Kategori</th>
                                    <th>Saldo</th>
                                    <th>Kunci</th>
                                    <th>Status</th>
                                    <th>Opsi</th>
                                </tr>
                            </thead> 
                            <tbody>
                                @foreach ($list as $item)
                                    <tr class="">
                                        <td class="fw-bolder">{{ $item->kode_jurnal }}</td>
                                        <td class="fw-bold">{{ $item->nama_akun_jurnal }}</td>
                                        <td>{{ $item->kategori }}</td>
                                        <td>Rp. {{ number_format($item->saldo_awal) }}</td>
                                        <td>
                                            @if ($item->kunci == 'Ya')
                                                <i class="feather-sm" data-feather="lock" title="Dikunci"></i>
                                            @else
                                                <i class="feather-sm" data-feather="unlock" title="Tidak Dikunci"></i>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($item->status == 'Ya')
                                                <span
                                                    class="badge bg-light-success text-success font-weight-medium">Aktif</span>
                                            @else
                                                <span
                                                    class="badge bg-light-danger text-danger font-weight-medium">Tidak
                                                    Aktif</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($item->kunci == 'Ya')
                                                <div class="dropdown dropstart">
                                                    <a href="#" class="link btn btn-outline-primary disabled" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i data-feather="more-horizontal" class="feather-sm"></i>
                                                    </a>
                                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                        <li><a class="dropdown-item" data-bs-toggle="offcanvas" data-bs-target="#editAkun" onclick="editData({{ $item }})" aria-controls="offcanvasRight">Edit Akun</a></li>
                                                        <li><a class="dropdown-item" onclick="hapus({{ $item->id }})" href="#">Hapus Akun</a></li>
                                                    </ul>
                                                </div>
                                            @else
                                                <div class="dropdown dropstart">
                                                    <a href="#" class="link btn btn-outline-primary" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i data-feather="more-horizontal" class="feather-sm"></i>
                                                    </a>
                                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                        <li><a class="dropdown-item" data-bs-toggle="offcanvas" data-bs-target="#editAkun" onclick="editData({{ $item }})" aria-controls="offcanvasRight">Edit Akun</a></li>
                                                        <li><a class="dropdown-item" onclick="hapus({{ $item->id }})" href="#">Hapus Akun</a></li>
                                                    </ul>
                                                </div>
                                            @endif
                                        </td>
                                    </tr>
                                    @if ($item->children)
                                        @foreach ($item->children as $item)
                                            <tr class="">
                                                <td class="fw-bold text-center">{{ $item->kode_jurnal }}</td>
                                                <td class="fw-bold">{{ $item->nama_akun_jurnal }}</td>
                                                <td>{{ $item->kategori }}</td>
                                                <td>Rp. {{ number_format($item->saldo_awal) }}</td>
                                                <td>
                                                    @if ($item->kunci == 'Ya')
                                                        <i class="feather-sm" data-feather="lock"></i>
                                                    @else
                                                        <i class="feather-sm" data-feather="unlock"></i>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($item->status == 'Ya')
                                                        <span
                                                            class="badge bg-light-success text-success font-weight-medium">Aktif</span>
                                                    @else
                                                        <span
                                                            class="badge bg-light-danger text-danger font-weight-medium">Tidak
                                                            Aktif</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($item->kunci == 'Ya')
                                                        <div class="dropdown dropstart">
                                                            <a href="#" class="link btn btn-outline-primary disabled" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                                <i data-feather="more-horizontal" class="feather-sm"></i>
                                                            </a>
                                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                                <li><a class="dropdown-item" data-bs-toggle="offcanvas" data-bs-target="#editAkun" onclick="editData({{ $item }})" aria-controls="offcanvasRight">Edit Akun</a></li>
                                                                <li><a class="dropdown-item" onclick="hapus({{ $item->id }})" href="#">Hapus Akun</a></li>
                                                            </ul>
                                                        </div>
                                                    @else
                                                        <div class="dropdown dropstart">
                                                            <a href="#" class="link btn btn-outline-primary" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                                <i data-feather="more-horizontal" class="feather-sm"></i>
                                                            </a>
                                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                                <li><a class="dropdown-item" data-bs-toggle="offcanvas" data-bs-target="#editAkun" onclick="editData({{ $item }})" aria-controls="offcanvasRight">Edit Akun</a></li>
                                                                <li><a class="dropdown-item" onclick="hapus({{ $item->id }})" href="#">Hapus Akun</a></li>
                                                            </ul>
                                                        </div>
                                                    @endif
                                                </td>
                                            </tr>
                                            @if ($item->children)
                                                @foreach ($item->children as $item)
                                                    <tr class="">
                                                        <td class="fw-bold text-end">{{ $item->kode_jurnal }}</td>
                                                        <td class="fw-bold">{{ $item->nama_akun_jurnal }}</td>
                                                        <td>{{ $item->kategori }}</td>
                                                        <td>Rp. {{ number_format($item->saldo_awal) }}</td>
                                                        <td>
                                                            @if ($item->kunci == 'Ya')
                                                                <i class="feather-sm" data-feather="lock"></i>
                                                            @else
                                                                <i class="feather-sm" data-feather="unlock"></i>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($item->status == 'Ya')
                                                                <span
                                                                    class="badge bg-light-success text-success font-weight-medium">Aktif</span>
                                                            @else
                                                                <span
                                                                    class="badge bg-light-danger text-danger font-weight-medium">Tidak
                                                                    Aktif</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($item->kunci == 'Ya')
                                                                <div class="dropdown dropstart">
                                                                    <a href="#" class="link btn btn-outline-primary disabled" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                                        <i data-feather="more-horizontal" class="feather-sm"></i>
                                                                    </a>
                                                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                                        <li><a class="dropdown-item" data-bs-toggle="offcanvas" data-bs-target="#editAkun" onclick="editData({{ $item }})" aria-controls="offcanvasRight">Edit Akun</a></li>
                                                                        <li><a class="dropdown-item" onclick="hapus({{ $item->id }})" href="#">Hapus Akun</a></li>
                                                                    </ul>
                                                                </div>
                                                            @else
                                                                <div class="dropdown dropstart">
                                                                    <a href="#" class="link btn btn-outline-primary" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                                        <i data-feather="more-horizontal" class="feather-sm"></i>
                                                                    </a>
                                                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                                        <li><a class="dropdown-item" data-bs-toggle="offcanvas" data-bs-target="#editAkun" onclick="editData({{ $item }})" aria-controls="offcanvasRight">Edit Akun</a></li>
                                                                        <li><a class="dropdown-item" onclick="hapus({{ $item->id }})" href="#">Hapus Akun</a></li>
                                                                    </ul>
                                                                </div>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    @endif
                                @endforeach
                            </tbody>   
                        </table>
                       
                    </div>
                </div>
            </div>
            <!-- Column -->
        </div>
        <!-- ============================================================= -->
        <!-- End PAge Content -->
        <!-- ============================================================= -->
    </div>


    <div class="offcanvas offcanvas-end" tabindex="-1" id="tambahAkun" aria-labelledby="offcanvasRightLabel">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">
                Tambah Akun
            </h5>
            <hr>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">

            <form action="{{ route('daftar-akun.store') }}" method="POST" id="tambahAkunJurnal">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="formFile" class="form-label">Kode Akun</label>
                            <input type="number" name="kode_jurnal" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Nama Akun</label>
                            <input type="text" name="nama_akun_jurnal" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Level Akun</label>
                            <select name="level" class="form-control" id="level_akun">
                                <option value="">-- Pilih Level --</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                            </select>
                        </div>

                        <div class="mb-3 d-none" id="inputInduk">
                            <label for="formFile" class="form-label">Induk Akun</label> <br>
                            <select name="id_induk" class="" style="width: 100% !important" id="id_induk">
                                <option value="">-- Pilih Induk Akun --</option>
                                @foreach ($akun_induk as $item)
                                    <option value="{{ $item->id }}">{{ $item->kode_jurnal }}&nbsp;{{ $item->nama_akun_jurnal }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Kategori Akun</label>
                            <select class="form-select" name="kategori">
                                <option value="">-- Pilih Kategori --</option>
                                <option value="Debit">Debit</option>
                                <option value="Kredit">Kredit</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Saldo Awal</label>
                            <input type="number" name="saldo_awal" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Kunci</label>
                            <select class="form-select" name="kunci">
                                <option value="">-- Pilih Kunci --</option>
                                <option value="Ya">Kunci</option>
                                <option value="Tidak">Tidak</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Status</label>
                            <select class="form-select" name="status">
                                <option value="">-- Pilih Status --</option>
                                <option value="Ya">Aktif</option>
                                <option value="Tidak">Nonakif</option>
                            </select>
                        </div>

                        <div class="form-actions">
                            <div class="card-body border-top">
                                <button type="button" class="
                                            btn btn-outline-secondary
                                            rounded-pill
                                            px-4
                                            ms-2
                                        ">
                                    Batal
                                </button>

                                <button type="submit" class="btn btn-primary rounded-pill px-4">
                                    <div class="d-flex align-items-center">
                                        Simpan
                                    </div>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>

    <div class="offcanvas offcanvas-end" tabindex="-1" id="editAkun" aria-labelledby="offcanvasRightLabel">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasExampleLabel">
                Edit Akun Jurnal
            </h5>
            <hr>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">

            <form action="{{ route('daftar-akun.update', '') }}" method="POST" id="editAkunJurnal">
                @csrf
                @method('PUT')
                <div class="card">
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="formFile" class="form-label">Kode Akun</label>
                            <input type="number" name="edit_kode_jurnal" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Nama Akun</label>
                            <input type="text" name="edit_nama_akun_jurnal" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Level Akun</label>
                            <select name="edit_level" class="form-control" id="edit_level_akun">
                                <option value="">-- Pilih Level --</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                            </select>
                        </div>

                        <div class="mb-3 d-none" id="editInduk">
                            <label for="formFile" class="form-label">Induk Akun</label> <br>
                            <select name="edit_id_induk" class="form-select" id="edit_induk">
                                <option value="">-- Pilih Induk Akun --</option>
                                @foreach ($akun_induk as $item)
                                    <option value="{{ $item->id }}">{{ $item->kode_jurnal }}&nbsp;{{ $item->nama_akun_jurnal }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Kategori Akun</label>
                            <select class="form-select" name="edit_kategori" id="edit_kategori">
                                <option value="">-- Pilih Kategori --</option>
                                <option value="Debit">Debit</option>
                                <option value="Kredit">Kredit</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Saldo Awal</label>
                            <input type="number" name="edit_saldo_awal" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Kunci</label>
                            <select class="form-select" name="edit_kunci" id="edit_kunci">
                                <option value="">-- Pilih Kunci --</option>
                                <option value="Ya">Kunci</option>
                                <option value="Tidak">Tidak</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="formFile" class="form-label">Status</label>
                            <select class="form-select" name="edit_status" id="edit_status">
                                <option value="">-- Pilih Status --</option>
                                <option value="Ya">Aktif</option>
                                <option value="Tidak">Nonakif</option>
                            </select>
                        </div>

                        <div class="form-actions">
                            <div class="card-body border-top">
                                <button type="button" class="
                                            btn btn-outline-secondary
                                            rounded-pill
                                            px-4
                                            ms-2
                                        ">
                                    Batal
                                </button>

                                <button type="submit" class="btn btn-primary rounded-pill px-4">
                                    <div class="d-flex align-items-center">
                                        Simpan
                                    </div>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>

  
@endsection
@section('js')
    <!--This page plugins -->
    
    <script src="{{ asset('back') }}/extra-libs/datatables.net/js/jquery.dataTables.min.js"></script>
    <!-- start - This is for export functionality only -->
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
    <script src="{{ asset('back') }}/js/pages/datatable/datatable-advanced.init.js"></script>
    <script src="{{ asset('back') }}/extra-libs/prism/prism.js"></script>
    
    <script src="{{ asset('back') }}/libs/select2/dist/js/select2.full.min.js"></script>
    <script src="{{ asset('back') }}/libs/select2/dist/js/select2.min.js"></script>
    <script src="{{ asset('back') }}/js/pages/forms/select2/select2.init.js"></script>

    <script src="{{ asset('back') }}/libs/nestable/jquery.nestable.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.js"></script>

    <script>
        $(document).ready(function() {
            $('#id_induk').select2({
                dropdownParent: $("#tambahAkun")
            });
        });
    </script>

<script>
    $(document).ready(function() {
        $('#edit_induk').select2({
                dropdownParent: $("#editAkun")
            });
    });
</script>

<script>
    const updateLink = $('#editAkunJurnal').attr('action');
    

    function editData(item) {
        $('#editAkunJurnal').attr('action',  `${updateLink}/${item.id}`);
        $('#edit_level_akun').val([item.level]).trigger('change');
        $('#edit_induk').val([item.id_induk]).trigger('change');
        $('#edit_kategori').val([item.kategori]).trigger('change');
        $('#edit_kunci').val([item.kunci]).trigger('change');
        $('#edit_status').val([item.status]).trigger('change');
        $('[name="edit_kode_jurnal"]').val(item.kode_jurnal);
        $('[name="edit_nama_akun_jurnal"]').val(item.nama_akun_jurnal);
        $('[name="edit_saldo_awal"]').val(item.saldo_awal);
    }
</script>

    {{-- JQuery validation add testimoni --}}
    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $("#tambahAkunJurnal").validate({
                rules: {
                    kode_jurnal: {
                        required: true,
                        minlength: 1,
                        maxlength: 5,
                    },
                    nama_akun_jurnal: {
                        required: true,
                        minlength: 3,
                        maxlength: 40,
                    },
                    level: {
                        required: true
                    },
                    kategori: {
                        required: true
                    },
                    saldo_awal: {
                        required: true
                    },
                    kunci: {
                        required: true
                    },
                    status: {
                        required: true
                    }
                },
                messages: {
                    kode_jurnal: {
                        required: "Kolom kode akun harus di isi!",
                        minlength: "Kolom kode akun tidak boleh kurang dari 1 karakter",
                        maxlength: "Kolom kode akun tidak boleh lebih dari 5 karakter"
                    },
                    nama_akun_jurnal: {
                        required: "Kolom nama akun harus di isi!",
                        minlength: "Kolom nama akun tidak boleh kurang dari 3 karakter",
                        maxlength: "Kolom nama akun tidak boleh lebih dari 40 karakter"
                    },
                    level: {
                        required: "Kolom level harus di isi!"
                    },
                    kategori: {
                        required: "Kolom kategori harus di isi!"
                    },
                    saldo_awal: {
                        required: "Kolom saldo awal harus di isi!"
                    },
                    kunci: {
                        required: "Kolom kunci harus di isi!"
                    },
                    status: {
                        required: "Kolom status harus di isi!"
                    },
                }
            });
        });
    </script>

    {{-- Hide select id induk --}}
    <script>
        document.getElementById('level_akun').addEventListener('change', function (e) {
            if(e.target.value != '1'){
                document.getElementById('inputInduk').classList.remove('d-none')
            }else{
                document.getElementById('inputInduk').classList.add('d-none')
            }
        })
    </script>

    {{-- Hide select id induk --}}
    <script>
        if($("#edit_level_akun").val() != '1'){
                document.getElementById('editInduk').classList.remove('d-none')
        }else{
            document.getElementById('editInduk').classList.add('d-none')
        }
        document.getElementById('edit_level_akun').addEventListener('change', function (e) {
            if(e.target.value != '1'){
                document.getElementById('editInduk').classList.remove('d-none')
            }else{
                document.getElementById('editInduk').classList.add('d-none')
            }
        })
    </script>

<script>
    function hapus(dataId) {
        Swal.fire({
            title: "Hapus Akun Jurnal?",
            text: `Data akun jurnal akan dihapus. Anda tidak akan dapat mengembalikan
                aksi ini!`,
            icon: "warning",
            showCancelButton: !0,
            confirmButtonColor: "rgb(249, 70, 135)",
            cancelButtonColor: "rgb(209, 207, 207)",
            confirmButtonText: "Ya, hapus!",
            cancelButtonText: "Batal"
        }).then(function (t) {
            if (t.value) {
                $.ajax({
                    url: "{{ route('daftar-akun.hapus') }}",
                    method: "POST",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        akun_jurnal_id: dataId
                    },
                    success: function (data) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil Menghapus Akun Jurnal',
                            text: 'Akun jurnal telah berhasil dihapus!',
                        }).then(function(){
                            location.reload();
                        });
                    }
                });
            }
        })
    }
</script>
    
@endsection