@extends('layouts.admin-simple')

@section('title', 'Stock Movements - ' . $indirectGood->ig_code)

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Indirect Goods</li>
    <li class="breadcrumb-item"><a href="{{ route('warehouse.indirect-goods.inventory.index') }}">Inventory</a></li>
    <li class="breadcrumb-item active">Stock Movements</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div class="page-title-left">
            <h3 class="mb-1">Stock Movements: {{ $indirectGood->ig_code }}</h3>
            <p class="text-muted mb-0" style="font-size: 13px;">{{ $indirectGood->ig_description }}</p>
        </div>
        <a href="{{ route('warehouse.indirect-goods.inventory.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="material-icons mr-1" style="font-size: 16px;">arrow_back</i> Back to Inventory
        </a>
    </div>
@endsection

@section('content')
    <!-- Summary Card -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-light">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-1">Category</h6>
                    <p class="font-weight-bold mb-0">{{ $indirectGood->category ? $indirectGood->category->category_name : '-' }}</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-light">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-1">Unit</h6>
                    <p class="font-weight-bold mb-0">{{ $indirectGood->unit ? $indirectGood->unit->unit_name : $indirectGood->unit_of_measure }}</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-light">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-1">Current Stock</h6>
                    <p class="font-weight-bold mb-0 {{ $indirectGood->total_quantity <= 0 ? 'text-danger' : '' }}">{{ number_format($indirectGood->total_quantity, 2) }}</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-light">
                <div class="card-body text-center">
                    <h6 class="text-muted mb-1">Total Movements</h6>
                    <p class="font-weight-bold mb-0">{{ $movements->total() }}</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Movements Table -->
    <div class="card">
        <div class="card-header">
            <h6 class="card-title mb-0"><i class="material-icons mr-2">history</i>Movement History</h6>
        </div>
        <div class="card-body">
            @if($movements->isEmpty())
                <div class="text-center py-4 text-muted">No stock movements recorded yet.</div>
            @else
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Date</th>
                                <th>Type</th>
                                <th>Reference</th>
                                <th>Invoice No.</th>
                                <th>Qty Before</th>
                                <th>Qty Moved</th>
                                <th>Qty After</th>
                                <th>By</th>
                                <th>Notes</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($movements as $index => $movement)
                                <tr>
                                    <td>{{ $movements->firstItem() + $index }}</td>
                                    <td>{{ $movement->created_at->format('d M Y H:i') }}</td>
                                    <td>
                                        @php
                                            $typeBadges = [
                                                'in' => 'success',
                                                'out' => 'primary',
                                                'adjustment' => 'warning',
                                                'consumption' => 'danger',
                                            ];
                                        @endphp
                                        <span class="badge badge-{{ $typeBadges[$movement->movement_type] ?? 'secondary' }}">
                                            {{ ucfirst($movement->movement_type) }}
                                        </span>
                                    </td>
                                    <td>{{ ucfirst($movement->reference_type) }} #{{ $movement->reference_id }}</td>
                                    <td>{{ $movement->invoice_number ?: '-' }}</td>
                                    <td class="text-right">{{ number_format($movement->quantity_before, 2) }}</td>
                                    <td class="text-right font-weight-bold {{ in_array($movement->movement_type, ['out', 'consumption']) ? 'text-danger' : 'text-success' }}">
                                        {{ in_array($movement->movement_type, ['out', 'consumption']) ? '-' : '+' }}{{ number_format($movement->quantity_moved, 2) }}
                                    </td>
                                    <td class="text-right">{{ number_format($movement->quantity_after, 2) }}</td>
                                    <td>{{ $movement->user ? $movement->user->name : '-' }}</td>
                                    <td>{{ $movement->notes ?: '-' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="mt-3">{{ $movements->links() }}</div>
            @endif
        </div>
    </div>
@endsection