@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 do Chefe Imediato')

@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 Chefe</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 1: Chefe Imediato</h5>
            </div>
            <div class="card-body">
                <div class="alert alert-info">
                    <i class="bi bi-info-circle"></i> Como chefe imediato, você precisa aprovar ou rejeitar esta requisição
                    antes que ela possa seguir para a área competente.
                </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-12">
                        <label class="form-label fw-bold text-muted">Motivo</label>
                        <p class="mb-0">{{ $requisicao->motivo ?? 'Sem motivo especificado' }}</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Artigos Solicitados -->
        <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">
                <div class="table-responsive">
                    <table class="table table-hover align-middle">
                        <thead class="table-light">
                            <tr>
                                <th width="5%">#</th>
                                <th>Nome do Artigo </th>
                                <th>Categoria</th>
                                <th width="15%" class="text-center">Qtd. Solicitada</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($requisicao->itens as $requisicaoItem)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>
                                        <strong>{{ $requisicaoItem->item->nome ?? 'N/A' }}</strong>
                                        <br><small
                                            class="text-muted">{{ $requisicaoItem->item->numero_item ?? '' }}</small>
                                    </td>
                                    <td>{{ $requisicaoItem->item->categoria->nome ?? 'N/A' }}</td>
                                    <td class="text-center">
                                        <span
                                            class="badge bg-primary fs-6">{{ $requisicaoItem->quantidade_solicitada }}</span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

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

            <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 do Chefe Imediato</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Observações (Opcional)</label>
                        <textarea name="chefe_observacao" class="form-control @error('chefe_observacao') is-invalid @enderror" rows="4"
                            placeholder="Digite observações sobre sua decisão...">{{ old('chefe_observacao') }}</textarea>
                        @error('chefe_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