@extends('layouts.main')

@section('judul')
    <h1 class="page-heading d-flex flex-column justify-content-center text-dark fw-bold fs-3 m-0">Master Dekan</h1>
@endsection

@section('breadchums')
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0">
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('home') }}" class="text-muted text-hover-primary">Home</a>
    </li>
    <li class="breadcrumb-item"><span class="bullet bg-gray-500 w-5px h-2px"></span></li>
    <li class="breadcrumb-item text-muted">Master Dekan</li>
</ul>
@endsection

@section('isi')
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-fluid">

                <div class="card shadow-sm">
                    <div class="card-header">
                        <div class="card-title fs-3 fw-bold">Daftar Dekan per Fakultas</div>
                        <div class="card-toolbar">
                            @if(Auth::user()->hasRole('developer'))
                            <button class="btn btn-sm btn-light-primary me-2" id="btnSyncDekan">
                                Sync dari SIAK
                            </button>
                            @endif
                            <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#modalTambahDekan">
                                + Tambah Dekan
                            </button>
                        </div>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered table-hover align-middle" id="tblMasterDekan">
                            <thead class="table-light">
                                <tr>
                                    <th>No</th>
                                    <th>KDPST Dikti</th>
                                    <th>Fakultas</th>
                                    <th>Nama Dekan</th>
                                    <th>NIDN</th>
                                    <th>Kd. Dosen</th>
                                    <th>Sumber</th>
                                    <th>Status</th>
                                    <th>Dibuat</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>

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

{{-- Modal Tambah Dekan --}}
<div class="modal fade" id="modalTambahDekan" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Tambah Dekan</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @if(Auth::user()->can('read developer'))
                <div class="alert alert-info py-2 mb-4">Anda bisa menambah dekan untuk fakultas manapun.</div>
                @elseif(count($fakultasList))
                <div class="alert alert-info py-2 mb-4">
                    Fakultas yang bisa Anda kelola: <strong>{{ \Illuminate\Support\Str::title(implode(', ', $fakultasList)) }}</strong>.
                    Fakultas ditentukan otomatis dari prodi dosen yang dicari.
                </div>
                @else
                <div class="alert alert-warning py-2 mb-4">Anda belum terdaftar di prodi manapun, sehingga tidak bisa menambah dekan. Hubungi administrator.</div>
                @endif

                <div class="mb-4">
                    <label class="form-label fw-semibold">Kode Dosen (kd_dosen)</label>
                    <div class="input-group">
                        <input type="text" id="inputKdDosen" class="form-control" placeholder="Masukkan kd_dosen...">
                        <button class="btn btn-outline-primary" id="btnCariDosen" type="button">Cari</button>
                    </div>
                </div>

                <div id="previewDosen" class="d-none">
                    <table class="table table-sm table-bordered mb-0">
                        <tr><th width="35%">Nama Dekan</th><td id="previewNama">-</td></tr>
                        <tr><th>NIDN</th><td id="previewNidn">-</td></tr>
                        <tr><th>Status SIAK</th><td id="previewStatus">-</td></tr>
                    </table>
                </div>

                <div id="alertDosen" class="alert alert-danger d-none mt-3"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-primary d-none" id="btnSimpanDekan">Simpan</button>
            </div>
        </div>
    </div>
</div>
{{-- Modal Edit Dekan (manual, dilindungi dari sync mingguan) --}}
<div class="modal fade" id="modalEditDekan" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Dekan (Manual)</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning py-2 mb-4">
                    Data yang diedit di sini tidak akan ditimpa oleh sync mingguan dari SIAK.
                </div>
                <div class="mb-4">
                    <label class="form-label fw-semibold">Nama Dekan</label>
                    <input type="text" id="editNamaDekan" class="form-control">
                </div>
                <div class="mb-4">
                    <label class="form-label fw-semibold">NIDN</label>
                    <input type="text" id="editNidn" class="form-control">
                </div>
                <div class="mb-4">
                    <label class="form-label fw-semibold">Kd. Dosen</label>
                    <input type="text" id="editKdDosen" class="form-control">
                </div>
                <div id="alertEditDekan" class="alert alert-danger d-none"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                <button type="button" class="btn btn-primary" id="btnSimpanEditDekan">Simpan</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js-vendor')
    <script src="{{ asset('') }}assets/plugins/custom/datatables/datatables.bundle.js"></script>
@endpush

