@extends('admin.layouts.app')

@push('styles')
<style>
    .card-header-custom {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }
    .item-card {
        transition: all 0.3s ease;
    }
    .item-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
</style>
@endpush

@section('title', 'Aprovar/Rejeitar Requisição')

@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">Requisições Internas</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"><a href="{{ route('requisicoes.index') }}">Requisições Internas</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('requisicoes.show', Crypt::encryptString($requisicao->id)) }}">{{ $requisicao->codigo }}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Aprovar/Rejeitar</li>
                        </ol>
                    </nav>
                </div>
            </div>
            <!--end breadcrumb-->

            @if($requisicao->estado !== 'pendente')
                <div class="alert alert-warning">
                    <i class="bi bi-exclamation-triangle"></i>
                    Esta requisição já foi {{ $requisicao->estado }}. Não é possível alterar o estado novamente.
                </div>
            @endif

            <!-- Informações da Requisição -->
            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-header card-header-custom">
                    <h5 class="mb-0"><i class="bi bi-file-text"></i> Informações da Requisição</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label fw-bold text-muted">Código</label>
                            <p class="mb-0">{{ $requisicao->codigo }}</p>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label fw-bold text-muted">Requisitante</label>
                            <p class="mb-0">{{ $requisicao->requisitante }}</p>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label fw-bold text-muted">Departamento</label>
                            <p class="mb-0">{{ $requisicao->departamento->nome ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label fw-bold text-muted">Data da Requisição</label>
                            <p class="mb-0">{{ $requisicao->data_requisicao->format('d/m/Y H:i') }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold text-muted">Motivo</label>
                            <p class="mb-0">{{ $requisicao->motivo ?? 'Sem motivo especificado' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold text-muted">Observações</label>
                            <p class="mb-0">{{ $requisicao->observacoes ?? 'Sem observações' }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Artigos da Requisição -->
            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-header card-header-custom">
                    <h5 class="mb-0"><i class="bi bi-box-seam"></i> Artigos Solicitados</h5>
                </div>
                <div class="card-body">
                    @if($requisicao->itens->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th width="5%">#</th>
                                        <th width="15%">Número</th>
                                        <th>Nome do Artigo </th>
                                        <th width="15%" class="text-center">Qtd. Solicitada</th>
                                        <th width="15%" class="text-center">Stock Actual</th>
                                        <th>Observações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($requisicao->itens as $index => $requisicaoItem)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td><code>{{ $requisicaoItem->item->numero_item ?? 'N/A' }}</code></td>
                                            <td>
                                                <strong>{{ $requisicaoItem->item->nome ?? 'N/A' }}</strong>
                                                <br>
                                                <small class="text-muted">{{ $requisicaoItem->item->categoria->nome ?? '' }}</small>
                                            </td>
                                            <td class="text-center">
                                                <span class="badge bg-primary fs-6">{{ $requisicaoItem->quantidade_solicitada }}</span>
                                            </td>
                                            <td class="text-center">
                                                @php
                                                    $estoqueAtual = $requisicaoItem->item->quantidadeTotal() ?? 0;
                                                    $badgeClass = $estoqueAtual >= $requisicaoItem->quantidade_solicitada ? 'success' : 'danger';
                                                @endphp
                                                <span class="badge bg-{{ $badgeClass }} fs-6">{{ $estoqueAtual }}</span>
                                            </td>
                                            <td>
                                                <small>{{ $requisicaoItem->observacoes ?? '-' }}</small>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-info mb-0">
                            <i class="bi bi-info-circle"></i> Nenhum artigo foi adicionado a esta requisição.
                        </div>
                    @endif
                </div>
            </div>

            <!-- Formulário de Aprovação/Rejeição -->
            @if($requisicao->estado === 'pendente')
                <form action="{{ route('requisicoes.processar-aprovacao', Crypt::encryptString($requisicao->id)) }}" method="POST">
                    @csrf

                    <!-- Quantidades Aprovadas (somente para aprovação) -->
                    <div class="card shadow-sm radius-10 border-0 mb-3" id="quantidades-card">
                        <div class="card-header bg-success text-white">
                            <h5 class="mb-0"><i class="bi bi-check-circle"></i> Definir Quantidades Aprovadas</h5>
                        </div>
                        <div class="card-body">
                            <p class="text-muted mb-3">
                                <i class="bi bi-info-circle"></i>
                                Defina a quantidade aprovada para cada artigo . Deixe em branco ou zero para não aprovar o artigo .
                            </p>
                            @foreach($requisicao->itens as $requisicaoItem)
                                <div class="row mb-3 align-items-center">
                                            <div class="col-md-5">
                                        <label class="form-label fw-bold">{{ $requisicaoItem->item->nome ?? 'Item não encontrado' }}</label>
                                        <p class="text-muted mb-0 small">
                                            Código: {{ $requisicaoItem->item->numero_item ?? 'N/A' }} |
                                            Solicitado: <strong>{{ $requisicaoItem->quantidade_solicitada }}</strong> |
                                            Stock: <strong>{{ $requisicaoItem->item->quantidadeTotal() ?? 0 }}</strong>
                                        </p>
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label">Quantidade Aprovada</label>
                                        <input
                                            type="number"
                                            name="itens[{{ $requisicaoItem->id }}][quantidade_aprovada]"
                                            class="form-control"
                                            min="0"
                                            max="{{ $requisicaoItem->item->quantidadeTotal() ?? 0 }}"
                                            value="{{ $requisicaoItem->quantidade_solicitada }}"
                                            placeholder="0"
                                        >
                                    </div>
                                    <div class="col-md-4">
                                        @php
                                            $estoqueAtual = $requisicaoItem->item->quantidadeTotal() ?? 0;
                                        @endphp
                                        @if($estoqueAtual < $requisicaoItem->quantidade_solicitada)
                                            <div class="alert alert-warning mb-0 py-2">
                                                <i class="bi bi-exclamation-triangle"></i> Stock insuficiente
                                            </div>
                                        @else
                                            <div class="alert alert-success mb-0 py-2">
                                                <i class="bi bi-check-circle"></i> Stock disponível
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>

                    <!-- Observações e Ação -->
                    <div class="card shadow-sm radius-10 border-0 mb-3">
                        <div class="card-header bg-light">
                            <h5 class="mb-0"><i class="bi bi-chat-left-text"></i> Observações da Aprovação/Rejeição</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="form-label">Observações (Opcional)</label>
                                <textarea
                                    name="observacoes_aprovacao"
                                    class="form-control @error('observacoes_aprovacao') is-invalid @enderror"
                                    rows="4"
                                    placeholder="Digite observações sobre sua decisão..."
                                >{{ old('observacoes_aprovacao') }}</textarea>
                                @error('observacoes_aprovacao')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="d-flex gap-2 justify-content-between">
                                <div class="d-flex gap-2">
                                    <button type="submit" name="acao" value="aprovar" class="btn btn-success btn-lg" id="btn-aprovar">
                                        <i class="bi bi-check-circle"></i> Aprovar Requisição
                                    </button>
                                    <button type="submit" name="acao" value="rejeitar" class="btn btn-danger btn-lg" id="btn-rejeitar">
                                        <i class="bi bi-x-circle"></i> Rejeitar Requisição
                                    </button>
                                </div>
                                <a href="{{ route('requisicoes.show', Crypt::encryptString($requisicao->id)) }}" class="btn btn-secondary btn-lg">
                                    <i class="bi bi-arrow-left"></i> Cancelar
                                </a>
                            </div>
                        </div>
                    </div>
                </form>
            @else
                <div class="d-flex justify-content-end">
                    <a href="{{ route('requisicoes.show', Crypt::encryptString($requisicao->id)) }}" class="btn btn-secondary">
                        <i class="bi bi-arrow-left"></i> Voltar
                    </a>
                </div>
            @endif
    </main>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const form = document.querySelector('form');

        // Remover os event listeners padrão dos botões
        // const btnRejeitar = document.getElementById('btn-rejeitar');
        // const btnAprovar = document.getElementById('btn-aprovar');

        if (btnRejeitar) {
            btnRejeitar.addEventListener('click', function(e) {
                e.preventDefault();
                e.stopPropagation();

                Swal.fire({
                    title: 'Rejeitar Requisição',
                    text: 'Tem certeza que deseja REJEITAR esta requisição? Esta ação não poderá ser desfeita.',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Sim, rejeitar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Remover qualquer input 'acao' existente
                        const existingInput = form.querySelector('input[name="acao"]');
                        if (existingInput) {
                            existingInput.remove();
                        }

                        // Criar input hidden para enviar a ação
                        const inputAcao = document.createElement('input');
                        inputAcao.type = 'hidden';
                        inputAcao.name = 'acao';
                        inputAcao.value = 'rejeitar';
                        form.appendChild(inputAcao);

                        // Submit do formulário
                        form.submit();
                    }
                });
            });
        }

        if (btnAprovar) {
            btnAprovar.addEventListener('click', function(e) {
                e.preventDefault();
                e.stopPropagation();

                Swal.fire({
                    title: 'Aprovar Requisição',
                    html: 'Tem certeza que deseja <strong>APROVAR</strong> esta requisição?<br>As quantidades definidas serão registradas e um PDF será gerado.',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#28a745',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Sim, aprovar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Remover qualquer input 'acao' existente
                        const existingInput = form.querySelector('input[name="acao"]');
                        if (existingInput) {
                            existingInput.remove();
                        }

                        // Criar input hidden para enviar a ação
                        const inputAcao = document.createElement('input');
                        inputAcao.type = 'hidden';
                        inputAcao.name = 'acao';
                        inputAcao.value = 'aprovar';
                        form.appendChild(inputAcao);

                        // Submit do formulário
                        form.submit();
                    }
                });
            });
        }
    });
</script>
@endpush