{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/transfers/index.blade.php | v1.0 | 17/07/2026 --}}
{{-- v1.0 — Listado de Transfer Orders entre almacenes. --}}

@extends('layouts.vertical', ['pageTitle' => __('warehouse.transfer-orders')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-exchange-alt"></i> {{ __('warehouse.transfer-orders') }}
        <small>{{ __('warehouse.transfers-between-wh') }}</small>
    </h1>
    <div class="subheader-block">
        <a href="{{ route('warehouse.transfers.create') }}" class="btn btn-primary btn-sm">
            <i class="fal fa-plus me-1"></i> {{ __('warehouse.new-transfer') }}
        </a>
    </div>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    <i class="fal fa-check-circle me-2"></i>{{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="panel text-center py-3 mb-0">
            <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('warehouse.pending-caps') }}</div>
            <div class="h3 mb-0 text-warning">{{ $stats['pending'] }}</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="panel text-center py-3 mb-0" style="border-top:3px solid #ffc107;">
            <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('warehouse.in-transit-tbridge-caps') }}</div>
            <div class="h3 mb-0 text-warning">{{ $stats['in_transit'] }}</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="panel text-center py-3 mb-0">
            <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('warehouse.received-caps') }}</div>
            <div class="h3 mb-0 text-success">{{ $stats['received'] }}</div>
        </div>
    </div>
</div>

{{-- Table --}}
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-exchange-alt me-2"></i> {{ __('warehouse.transfer-orders') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content p-0">
            <table class="table table-hover table-bordered mb-0">
                <thead>
                    <tr>
                        <th>{{ __('warehouse.to-num') }}</th>
                        <th>{{ __('warehouse.product') }}</th>
                        <th>{{ __('warehouse.from') }}</th>
                        <th>{{ __('warehouse.to') }}</th>
                        <th>{{ __('warehouse.lot') }}</th>
                        <th class="text-end">{{ __('warehouse.qty') }}</th>
                        <th class="text-center">{{ __('warehouse.status') }}</th>
                        <th>{{ __('warehouse.created') }}</th>
                        <th class="text-center">{{ __('warehouse.actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($transfers as $transfer)
                    <tr>
                        <td class="fw-bold">
                            <a href="{{ route('warehouse.transfers.show', $transfer) }}">
                                {{ $transfer->transfer_number }}
                            </a>
                        </td>
                        <td class="small">{{ Str::limit($transfer->product_name, 30) }}</td>
                        <td><span class="badge bg-secondary">{{ $transfer->from_warehouse_code }}</span></td>
                        <td><span class="badge bg-primary">{{ $transfer->to_warehouse_code }}</span></td>
                        <td><code class="small">{{ $transfer->lot_number }}</code></td>
                        <td class="text-end fw-bold">{{ number_format($transfer->quantity_requested, 2) }}</td>
                        <td class="text-center">
                            <span class="badge bg-{{ $transfer->status_color }}">{{ $transfer->status_label }}</span>
                        </td>
                        <td class="small text-muted">{{ $transfer->created_at->format('d/m/Y H:i') }}</td>
                        <td class="text-center">
                            <a href="{{ route('warehouse.transfers.show', $transfer) }}"
                               class="btn btn-sm btn-icon btn-outline-primary" title="{{ __('warehouse.view') }}">
                                <i class="fal fa-eye"></i>
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="9" class="text-center text-muted py-5">
                            <i class="fal fa-exchange-alt fa-3x d-block mb-3 opacity-25"></i>
                            {{ __('warehouse.no-transfer-orders') }}
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

{{ $transfers->links() }}

@endsection