@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body p-4">
                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <h5 class="card-title fw-semibold">Detalhes do Pagamento em Lote #{{ $batch->batch_id }}</h5>
                            <div>
                                <a href="{{ route('batch_payments.index') }}" class="btn btn-secondary">
                                    <i class="ti ti-arrow-left me-1"></i> Voltar para Lista
                                </a>
                            </div>
                        </div>

                        @if(session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif

                        @if(session('error'))
                            <div class="alert alert-danger">
                                {{ session('error') }}
                            </div>
                        @endif

                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-primary text-white">
                                        <h6 class="mb-0">Informações do Lote</h6>
                                    </div>
                                    <div class="card-body">
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <th style="width: 40%">ID do Lote:</th>
                                                    <td>{{ $batch->batch_id }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Número da Requisição:</th>
                                                    <td>{{ $batch->request_number }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Data de Pagamento:</th>
                                                    <td>{{ $batch->payment_date->format('d/m/Y') }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Status:</th>
                                                    <td>
                                                        @if($batch->status == 'Pending')
                                                            <span class="badge bg-warning">Pendente</span>
                                                        @elseif($batch->status == 'Processing')
                                                            <span class="badge bg-info">Processando</span>
                                                        @elseif($batch->status == 'Completed')
                                                            <span class="badge bg-success">Concluído</span>
                                                        @elseif($batch->status == 'Failed')
                                                            <span class="badge bg-danger">Falha</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>Data de Criação:</th>
                                                    <td>{{ $batch->created_at->format('d/m/Y H:i') }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header bg-info text-white">
                                        <h6 class="mb-0">Detalhes Financeiros</h6>
                                    </div>
                                    <div class="card-body">
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <th style="width: 40%">Conta Bancária:</th>
                                                    <td>{{ $batch->account->account_name ?? 'N/A' }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Conta de Remessa:</th>
                                                    <td>{{ $batch->shipmentAccount->shipment_account_name ?? 'N/A' }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Total de Itens:</th>
                                                    <td>{{ $batch->total_items }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Itens Processados:</th>
                                                    <td>{{ $batch->processed_items }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Valor Total:</th>
                                                    <td>{{ $batch->formattedTotalValue() }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if($batch->error_message)
                            <div class="alert alert-danger mb-4">
                                <h6><i class="ti ti-alert-triangle"></i> Erro no Processamento</h6>
                                <p>{{ $batch->error_message }}</p>
                            </div>
                        @endif

                        <div class="d-flex justify-content-end mb-3">
                            @if($batch->status == 'Processing')
                                <form action="{{ route('batch_payments.check_status', $batch->batch_id) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-primary">
                                        <i class="ti ti-refresh"></i> Atualizar Status
                                    </button>
                                </form>
                            @endif
                        </div>

                        <div class="card">
                            <div class="card-header bg-dark text-white">
                                <h6 class="mb-0">Itens do Lote</h6>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Movimento</th>
                                                <th>Descrição</th>
                                                <th>Código de Barras</th>
                                                <th>Valor</th>
                                                <th>Identificador de Pagamento</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse($batch->items as $item)
                                                <tr>
                                                    <td>{{ $item->item_id }}</td>
                                                    <td>{{ $item->movement_id }}</td>
                                                    <td>{{ $item->movement->movement_description ?? 'N/A' }}</td>
                                                    <td>
                                                        <small
                                                            style="word-break: break-all; font-family: monospace;">{{ $item->barcode }}</small>
                                                    </td>
                                                    <td>{{ $item->formattedValue() }}</td>
                                                    <td>
                                                        <small style="word-break: break-all; font-family: monospace;">
                                                            {{ $item->payment_identifier ?? 'N/A' }}
                                                        </small>
                                                    </td>
                                                    <td>
                                                        @if($item->status == 'Pending')
                                                            <span class="badge bg-warning">Pendente</span>
                                                        @elseif($item->status == 'Processed')
                                                            <span class="badge bg-success">Processado</span>
                                                        @elseif($item->status == 'Completed')
                                                            <span class="badge bg-success">Concluído</span>
                                                        @elseif($item->status == 'Failed')
                                                            <div>
                                                                <span class="badge bg-danger">Falha</span>
                                                                @if($item->status_code || $item->error_message)
                                                                    <div class="small text-danger mt-1">
                                                                        @if($item->status_code)
                                                                            <strong>Código:</strong> {{ $item->status_code }}<br>
                                                                        @endif
                                                                        @if($item->error_message)
                                                                            <strong>Erro:</strong> {{ $item->error_message }}
                                                                        @endif
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @else
                                                            <span class="badge bg-secondary">{{ $item->status }}</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="6" class="text-center">Nenhum item encontrado neste lote.</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function () {
            $('[data-bs-toggle="tooltip"]').tooltip();
        });
    </script>
@endsection