@extends('admin.layouts.app')

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

@section('title', 'Confirmar Recebimento')

@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">Confirmar Recebimento</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-check2-circle"></i> Confirmação de Recebimento - Etapa 4: Receber Material
                </h5>
            </div>
            <div class="card-body">
                <div class="alert alert-success">
                    <i class="bi bi-info-circle"></i> Esta requisição foi entregue pelo armazém. Confirme que recebeu os materiais solicitados.
                </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 Entrega</label>
                        <p class="mb-0">{{ $requisicao->concluidor_data->format('d/m/Y H:i') }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold text-muted">Aprovado pelo Chefe</label>
                        <p class="mb-0">{{ $requisicao->chefe->name }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold text-muted">Aprovado por</label>
                        <p class="mb-0">{{ $requisicao->aprovador->name }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold text-muted">Entregue por</label>
                        <p class="mb-0">{{ $requisicao->concluidor->name }}</p>
                    </div>
                    @if($requisicao->concluidor_observacao)
                        <div class="col-12">
                            <label class="form-label fw-bold text-muted">Observações da Entrega</label>
                            <p class="mb-0 text-muted">{{ $requisicao->concluidor_observacao }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Artigos Entregues -->
        <div class="card shadow-sm radius-10 border-0 mb-3">
            <div class="card-header bg-light">
                <h6 class="mb-0"><i class="bi bi-list-check"></i> Artigos Entregues</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th width="5%" class="text-center">#</th>
                                <th>Item</th>
                                <th width="15%" class="text-center">Quantidade Solicitada</th>
                                <th width="15%" class="text-center">Quantidade Aprovada</th>
                                <th width="15%" class="text-center">Quantidade Entregue</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($requisicao->itens as $item)
                                <tr>
                                    <td class="text-center">{{ $loop->iteration }}</td>
                                    <td>
                                        <strong>{{ $item->item->nome }}</strong><br>
                                        <small class="text-muted">{{ $item->item->categoria->nome ?? '' }}</small>
                                    </td>
                                    <td class="text-center">{{ $item->quantidade_solicitada }}</td>
                                    <td class="text-center">{{ $item->quantidade_aprovada ?? 'N/A' }}</td>
                                    <td class="text-center">
                                        <span class="badge bg-success">{{ $item->quantidade_entregue }}</span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- Formulário de Confirmação -->
        <form action="{{ route('requisicoes.processar-recebimento', Crypt::encryptString($requisicao->id)) }}"
            method="POST">
            @csrf

            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-header bg-success text-white">
                    <h6 class="mb-0"><i class="bi bi-chat-square-text"></i> Confirmação de Recebimento</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label for="recebedor_observacao" class="form-label">Observações (Opcional)</label>
                        <textarea name="recebedor_observacao" id="recebedor_observacao" rows="3"
                            class="form-control @error('recebedor_observacao') is-invalid @enderror"
                            placeholder="Adicione observações sobre o recebimento, se necessário...">{{ old('recebedor_observacao') }}</textarea>
                        @error('recebedor_observacao')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="text-muted">
                            Exemplo: "Material recebido em perfeitas condições", "Item X entregue com embalagem danificada", etc.
                        </small>
                    </div>

                    <div class="alert alert-info mb-0">
                        <i class="bi bi-exclamation-circle"></i> Ao confirmar, você está atestando que recebeu os materiais listados acima conforme especificado.
                    </div>
                </div>
            </div>

            <!-- Botões de Ação -->
            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <a href="{{ route('requisicoes.show', Crypt::encryptString($requisicao->id)) }}"
                            class="btn btn-secondary">
                            <i class="bi bi-arrow-left"></i> Voltar
                        </a>
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check-circle"></i> Confirmar Recebimento
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </main>
@endsection

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Confirmação antes de submeter
            const form = document.querySelector('form');
            form.addEventListener('submit', function(e) {
                e.preventDefault();

                Swal.fire({
                    title: 'Confirmar Recebimento?',
                    html: 'Você está confirmando que recebeu todos os materiais desta requisição.<br><strong>Esta ação não pode ser desfeita.</strong>',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#28a745',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Sim, confirmar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        form.submit();
                    }
                });
            });
        });
    </script>
@endpush