@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Master COA Template'])

    <div class="container-fluid py-4">
        <div class="card">
            <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                <div>
                    <h6 class="mb-0">Master COA Template</h6>
                    <small class="text-muted">Pengaturan kerangka layout COA fleksibel</small>
                </div>

                <a onclick="window.location='{{ URL::to($url_menu . '/add') }}'" class="btn btn-primary btn-sm mb-0">
                    <i class="fas fa-plus me-1"></i> Tambah Template
                </a>
            </div>

            <div class="card-body px-0 pt-3 pb-2">
                <div class="table-responsive px-3">
                    <table class="table table-hover align-items-center mb-0" id="templateTable">
                        <thead class="thead-light" style="background-color: #00b7bd4f;">
                            <tr>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder text-center">Action
                                </th>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder">No</th>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder">COA Type</th>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder">Layout</th>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder">Title</th>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder">Header</th>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder text-center">Option
                                </th>
                                <th class="text-uppercase text-secondary text-xs font-weight-bolder text-center">Status
                                </th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($templates as $template)
                                <tr class="{{ $template->is_active == 0 ? 'table-danger' : '' }}">
                                    <td class="text-sm font-weight-normal text-center">
                                        @php
                                            $primary = $template->id;
                                        @endphp

                                        <div class="btn-group">
                                            <button class="btn btn-primary btn-sm mb-0 px-3" type="button"
                                                title="View Data"
                                                onclick="window.location='{{ url($url_menu . '/show/' . encrypt($primary)) }}'">
                                                <i class="fas fa-eye"></i>
                                                <span class="font-weight-bold"> View</span>
                                            </button>

                                            <button type="button"
                                                class="btn btn-sm btn-primary mb-0 px-3 dropdown-toggle dropdown-toggle-split"
                                                data-bs-toggle="dropdown" aria-expanded="false">
                                                <span class="visually-hidden">Toggle Dropdown</span>
                                            </button>

                                            <ul class="dropdown-menu">
                                                @if ($authorize->edit == '1')
                                                    <li>
                                                        <button type="button" class="btn btn-sm btn-warning mx-2 mb-0 w-90"
                                                            title="Edit Data"
                                                            onclick="window.location='{{ url($url_menu . '/edit/' . encrypt($primary)) }}'">
                                                            <i class="fas fa-edit"></i>
                                                            <span class="font-weight-bold"> Edit</span>
                                                        </button>
                                                    </li>
                                                @endif

                                                @if ($authorize->delete == '1')
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>

                                                    <li>
                                                        <form action="{{ url($url_menu . '/' . encrypt($primary)) }}"
                                                            method="POST" style="display:inline">
                                                            @csrf
                                                            @method('DELETE')

                                                            <button type="submit"
                                                                class="btn btn-sm btn-{{ $template->is_active == '0' ? 'success' : 'danger' }} mx-2 mb-0 w-90"
                                                                title="Ubah Status"
                                                                onclick="return deleteData(event, '{{ $primary }}', '{{ $template->is_active == '0' ? 'Aktifkan' : 'Non Aktifkan' }}')">
                                                                <i class="fas fa-random"></i>
                                                                <span class="font-weight-bold">
                                                                    {{ $template->is_active == '0' ? 'Aktifkan' : 'Non Aktifkan' }}
                                                                </span>
                                                            </button>
                                                        </form>
                                                    </li>
                                                @endif
                                            </ul>
                                        </div>
                                    </td>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $template->coa_type_name }}</td>
                                    <td>{{ $template->column_type }}</td>
                                    <td>{{ $template->title }}</td>
                                    <td>{{ $template->spec_header ?? '-' }} / {{ $template->result_header ?? '-' }}</td>
                                    <td>
                                        {{ $template->use_standard ? 'Standard ' : '' }}
                                        {{ $template->use_test_method ? 'Method ' : '' }}
                                        {{ $template->use_note ? 'Note' : '' }}
                                    </td>
                                    <td>{{ $template->is_active ? 'Active' : 'Inactive' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="row px-4 py-2">
                    <div class="col-lg">
                        <div class="nav-wrapper" id="noted"><code>Note : <i aria-hidden="true" style="color: #ffc2cd;"
                                    class="fas fa-circle"></i> Data not active</code>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            $('#templateTable').DataTable({
                responsive: true,
                paging: true,
                searching: true,
                ordering: true,
                info: true,
                pageLength: 10,
                language: {
                    search: "Cari:",
                    lengthMenu: "Tampilkan _MENU_ data",
                    zeroRecords: "Data tidak ditemukan",
                    info: "Menampilkan _START_ - _END_ dari _TOTAL_ data",
                    infoEmpty: "Tidak ada data",
                    infoFiltered: "(difilter dari _MAX_ total data)",
                    paginate: {
                        previous: "Sebelumnya",
                        next: "Berikutnya"
                    }
                }
            });

            $('.delete-form').on('submit', function(e) {
                e.preventDefault();

                Swal.fire({
                    title: 'Hapus Template?',
                    text: 'Data template COA akan dihapus dari sistem.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Ya, Hapus',
                    cancelButtonText: 'Batal',
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#6c757d'
                }).then((result) => {
                    if (result.isConfirmed) {
                        this.submit();
                    }
                });
            });
        });
    </script>
@endpush