@push('js-page')
<script>
    var table = $('#tblMasterDekan').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ url()->current() }}",
        columns: [
            { data: 'DT_RowIndex', searchable: false, orderable: false },
            { data: 'kdpst_dikti', name: 'kdpst_dikti' },
            { data: 'fakultas_label', name: 'fakultas' },
            { data: 'nama_dekan', name: 'nama_dekan' },
            { data: 'nidn', name: 'nidn' },
            { data: 'kd_dosen', name: 'kd_dosen' },
            { data: 'sumber', name: 'is_manual', orderable: false },
            { data: 'status', name: 'is_active', orderable: false },
            { data: 'dibuat', name: 'created_at' },
            { data: 'aksi', name: 'aksi', orderable: false, searchable: false },
        ],
        order: [[1, 'asc']],
    });

    // Sync manual dari SIAK (developer only)
    $('#btnSyncDekan').on('click', function () {
        const btn = $(this);
        btn.prop('disabled', true).text('Sinkronisasi...');

        $.ajax({
            url: '{{ route('master-dekan.sync') }}',
            method: 'POST',
            data: { _token: '{{ csrf_token() }}' },
            success: function (res) {
                Swal.fire({
                    title: 'Sync selesai',
                    html: (res.message || 'Sync selesai.').replace(/\n/g, '<br>'),
                    icon: 'success',
                    buttonsStyling: false,
                    confirmButtonText: 'Ok',
                    customClass: { confirmButton: 'btn btn-primary' },
                });
                table.ajax.reload(null, false);
            },
            error: function (xhr) {
                Swal.fire({
                    title: 'Gagal sync',
                    text: xhr.responseJSON?.message ?? 'Gagal sync.',
                    icon: 'error',
                    buttonsStyling: false,
                    confirmButtonText: 'Ok',
                    customClass: { confirmButton: 'btn btn-primary' },
                });
            },
            complete: function () {
                btn.prop('disabled', false).text('Sync dari SIAK');
            }
        });
    });

    // Cari dosen by kd_dosen
    $('#btnCariDosen').on('click', function () {
        const kdDosen = $('#inputKdDosen').val().trim();
        if (!kdDosen) return;

        $('#previewDosen').addClass('d-none');
        $('#alertDosen').addClass('d-none');
        $('#btnSimpanDekan').addClass('d-none');

        $.get('{{ route('master-dekan.getDosen') }}', { kd_dosen: kdDosen })
            .done(function (res) {
                $('#previewNama').text(res.nama_dekan || '-');
                $('#previewNidn').text(res.nidn || '-');
                $('#previewStatus').text(res.stsakad || '-');
                $('#previewDosen').removeClass('d-none');
                $('#btnSimpanDekan').removeClass('d-none');
            })
            .fail(function (xhr) {
                $('#alertDosen').text(xhr.responseJSON?.error ?? 'Dosen tidak ditemukan').removeClass('d-none');
            });
    });

    // Simpan dekan baru
    $('#btnSimpanDekan').on('click', function () {
        const kdDosen = $('#inputKdDosen').val().trim();

        $.ajax({
            url: '{{ route('master-dekan.store') }}',
            method: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                kd_dosen: kdDosen,
            },
            success: function (res) {
                $('#modalTambahDekan').modal('hide');
                table.ajax.reload(null, false);
            },
            error: function (xhr) {
                $('#alertDosen').text(xhr.responseJSON?.error ?? 'Gagal menyimpan').removeClass('d-none');
                $('#btnSimpanDekan').addClass('d-none');
            }
        });
    });

    // Buka modal edit manual
    let editDekanId = null;
    $(document).on('click', '.btn-edit-dekan', function () {
        const btn = $(this);
        editDekanId = btn.data('id');

        $('#editNamaDekan').val(btn.data('nama') || '');
        $('#editNidn').val(btn.data('nidn') || '');
        $('#editKdDosen').val(btn.data('kd-dosen') || '');
        $('#alertEditDekan').addClass('d-none');

        $('#modalEditDekan').modal('show');
    });

    // Simpan edit manual
    $('#btnSimpanEditDekan').on('click', function () {
        $.ajax({
            url: `/master-dekan/${editDekanId}`,
            method: 'PATCH',
            data: {
                _token: '{{ csrf_token() }}',
                nama_dekan: $('#editNamaDekan').val().trim(),
                nidn: $('#editNidn').val().trim(),
                kd_dosen: $('#editKdDosen').val().trim(),
            },
            success: function () {
                $('#modalEditDekan').modal('hide');
                table.ajax.reload(null, false);
            },
            error: function (xhr) {
                $('#alertEditDekan').text(xhr.responseJSON?.message ?? 'Gagal menyimpan').removeClass('d-none');
            }
        });
    });

    // Toggle aktif/non-aktif
    $(document).on('click', '.btn-toggle-active', function () {
        const btn = $(this);
        const id  = btn.data('id');

        $.ajax({
            url: `/master-dekan/${id}/toggle`,
            method: 'PATCH',
            data: { _token: '{{ csrf_token() }}' },
            success: function () {
                table.ajax.reload(null, false);
            }
        });
    });
</script>
@endpush