@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">Pagamentos Automáticos</h5>
                            <div>
                                <a href="{{ route('batch_payments.index') }}" class="btn btn-info">
                                    <i class="ti ti-list me-1"></i> Histórico de Lotes
                                </a>
                                <a href="{{ route('financial.payments.pay') }}" class="btn btn-primary">
                                    Voltar para Contas a Pagar
                                </a>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                @if(session('success'))
                                    <div class="alert alert-success">
                                        <h6><i class="ti ti-check"></i> Sucesso!</h6>
                                        <p>{{ session('success') }}</p>
                                    </div>
                                @endif

                                @if(session('warning'))
                                    <div class="alert alert-warning">
                                        <h6><i class="ti ti-alert-triangle"></i> Atenção!</h6>
                                        <p>{{ session('warning') }}</p>
                                    </div>
                                @endif

                                @if(session('error'))
                                    <div class="alert alert-danger">
                                        <h6><i class="ti ti-alert-triangle"></i> Erro!</h6>
                                        <p>{{ session('error') }}</p>
                                    </div>
                                @endif

                                <div class="alert alert-info" id="info-message">
                                    <h6><i class="ti ti-info-circle"></i> Informações</h6>
                                    <p>Esta tela permite processar pagamentos automáticos de boletos. O sistema procura:</p>
                                    <ul>
                                        <li>Boletos com status "A Pagar" que possuem código de barras válido e uma conta de
                                            remessa configurada</li>
                                        <li>Boletos com <strong>data de pagamento</strong> definida exatamente para a data
                                            especificada, OU</li>
                                        <li>Boletos <strong>sem data de pagamento</strong> definida, mas com <strong>data de
                                                vencimento</strong> igual à data especificada</li>
                                    </ul>
                                    <p><strong>Atenção:</strong> Ao importar boletos, deixe o campo de data de pagamento
                                        vazio para que o sistema possa usar a data de vencimento para encontrar os boletos
                                        elegíveis.</p>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-4">
                                <div class="card">
                                    <div class="card-body">
                                        <h6 class="card-title mb-3">Configuração de Pagamento Automático</h6>
                                        <form id="automatic-payment-form" method="POST"
                                            action="{{ route('financial.process.automatic.payments') }}">
                                            @csrf
                                            <div class="row">
                                                <div class="col-md-4 mb-3">
                                                    <label for="payment_date" class="form-label">Data de Pagamento</label>
                                                    <input type="date" class="form-control" id="payment_date"
                                                        name="payment_date"
                                                        value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}" required>
                                                    <small class="text-muted">Boletos com data de pagamento para esta data
                                                        ou, se não tiverem data de pagamento definida, com data de
                                                        vencimento para esta data.</small>
                                                </div>

                                                <div class="col-md-4 mb-3">
                                                    <label for="account_id" class="form-label">Conta para Débito</label>
                                                    <select class="form-select" id="account_id" name="account_id" required>
                                                        <option value="">Selecione uma conta</option>
                                                        @foreach($accounts as $account)
                                                            <option value="{{ $account->account_id }}">
                                                                {{ $account->account_name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <small class="text-muted">Conta corrente onde serão debitados os valores
                                                        dos pagamentos.</small>
                                                </div>

                                                <div class="col-md-4 mb-3">
                                                    <label for="shipment_account_id" class="form-label">Conta de
                                                        Remessa</label>
                                                    <select class="form-select" id="shipment_account_id"
                                                        name="shipment_account_id">
                                                        <option value="">Todas as contas de remessa</option>
                                                        @foreach($shipment_accounts as $account)
                                                            <option value="{{ $account->shipment_account_id }}">
                                                                {{ $account->shipment_account_bank }} -
                                                                {{ $account->shipment_account_name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <small class="text-muted">Opcional. Filtra boletos apenas desta conta de
                                                        remessa.</small>
                                                </div>
                                            </div>

                                            <div class="row mt-3">
                                                <div class="col-12">
                                                    <div class="alert alert-warning">
                                                        <h6><i class="ti ti-alert-triangle"></i> Atenção!</h6>
                                                        <p>Ao clicar em "Processar Pagamentos", o sistema enviará
                                                            solicitações de
                                                            pagamento para o banco. Esta operação não pode ser desfeita.</p>
                                                        <p>Certifique-se de que todos os dados estão corretos antes de
                                                            prosseguir.</p>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-12 text-end">
                                                    <button type="submit" class="btn btn-primary" id="submit-btn">
                                                        <i class="ti ti-send me-1"></i> Processar Pagamentos
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function () {
            $('#automatic-payment-form').on('submit', function () {
                if (!confirm('Tem certeza que deseja processar estes pagamentos automaticamente?')) {
                    return false;
                }

                const submitBtn = $('#submit-btn');
                submitBtn.html(
                    '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Processando...'
                );
                submitBtn.attr('disabled', true);

                return true;
            });
        });
    </script>
@endsection