@extends('admin.layouts.app')

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

@section('title', 'Concluir 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">Concluir Entrega</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-box-seam"></i> Conclusão da Requisição - Etapa 3: Entrega do Material
                </h5>
            </div>
            <div class="card-body">
                <div class="alert alert-info">
                    <i class="bi bi-info-circle"></i> Esta requisição foi aprovada. Registre as quantidades entregues para
                    cada artigo e conclua a requisição.
                </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 Aprovação</label>
                        <p class="mb-0">{{ $requisicao->aprovador_data->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 }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold text-muted">Aprovado por</label>
                        <p class="mb-0">{{ $requisicao->aprovador->name }}</p>
                    </div>
                </div>
            </div>
        </div>

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

            <!-- Seleção do Depósito -->
            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-header bg-warning text-dark">
                    <h5 class="mb-0"><i class="bi bi-building"></i> Depósito de Origem</h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle"></i> Selecione o depósito de onde os artigos serão retirados. O
                        stock será automaticamente descontado.
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <label class="form-label fw-bold">Depósito <span class="text-danger">*</span></label>
                            <select name="deposito_id" class="form-select @error('deposito_id') is-invalid @enderror"
                                required>
                                <option value="">Selecione o depósito</option>
                                @foreach ($depositos as $deposito)
                                    <option value="{{ $deposito->id }}"
                                        {{ old('deposito_id') == $deposito->id ? 'selected' : '' }}>
                                        {{ $deposito->nome }}
                                    </option>
                                @endforeach
                            </select>
                            @error('deposito_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            <!-- Artigos a Entregar -->
            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="bi bi-clipboard-check"></i> Registrar Quantidades Entregues</h5>
                </div>
                <div class="card-body">
                    <p class="text-muted mb-3">
                        <i class="bi bi-info-circle"></i>
                        Registre a quantidade efetivamente entregue de cada artigo . A quantidade pode ser menor que a aprovada
                        em caso de indisponibilidade.
                    </p>
                    @foreach ($requisicao->itens as $requisicaoItem)
                        <div class="row mb-3 align-items-center border-bottom pb-3">
                            <div class="col-md-4">
                                <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-secondary fs-6">{{ $requisicaoItem->quantidade_solicitada }}</span>
                                </p>
                            </div>
                            <div class="col-md-2 text-center">
                                <label class="form-label">Aprovado</label>
                                <p class="mb-0"><span
                                        class="badge bg-success fs-6">{{ $requisicaoItem->quantidade_aprovada }}</span></p>
                            </div>
                            <div class="col-md-2 text-center">
                                <label class="form-label">Stock</label>
                                <p class="mb-0"><span
                                        class="badge bg-info fs-6">{{ $requisicaoItem->item->quantidadeTotal() ?? 0 }}</span>
                                </p>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">Entregue <span class="text-danger">*</span></label>
                                <input type="number" name="itens[{{ $requisicaoItem->id }}][quantidade_entregue]"
                                    class="form-control" min="0" max="{{ $requisicaoItem->quantidade_aprovada }}"
                                    value="{{ old('itens.' . $requisicaoItem->id . '.quantidade_entregue', $requisicaoItem->quantidade_aprovada) }}"
                                    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> Observações da Entrega</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Observações sobre a Entrega (Opcional)</label>
                        <textarea name="concluidor_observacao" class="form-control @error('concluidor_observacao') is-invalid @enderror"
                            rows="4" placeholder="Digite observações sobre a entrega do material...">{{ old('concluidor_observacao') }}</textarea>
                        @error('concluidor_observacao')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="d-flex gap-2 justify-content-between">
                        <button type="submit" class="btn btn-success btn-lg">
                            <i class="bi bi-check-circle"></i> Confirmar Entrega e Concluir
                        </button>
                        <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