@extends('admin.layouts.app')

@push('styles')
<style>
    .stock-card {
        transition: transform 0.2s;
    }
    .stock-card:hover {
        transform: translateY(-5px);
    }
    .deposito-badge {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }
</style>
@endpush

@section('title', 'Dashboard de Stock')

@section('content')
    <main class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Stock por Depósito</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="{{ route('inicio') }}"><i class="bx bx-home-alt"></i></a></li>
                        <li class="breadcrumb-item active" aria-current="page">Dashboard de Stock</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!--end breadcrumb-->

        <!-- Cards de resumo -->
        <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 g-3 mb-4">
            <div class="col">
                <div class="card radius-10 border-0 shadow-sm stock-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div>
                                <p class="mb-0 text-secondary">Total de Depósitos</p>
                                <h4 class="my-1 text-primary">{{ $totalDepositos }}</h4>
                            </div>
                            <div class="ms-auto fs-1 text-primary">
                                <i class="bi bi-building"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col">
                <div class="card radius-10 border-0 shadow-sm stock-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div>
                                <p class="mb-0 text-secondary">Artigos em Stock</p>
                                <h4 class="my-1 text-success">{{ $itensComStock }}</h4>
                            </div>
                            <div class="ms-auto fs-1 text-success">
                                <i class="bi bi-box-seam"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col">
                <div class="card radius-10 border-0 shadow-sm stock-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div>
                                <p class="mb-0 text-secondary">Artigos Sem Stock</p>
                                <h4 class="my-1 text-danger">{{ $itensSemStock }}</h4>
                            </div>
                            <div class="ms-auto fs-1 text-danger">
                                <i class="bi bi-exclamation-triangle"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col">
                <div class="card radius-10 border-0 shadow-sm stock-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div>
                                <p class="mb-0 text-secondary">Stock Total</p>
                                <h4 class="my-1 text-info">{{ number_format($stockTotal) }}</h4>
                            </div>
                            <div class="ms-auto fs-1 text-info">
                                <i class="bi bi-archive"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Filtros -->
        <div class="card shadow-sm radius-10 border-0 mb-4">
            <div class="card-body">
                <form method="GET" action="{{ route('stock.dashboard') }}">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">Depósito</label>
                            <select name="deposito_id" class="form-select">
                                <option value="">Todos os depósitos</option>
                                @foreach($depositos as $deposito)
                                    <option value="{{ $deposito->id }}" {{ request('deposito_id') == $deposito->id ? 'selected' : '' }}>
                                        {{ $deposito->nome }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Item</label>
                            <input type="text" name="search" class="form-control" placeholder="Pesquisar artigo ..." value="{{ request('search') }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Filtro</label>
                            <select name="filtro" class="form-select">
                                <option value="">Todos</option>
                                <option value="com_stock" {{ request('filtro') == 'com_stock' ? 'selected' : '' }}>Com Stock</option>
                                <option value="sem_stock" {{ request('filtro') == 'sem_stock' ? 'selected' : '' }}>Sem Stock</option>
                                <option value="baixo_stock" {{ request('filtro') == 'baixo_stock' ? 'selected' : '' }}>Baixo Stock</option>
                            </select>
                        </div>
                    </div>
                    <div class="mt-3">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-search"></i> Filtrar
                        </button>
                        <a href="{{ route('stock.dashboard') }}" class="btn btn-secondary">
                            <i class="bi bi-x-circle"></i> Limpar
                        </a>
                    </div>
                </form>
            </div>
        </div>

        <!-- Tabela de Stock por Depósito -->
        <div class="card shadow-sm radius-10 border-0">
            <div class="card-header bg-light">
                <h6 class="mb-0"><i class="bi bi-list-ul"></i> Stock por Artigo  e Depósito</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>Item</th>
                                <th>Categoria</th>
                                <th>Depósito</th>
                                <th class="text-end">Quantidade</th>
                                <th class="text-end">Ponto Reposição</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($stockPorDeposito as $stock)
                                <tr>
                                    <td>
                                        <strong>{{ $stock->item->nome }}</strong>
                                        <br>
                                        <small class="text-muted">Código: {{ $stock->item->codigo }}</small>
                                    </td>
                                    <td>{{ $stock->item->categoria->nome ?? 'N/A' }}</td>
                                    <td>
                                        <span class="badge deposito-badge bg-info">
                                            {{ $stock->deposito->nome }}
                                        </span>
                                    </td>
                                    <td class="text-end">
                                        <strong>{{ number_format($stock->quantidade) }}</strong>
                                    </td>
                                    <td class="text-end">{{ number_format($stock->item->ponto_reposicao) }}</td>
                                    <td class="text-center">
                                        @if($stock->quantidade == 0)
                                            <span class="badge bg-danger">Sem Stock</span>
                                        @elseif($stock->quantidade <= $stock->item->ponto_reposicao)
                                            <span class="badge bg-warning">Baixo Stock</span>
                                        @else
                                            <span class="badge bg-success">Normal</span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ route('itens.show', Crypt::encryptString($stock->item_id)) }}" class="btn btn-sm btn-outline-primary" title="Ver Artigo ">
                                            <i class="bi bi-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">
                                        <i class="bi bi-inbox" style="font-size: 2rem;"></i>
                                        <p class="mt-2">Nenhum registro encontrado</p>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if($stockPorDeposito instanceof \Illuminate\Pagination\LengthAwarePaginator)
                    <div class="mt-3">
                        {{ $stockPorDeposito->links() }}
                    </div>
                @endif
            </div>
        </div>

    </main>
@endsection

@push('scripts')
@endpush