CKB/resources/views/warehouse_management/mutations/_action.blade.php

<div class="btn-group btn-group-sm" role="group">
    <!-- View Button -->
    <a href="{{ route('mutations.show', $row->id) }}" 
       class="btn btn-sm btn-clean btn-icon btn-icon-md" 
       title="Lihat Detail">
        <i class="la la-eye"></i>
    </a>

    @if($row->status->value === 'sent')
        <!-- Receive Button (untuk dealer tujuan) -->
        @if(auth()->user()->dealer_id == $row->to_dealer_id)
        <button type="button" 
                class="btn btn-sm btn-clean btn-icon btn-icon-md btn-receive" 
                data-id="{{ $row->id }}"
                title="Terima Mutasi">
            <i class="la la-download text-primary"></i>
        </button>
        @endif

        <!-- Cancel Button (untuk pengirim) -->
        @if(auth()->user()->dealer_id == $row->from_dealer_id || auth()->user()->hasRole('admin'))
        <button type="button" 
                class="btn btn-sm btn-clean btn-icon btn-icon-md btn-cancel" 
                data-id="{{ $row->id }}"
                title="Batalkan Mutasi">
            <i class="la la-ban text-warning"></i>
        </button>
        @endif
    @endif

    @if($row->status->value === 'received')
        <!-- Approve Button (untuk pengirim atau admin) -->
        @if(auth()->user()->dealer_id == $row->from_dealer_id || auth()->user()->hasRole('admin'))
        <button type="button" 
                class="btn btn-sm btn-clean btn-icon btn-icon-md btn-approve" 
                data-id="{{ $row->id }}"
                title="Setujui Mutasi">
            <i class="la la-check text-success"></i>
        </button>
        @endif

        <!-- Reject Button (untuk pengirim atau admin) -->
        @if(auth()->user()->dealer_id == $row->from_dealer_id || auth()->user()->hasRole('admin'))
        <button type="button" 
                class="btn btn-sm btn-clean btn-icon btn-icon-md btn-reject" 
                data-id="{{ $row->id }}"
                title="Tolak Mutasi">
            <i class="la la-times text-danger"></i>
        </button>
        @endif
    @endif

    @if($row->status->value === 'approved')
        <!-- Complete/Receive Button -->
        @can('complete-mutation')
        <button type="button" 
                class="btn btn-sm btn-clean btn-icon btn-icon-md btn-complete" 
                data-id="{{ $row->id }}"
                title="Terima & Selesaikan Mutasi">
            <i class="la la-check-circle text-primary"></i>
        </button>
        @endcan

        <!-- Cancel Button -->
        @can('edit-mutation')
        <button type="button" 
                class="btn btn-sm btn-clean btn-icon btn-icon-md btn-cancel" 
                data-id="{{ $row->id }}"
                title="Batalkan Mutasi">
            <i class="la la-ban text-warning"></i>
        </button>
        @endcan
    @endif

    @if(in_array($row->status->value, ['pending', 'approved']) && auth()->user()->id === $row->requested_by)
        <!-- Edit Button (only for creator and if still pending/approved) -->
        <a href="{{ route('mutations.edit', $row->id) }}" 
           class="btn btn-sm btn-clean btn-icon btn-icon-md" 
           title="Edit Mutasi">
            <i class="la la-edit text-info"></i>
        </a>
    @endif

    @if($row->status->value === 'completed')
        <!-- Print Button -->
        <a href="{{ route('mutations.print', $row->id) }}" 
           class="btn btn-sm btn-clean btn-icon btn-icon-md" 
           target="_blank"
           title="Cetak Laporan">
            <i class="la la-print text-info"></i>
        </a>
    @endif
</div>

<!-- Modal untuk Approve -->
<div class="modal fade" id="approveModal{{ $row->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Setujui Mutasi</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form action="{{ route('mutations.approve', $row->id) }}" method="POST" class="approve-form">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label>Catatan Persetujuan</label>
                        <textarea name="notes" class="form-control" rows="3" placeholder="Opsional: tambahkan catatan..."></textarea>
                    </div>
                    
                    <!-- Detail produk akan dimuat via AJAX -->
                    <div id="mutation-details{{ $row->id }}">
                        <div class="text-center">
                            <div class="spinner-border" role="status">
                                <span class="sr-only">Loading...</span>
                            </div>
                            <p>Memuat detail produk...</p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-success">Setujui Mutasi</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal untuk Reject -->
<div class="modal fade" id="rejectModal{{ $row->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Tolak Mutasi</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form action="{{ route('mutations.reject', $row->id) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <strong>Peringatan!</strong> Mutasi yang ditolak tidak dapat diubah lagi.
                    </div>
                    <div class="form-group">
                        <label>Alasan Penolakan <span class="text-danger">*</span></label>
                        <textarea name="rejection_reason" class="form-control" rows="3" required placeholder="Masukkan alasan penolakan..."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Tolak Mutasi</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal untuk Receive -->
<div class="modal fade" id="receiveModal{{ $row->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Terima Mutasi</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form action="{{ route('mutations.receive', $row->id) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-info">
                        <strong>Konfirmasi!</strong> Anda akan menerima mutasi dari <strong>{{ $row->fromDealer->name }}</strong>.
                    </div>
                    <p>Setelah menerima, mutasi akan menunggu persetujuan dari pengirim sebelum stock dipindahkan.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary">Ya, Terima</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal untuk Complete -->
<div class="modal fade" id="completeModal{{ $row->id }}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Selesaikan Mutasi</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form action="{{ route('mutations.complete', $row->id) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-info">
                        <strong>Konfirmasi!</strong> Stock akan dipindahkan dari <strong>{{ $row->fromDealer->name }}</strong> ke <strong>{{ $row->toDealer->name }}</strong>.
                    </div>
                    <p>Apakah Anda yakin ingin menyelesaikan mutasi ini? Tindakan ini tidak dapat dibatalkan.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary">Ya, Selesaikan</button>
                </div>
            </form>
        </div>
    </div>
</div>