@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-warning">
                    <div class="card-header">
                        <h3 class="card-title">{{ $variables['judul'] }}</h3>
                        <div class="card-tools">
                            <a href="{{ route('item_requests.index') }}" class="btn btn-sm btn-warning">
                                 <i class="fas fa-list"></i> List
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        @if($spbs->isEmpty())
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i> Tidak ada SPB yang diajukan untuk pembatalan.
                        </div>
                        @else
                        <div class="mb-3"> 
                            <button type="button" class="btn btn-success btn-sm" id="btn-approve-all">
                                <i class="fas fa-check"></i> Approve Selected
                            </button>
                            <button type="button" class="btn btn-danger btn-sm" id="btn-reject-all">
                                <i class="fas fa-times"></i> Reject Selected
                            </button>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-bordered table-hover table-sm">
                                <thead class="bg-warning">
                                    <tr>
                                        <th width="7%">
                                            All <input type="checkbox" id="check-all">
                                        </th>
                                        <th width="5%">No</th>
                                        <th>Nomor SPB</th>
                                        <th>Store</th>
                                        <th>Tipe</th>
                                        <th>Total Item</th>
                                        <th>Alasan Pembatalan</th>
                                        <th>Diajukan Oleh</th>
                                        <th>Tanggal Pengajuan</th>
                                        <th width="15%">Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($spbs as $index => $spb)
                                    <tr>
                                        <td class="text-center">
                                            <input type="checkbox" class="spb-checkbox" value="{{ $spb->id }}">
                                        </td>
                                        <td>{{ $index + 1 }}</td>
                                        <td>
                                            <a href="{{ route('item_requests.show', $spb->id) }}" target="_blank">
                                                {{ $spb->spb_number }}
                                            </a>
                                        </td>
                                        <td>{{ $spb->store->name ?? '-' }}</td>
                                        <td>
                                            <span class="badge {{ $spb->request_type == 'Regular' ? 'badge-info' : 'badge-dark' }}">
                                                {{ $spb->request_type }}
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            <span class="badge badge-primary">{{ $spb->details->count() }} items</span>
                                        </td>
                                        <td>
                                            <small>{{ $spb->cancellation_reason }}</small>
                                        </td>
                                        <td>
                                            <small>{{ $spb->modificator->fullname ?? '-' }}</small>
                                        </td>
                                        <td>
                                            <small>{{ $spb->updated_at->format('d M Y H:i') }}</small>
                                        </td>
                                        <td class="text-center">
                                            <button type="button" class="btn btn-xs btn-success btn-approve-single" data-id="{{ $spb->id }}">
                                                <i class="fas fa-check"></i> Approve
                                            </button>
                                            <button type="button" class="btn btn-xs btn-danger btn-reject-single" data-id="{{ $spb->id }}">
                                                <i class="fas fa-times"></i> Reject
                                            </button>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
$(document).ready(function() {
    // Check all
    $('#check-all').change(function() {
        $('.spb-checkbox').prop('checked', $(this).prop('checked'));
    });

    // Select all button
    $('#btn-select-all').click(function() {
        $('.spb-checkbox').prop('checked', true);
        $('#check-all').prop('checked', true);
    });

    // Deselect all button
    $('#btn-deselect-all').click(function() {
        $('.spb-checkbox').prop('checked', false);
        $('#check-all').prop('checked', false);
    });

    // Approve selected
    $('#btn-approve-all').click(function() {
        const selectedIds = $('.spb-checkbox:checked').map(function() {
            return $(this).val();
        }).get();

        if (selectedIds.length === 0) {
            Swal.fire({
                icon: 'warning',
                title: 'Tidak Ada SPB Dipilih',
                text: 'Silakan pilih SPB yang akan di-approve.'
            });
            return;
        }

        Swal.fire({
            title: 'Approve Pembatalan SPB?',
            text: `Anda akan approve ${selectedIds.length} SPB. SPB akan dibatalkan dan tidak dapat digunakan lagi.`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Approve',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#28a745'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("item_requests.process_cancellation") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        action: 'approve',
                        spb_ids: selectedIds
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil',
                                text: response.message
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: response.message
                            });
                        }
                    },
                    error: function(xhr) {
                        const message = xhr.responseJSON?.message || 'Terjadi kesalahan';
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: message
                        });
                    }
                });
            }
        });
    });

    // Reject selected
    $('#btn-reject-all').click(function() {
        const selectedIds = $('.spb-checkbox:checked').map(function() {
            return $(this).val();
        }).get();

        if (selectedIds.length === 0) {
            Swal.fire({
                icon: 'warning',
                title: 'Tidak Ada SPB Dipilih',
                text: 'Silakan pilih SPB yang akan di-reject.'
            });
            return;
        }

        Swal.fire({
            title: 'Reject Pembatalan SPB?',
            text: `Anda akan reject ${selectedIds.length} SPB. Status SPB akan kembali ke Open.`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Reject',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#dc3545'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("item_requests.process_cancellation") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        action: 'reject',
                        spb_ids: selectedIds
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil',
                                text: response.message
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: response.message
                            });
                        }
                    },
                    error: function(xhr) {
                        const message = xhr.responseJSON?.message || 'Terjadi kesalahan';
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: message
                        });
                    }
                });
            }
        });
    });

    // Approve single
    $(document).on('click', '.btn-approve-single', function() {
        const spbId = $(this).data('id');
        
        Swal.fire({
            title: 'Approve Pembatalan SPB?',
            text: 'SPB akan dibatalkan dan tidak dapat digunakan lagi.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Approve',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#28a745'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("item_requests.process_cancellation") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        action: 'approve',
                        spb_ids: [spbId]
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil',
                                text: response.message
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: response.message
                            });
                        }
                    },
                    error: function(xhr) {
                        const message = xhr.responseJSON?.message || 'Terjadi kesalahan';
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: message
                        });
                    }
                });
            }
        });
    });

    // Reject single
    $(document).on('click', '.btn-reject-single', function() {
        const spbId = $(this).data('id');
        
        Swal.fire({
            title: 'Reject Pembatalan SPB?',
            text: 'Status SPB akan kembali ke Open.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Reject',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#dc3545'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("item_requests.process_cancellation") }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        action: 'reject',
                        spb_ids: [spbId]
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil',
                                text: response.message
                            }).then(() => {
                                location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: response.message
                            });
                        }
                    },
                    error: function(xhr) {
                        const message = xhr.responseJSON?.message || 'Terjadi kesalahan';
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: message
                        });
                    }
                });
            }
        });
    });
});
</script>
@endsection