@extends('layouts.app')

@section('title', 'Detalles del Inventario Físico')

@section('content')
<div class="container-fluid">
    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.inventory.dashboard') }}">Inventario</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.inventory.physical.index') }}">Inventario Físico</a></li>
            <li class="breadcrumb-item active">{{ $inventory->inventory_number }}</li>
        </ol>
    </nav>

    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">
                <i class="fas fa-clipboard-list me-2 text-primary"></i>{{ $inventory->name }}
            </h1>
            <p class="text-muted mb-0">Código: {{ $inventory->inventory_number }}</p>
        </div>
        <div class="btn-group" role="group">
            @if($inventory->status === 'planned')
                <a href="{{ route('admin.inventory.physical.edit', $inventory) }}" class="btn btn-warning">
                    <i class="fas fa-edit me-2"></i>Editar
                </a>
                <form method="POST" action="{{ route('admin.inventory.physical.start', $inventory) }}" 
                      style="display: inline;" onsubmit="return confirm('¿Iniciar este inventario?')">
                    @csrf
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-play me-2"></i>Iniciar
                    </button>
                </form>
            @elseif($inventory->status === 'in_progress')
                <form method="POST" action="{{ route('admin.inventory.physical.complete', $inventory) }}" 
                      style="display: inline;" onsubmit="return confirm('¿Completar este inventario?')">
                    @csrf
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-check me-2"></i>Completar
                    </button>
                </form>
            @endif
            <a href="{{ route('admin.inventory.physical.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-2"></i>Volver
            </a>
        </div>
    </div>

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

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="fas fa-exclamation-circle me-2"></i>{{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <!-- Información General -->
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-header bg-primary text-white">
                    <h6 class="m-0 font-weight-bold">
                        <i class="fas fa-info-circle me-2"></i>Información General
                    </h6>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tr>
                            <th width="40%">Código:</th>
                            <td><span class="badge bg-primary">{{ $inventory->inventory_number }}</span></td>
                        </tr>
                        <tr>
                            <th>Almacén:</th>
                            <td>{{ $inventory->warehouse->name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Tipo:</th>
                            <td>
                                @php
                                    $typeLabels = [
                                        'full' => 'Inventario Completo',
                                        'partial' => 'Inventario Parcial',
                                        'cycle_count' => 'Conteo Cíclico',
                                        'spot_check' => 'Verificación Aleatoria'
                                    ];
                                @endphp
                                <span class="badge bg-info">{{ $typeLabels[$inventory->type] ?? $inventory->type }}</span>
                            </td>
                        </tr>
                        <tr>
                            <th>Estado:</th>
                            <td>
                                @php
                                    $statusColors = [
                                        'planned' => 'warning',
                                        'in_progress' => 'info',
                                        'completed' => 'success',
                                        'cancelled' => 'danger'
                                    ];
                                    $statusLabels = [
                                        'planned' => 'Planificado',
                                        'in_progress' => 'En Progreso',
                                        'completed' => 'Completado',
                                        'cancelled' => 'Cancelado'
                                    ];
                                @endphp
                                <span class="badge bg-{{ $statusColors[$inventory->status] ?? 'secondary' }}">
                                    {{ $statusLabels[$inventory->status] ?? $inventory->status }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <th>Fecha Inicio:</th>
                            <td>{{ $inventory->start_date->format('d/m/Y') }}</td>
                        </tr>
                        <tr>
                            <th>Fecha Fin:</th>
                            <td>{{ $inventory->end_date ? $inventory->end_date->format('d/m/Y') : '-' }}</td>
                        </tr>
                        <tr>
                            <th>Creado por:</th>
                            <td>{{ $inventory->createdBy->name ?? 'N/A' }}</td>
                        </tr>
                        @if($inventory->completed_by)
                            <tr>
                                <th>Completado por:</th>
                                <td>{{ $inventory->completedBy->name ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Fecha Completado:</th>
                                <td>{{ $inventory->completed_at ? $inventory->completed_at->format('d/m/Y H:i') : '-' }}</td>
                            </tr>
                        @endif
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-header bg-success text-white">
                    <h6 class="m-0 font-weight-bold">
                        <i class="fas fa-chart-line me-2"></i>Estadísticas
                    </h6>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tr>
                            <th width="40%">Total Items:</th>
                            <td><strong>{{ $inventory->items->count() }}</strong></td>
                        </tr>
                        <tr>
                            <th>Items Contados:</th>
                            <td>
                                <strong>{{ $inventory->items->where('status', '!=', 'pending')->count() }}</strong>
                                @if($inventory->items->count() > 0)
                                    <small class="text-muted">
                                        ({{ number_format(($inventory->items->where('status', '!=', 'pending')->count() / $inventory->items->count()) * 100, 1) }}%)
                                    </small>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>Items Pendientes:</th>
                            <td>
                                <strong>{{ $inventory->items->where('status', 'pending')->count() }}</strong>
                            </td>
                        </tr>
                        <tr>
                            <th>Varianza Total:</th>
                            <td>
                                @if($inventory->total_variance_usd != 0)
                                    <span class="badge {{ $inventory->total_variance_usd > 0 ? 'bg-success' : 'bg-danger' }}">
                                        ${{ number_format($inventory->total_variance_usd, 2) }}
                                    </span>
                                @else
                                    <span class="text-muted">$0.00</span>
                                @endif
                            </td>
                        </tr>
                    </table>

                    @if($inventory->status === 'in_progress' && $inventory->items->count() > 0)
                        <div class="mt-3">
                            <label class="form-label">Progreso:</label>
                            <div class="progress" style="height: 25px;">
                                @php
                                    $progress = ($inventory->items->where('status', '!=', 'pending')->count() / $inventory->items->count()) * 100;
                                @endphp
                                <div class="progress-bar bg-success" role="progressbar" 
                                     style="width: {{ $progress }}%" 
                                     aria-valuenow="{{ $progress }}" 
                                     aria-valuemin="0" aria-valuemax="100">
                                    {{ number_format($progress, 1) }}%
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @if($inventory->description)
        <div class="card shadow mb-4">
            <div class="card-header">
                <h6 class="m-0 font-weight-bold text-primary">
                    <i class="fas fa-file-alt me-2"></i>Descripción
                </h6>
            </div>
            <div class="card-body">
                <p>{{ $inventory->description }}</p>
            </div>
        </div>
    @endif

    @if($inventory->notes)
        <div class="card shadow mb-4">
            <div class="card-header">
                <h6 class="m-0 font-weight-bold text-primary">
                    <i class="fas fa-sticky-note me-2"></i>Notas
                </h6>
            </div>
            <div class="card-body">
                <p>{{ $inventory->notes }}</p>
            </div>
        </div>
    @endif

    <!-- Items del Inventario -->
    <div class="card shadow mb-4">
        <div class="card-header bg-info text-white">
            <h6 class="m-0 font-weight-bold">
                <i class="fas fa-boxes me-2"></i>Items del Inventario ({{ $inventory->items->count() }})
            </h6>
        </div>
        <div class="card-body">
            @if($inventory->items->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="thead-light">
                            <tr>
                                <th>Producto</th>
                                <th>Ubicación</th>
                                <th>Cantidad Sistema</th>
                                <th>Cantidad Contada</th>
                                <th>Diferencia</th>
                                <th>Varianza ($)</th>
                                <th>Estado</th>
                                <th>Contado por</th>
                                <th>Fecha</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($inventory->items as $item)
                                <tr>
                                    <td>
                                        <strong>{{ $item->product->name ?? 'N/A' }}</strong>
                                        @if($item->product)
                                            <br><small class="text-muted">{{ $item->product->code }}</small>
                                        @endif
                                    </td>
                                    <td>{{ $item->location->name ?? 'N/A' }}</td>
                                    <td>{{ number_format($item->system_quantity, 3) }}</td>
                                    <td>
                                        @if($item->counted_quantity !== null)
                                            {{ number_format($item->counted_quantity, 3) }}
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($item->variance_quantity != 0)
                                            <span class="badge {{ $item->variance_quantity > 0 ? 'bg-success' : 'bg-danger' }}">
                                                {{ number_format($item->variance_quantity, 3) }}
                                            </span>
                                        @else
                                            <span class="text-muted">0.000</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($item->variance_amount_usd != 0)
                                            <span class="badge {{ $item->variance_amount_usd > 0 ? 'bg-success' : 'bg-danger' }}">
                                                ${{ number_format($item->variance_amount_usd, 2) }}
                                            </span>
                                        @else
                                            <span class="text-muted">$0.00</span>
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $itemStatusColors = [
                                                'pending' => 'warning',
                                                'counted' => 'info',
                                                'verified' => 'primary',
                                                'adjusted' => 'success'
                                            ];
                                            $itemStatusLabels = [
                                                'pending' => 'Pendiente',
                                                'counted' => 'Contado',
                                                'verified' => 'Verificado',
                                                'adjusted' => 'Ajustado'
                                            ];
                                        @endphp
                                        <span class="badge bg-{{ $itemStatusColors[$item->status] ?? 'secondary' }}">
                                            {{ $itemStatusLabels[$item->status] ?? $item->status }}
                                        </span>
                                    </td>
                                    <td>{{ $item->countedBy->name ?? '-' }}</td>
                                    <td>{{ $item->counted_at ? $item->counted_at->format('d/m/Y H:i') : '-' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-4">
                    <i class="fas fa-box-open fa-3x text-muted mb-3"></i>
                    <p class="text-muted">No hay items en este inventario</p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection