@extends('admin.layouts.app')

@push('styles')
    <style>
        .card-header-custom {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
    </style>
@endpush

@section('title', 'Aprovação da Área Competente')

@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">Aprovação Área Competente</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!--end breadcrumb-->

        <!-- 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 - Etapa 2: Área Competente</h5>
            </div>
            <div class="card-body">
                <div class="alert alert-success">
                    <i class="bi bi-check-circle"></i> Esta requisição foi aprovada pelo chefe imediato. Agora você precisa
                    definir as quantidades aprovadas e processar a aprovação final.
                </div>
                <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->name }}</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">Aprovado pelo Chefe</label>
                        <p class="mb-0">{{ $requisicao->chefe->name }} em
                            {{ $requisicao->chefe_data->format('d/m/Y H:i') }}</p>
                        @if ($requisicao->chefe_observacao)
                            <small class="text-muted">Obs: {{ $requisicao->chefe_observacao }}</small>
                        @endif
                    </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>
            </div>
        </div>

        <!-- Formulário -->
        <form action="{{ route('requisicoes.processar-aprovacao-aprovador', Crypt::encryptString($requisicao->id)) }}"
            method="POST">
            @csrf

            <!-- Artigos e Quantidades Aprovadas -->
            <div class="card shadow-sm radius-10 border-0 mb-3">
                <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 . Você pode aprovar quantidade diferente da solicitada.
                    </p>
                    @foreach ($requisicao->itens as $requisicaoItem)
                        <div class="row mb-3 align-items-center border-bottom pb-3">
                            <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' }} |
                                    Categoria: {{ $requisicaoItem->item->categoria->nome ?? 'N/A' }}
                                </p>
                            </div>
                            <div class="col-md-2 text-center">
                                <label class="form-label">Solicitado</label>
                                <p class="mb-0"><span
                                        class="badge bg-primary fs-6">{{ $requisicaoItem->quantidade_solicitada }}</span>
                                </p>
                            </div>
                            <div class="col-md-2 text-center">
                                <label class="form-label">Stock</label>
                                @php
                                    $estoqueAtual = $requisicaoItem->item->quantidadeTotal() ?? 0;
                                    $badgeClass =
                                        $estoqueAtual >= $requisicaoItem->quantidade_solicitada ? 'success' : 'warning';
                                @endphp
                                <p class="mb-0"><span
                                        class="badge bg-{{ $badgeClass }} fs-6">{{ $estoqueAtual }}</span></p>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Quantidade Aprovada <span class="text-danger">*</span></label>
                                <input type="number" name="itens[{{ $requisicaoItem->id }}][quantidade_aprovada]"
                                    class="form-control" min="0" max="{{ $requisicaoItem->quantidade_solicitada }}"
                                    value="{{ old('itens.' . $requisicaoItem->id . '.quantidade_aprovada', $requisicaoItem->quantidade_solicitada) }}"
                                    required>
                            </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> Decisão da Área Competente</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Observações (Opcional)</label>
                        <textarea name="aprovador_observacao" class="form-control @error('aprovador_observacao') is-invalid @enderror"
                            rows="4" placeholder="Digite observações sobre sua decisão...">{{ old('aprovador_observacao') }}</textarea>
                        @error('aprovador_observacao')
                            <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">
                                <i class="bi bi-check-circle"></i> Aprovar
                            </button>
                            <button type="submit" name="acao" value="rejeitar" class="btn btn-danger btn-lg">
                                <i class="bi bi-x-circle"></i> Rejeitar
                            </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>
    </main>
@endsection