@extends('layouts.admin')

@section('title', 'Detalhes da Aprovação')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-eye"></i>
                        Detalhes da Aprovação - Movimento {{ $aprovacao->IDMOV }}
                    </h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.aprovacoes.index') }}" class="btn btn-sm btn-secondary">
                            <i class="fas fa-arrow-left"></i> Voltar
                        </a>
                    </div>
                </div>

                <div class="card-body">
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <i class="fas fa-check"></i> {{ session('success') }}
                        </div>
                    @endif

                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <i class="fas fa-exclamation-triangle"></i> {{ session('error') }}
                        </div>
                    @endif

                    <div class="row">
                        <!-- Informações do Movimento -->
                        <div class="col-md-6">
                            <div class="card card-outline card-primary">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-file-alt"></i>
                                        Informações do Movimento
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <dl class="row">
                                        <dt class="col-sm-4">ID Movimento:</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge badge-primary badge-lg">{{ $aprovacao->IDMOV }}</span>
                                        </dd>

                                        <dt class="col-sm-4">Coligada:</dt>
                                        <dd class="col-sm-8">{{ $aprovacao->CODCOLIGADA }}</dd>

                                        <dt class="col-sm-4">Número:</dt>
                                        <dd class="col-sm-8">
                                            <strong>{{ $aprovacao->NUMERO }}</strong>
                                        </dd>

                                        <dt class="col-sm-4">Tipo Movimento:</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge badge-info">{{ $aprovacao->TIPOMOV }}</span>
                                        </dd>

                                        <dt class="col-sm-4">Data Emissão:</dt>
                                        <dd class="col-sm-8">
                                            {{ $aprovacao->EMISSAO ? date('d/m/Y', strtotime($aprovacao->EMISSAO)) : '-' }}
                                        </dd>

                                        <dt class="col-sm-4">Centro Custo:</dt>
                                        <dd class="col-sm-8">{{ $aprovacao->CCUSTO ?? '-' }}</dd>

                                        <dt class="col-sm-4">Usuário Lcto:</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge badge-secondary">{{ $aprovacao->USUARIOLCTO }}</span>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>

                        <!-- Informações do Fornecedor -->
                        <div class="col-md-6">
                            <div class="card card-outline card-info">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-building"></i>
                                        Informações do Fornecedor
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <dl class="row">
                                        <dt class="col-sm-4">Fornecedor:</dt>
                                        <dd class="col-sm-8">
                                            <strong>{{ $aprovacao->FORNECEDOR }}</strong>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <!-- Informações de Aprovação -->
                        <div class="col-md-6">
                            <div class="card card-outline card-warning">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-check-circle"></i>
                                        Informações de Aprovação
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <dl class="row">
                                        <dt class="col-sm-4">Nível:</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge badge-secondary badge-lg">{{ $aprovacao->NIVEL }}</span>
                                        </dd>

                                        <dt class="col-sm-4">Responsável:</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge badge-primary">{{ $aprovacao->RESPONSAVEL }}</span>
                                        </dd>

                                        <dt class="col-sm-4">Status:</dt>
                                        <dd class="col-sm-8">
                                            @if($aprovacao->STATUS == 0)
                                                <span class="badge badge-warning badge-lg">
                                                    <i class="fas fa-clock"></i> Pendente
                                                </span>
                                            @elseif($aprovacao->STATUS == 1)
                                                <span class="badge badge-success badge-lg">
                                                    <i class="fas fa-check"></i> Aprovado
                                                </span>
                                            @elseif($aprovacao->STATUS == 2)
                                                <span class="badge badge-danger badge-lg">
                                                    <i class="fas fa-times"></i> Rejeitado
                                                </span>
                                            @else
                                                <span class="badge badge-secondary badge-lg">{{ $aprovacao->STATUS }}</span>
                                            @endif
                                        </dd>

                                        <dt class="col-sm-4">Data Aprovação:</dt>
                                        <dd class="col-sm-8">
                                            {{ $aprovacao->DATA ? date('d/m/Y H:i:s', strtotime($aprovacao->DATA)) : '-' }}
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>

                        <!-- Informações Financeiras -->
                        <div class="col-md-6">
                            <div class="card card-outline card-success">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="fas fa-dollar-sign"></i>
                                        Informações Financeiras
                                    </h3>
                                </div>
                                <div class="card-body">
                                    <dl class="row">
                                        <dt class="col-sm-4">Valor Parcela:</dt>
                                        <dd class="col-sm-8">
                                            <span class="badge badge-success badge-lg">
                                                R$ {{ number_format($aprovacao->VLRPARCELA ?? 0, 2, ',', '.') }}
                                            </span>
                                        </dd>

                                        <dt class="col-sm-4">Vencimento:</dt>
                                        <dd class="col-sm-8">
                                            {{ $aprovacao->VENCTO ? date('d/m/Y', strtotime($aprovacao->VENCTO)) : '-' }}
                                        </dd>

                                        <dt class="col-sm-4">Col Fin:</dt>
                                        <dd class="col-sm-8">{{ $aprovacao->COLFIN ?? '-' }}</dd>

                                        <dt class="col-sm-4">ID Lan Fin:</dt>
                                        <dd class="col-sm-8">{{ $aprovacao->IDLANFIN ?? '-' }}</dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Ações -->
                    @if($aprovacao->STATUS == 0 && $aprovacao->RESPONSAVEL == $codusuarioLogado)
                        <div class="row">
                            <div class="col-12">
                                <div class="card card-outline card-primary">
                                    <div class="card-header">
                                        <h3 class="card-title">
                                            <i class="fas fa-cogs"></i>
                                            Ações Disponíveis
                                        </h3>
                                    </div>
                                    <div class="card-body text-center">
                                        <div class="btn-group btn-group-lg">
                                            <form method="POST" action="{{ route('admin.aprovacoes.aprovar', $aprovacao->IDMOV) }}" style="display: inline;">
                                                @csrf
                                                <button type="submit" 
                                                        class="btn btn-success btn-lg"
                                                        onclick="return confirm('Confirma a aprovação deste movimento?')">
                                                    <i class="fas fa-check"></i> Aprovar Movimento
                                                </button>
                                            </form>
                                            
                                            <form method="POST" action="{{ route('admin.aprovacoes.rejeitar', $aprovacao->IDMOV) }}" style="display: inline;">
                                                @csrf
                                                <button type="submit" 
                                                        class="btn btn-danger btn-lg"
                                                        onclick="return confirm('Confirma a rejeição deste movimento?')">
                                                    <i class="fas fa-times"></i> Rejeitar Movimento
                                                </button>
                                            </form>
                                        </div>
                                        
                                        <div class="mt-3">
                                            <small class="text-muted">
                                                <i class="fas fa-info-circle"></i>
                                                Esta ação não pode ser desfeita. Certifique-se antes de prosseguir.
                                            </small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
.badge-lg {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
}

.card-outline.card-primary {
    border-top: 3px solid #007bff;
}

.card-outline.card-info {
    border-top: 3px solid #17a2b8;
}

.card-outline.card-warning {
    border-top: 3px solid #ffc107;
}

.card-outline.card-success {
    border-top: 3px solid #28a745;
}

.dl-horizontal dt {
    text-align: left;
}

.btn-group-lg .btn {
    margin: 0 5px;
}
</style>
@endpush