@extends('layouts.app', ['title' => 'Configuração Sicredi'])

@section('css')
<style>
.sicredi-header {
    background: linear-gradient(135deg, #00843D 0%, #005C2B 100%);
    color: #fff;
    padding: 24px 28px;
    border-radius: 12px 12px 0 0;
}
.section-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #00843D;
    border-bottom: 2px solid rgba(0,132,61,.2);
    padding-bottom: 6px;
    margin-bottom: 16px;
}
.token-box {
    font-size: 11px;
    font-family: monospace;
    word-break: break-all;
    max-height: 90px;
    overflow-y: auto;
    padding: 10px 12px;
    border-radius: 8px;
}
.btn-sicredi {
    background: linear-gradient(135deg, #00843D 0%, #005C2B 100%);
    color: #fff !important;
    border: none;
    border-radius: 8px;
    padding: 10px 28px;
    font-weight: 600;
}
.btn-sicredi:hover { filter: brightness(1.1); }
</style>
@endsection

@section('content')
<div class="container-fluid py-3">

    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        <i class="ri-checkbox-circle-line me-1"></i> {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif
    @if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show">
        <i class="ri-error-warning-line me-1"></i> {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    <div class="card border-0 shadow-sm">
        <div class="sicredi-header d-flex justify-content-between align-items-center">
            <div>
                <div style="font-size:22px;font-weight:800;letter-spacing:-.5px">
                    <span style="background:rgba(255,255,255,.2);padding:2px 10px;border-radius:6px;margin-right:8px">748</span>Sicredi
                </div>
                <small style="opacity:.85">Configuração da API de Cobrança</small>
            </div>
            <a href="{{ route('sicredi.cobrancas') }}" class="btn btn-light btn-sm fw-semibold">
                <i class="ri-bank-line me-1"></i> Cobrança Bancária
            </a>
        </div>

        <div class="card-body p-4">
            <form method="POST" action="{{ route('sicredi.config.save', ['empresa_id' => request()->empresa_id]) }}">
                @csrf

                <p class="section-label">Credenciais de Acesso</p>
                <div class="row g-3 mb-4">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold small">X API Key <span class="text-danger">*</span></label>
                        <input type="text" name="x_api_key" class="form-control"
                            value="{{ old('x_api_key', $config->x_api_key ?? '') }}"
                            placeholder="83576fd9-4223-4e09-8ae4-d2dda894e9" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">Código Beneficiário <span class="text-danger">*</span></label>
                        <input type="text" name="codigo_beneficiario" class="form-control"
                            value="{{ old('codigo_beneficiario', $config->codigo_beneficiario ?? '') }}"
                            placeholder="42091" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">Cooperativa <span class="text-danger">*</span></label>
                        <input type="text" name="cooperativa" class="form-control"
                            value="{{ old('cooperativa', $config->cooperativa ?? '') }}"
                            placeholder="9923" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">Posto <span class="text-danger">*</span></label>
                        <input type="text" name="posto" class="form-control"
                            value="{{ old('posto', $config->posto ?? '') }}"
                            placeholder="11" required>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-semibold small">Username <span class="text-danger">*</span></label>
                        <input type="text" name="username" class="form-control"
                            value="{{ old('username', $config->username ?? '') }}"
                            placeholder="420902101" required>
                    </div>
                    <div class="col-md-5">
                        <label class="form-label fw-semibold small">Senha <span class="text-danger">*</span></label>
                        <input type="text" name="senha" class="form-control"
                            value="{{ old('senha', $config->senha ?? '') }}"
                            placeholder="A40057758SD5B5A387DB1DBFC5E5ECAFAF0S255D917C7" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">Tipo Cobrança <span class="text-danger">*</span></label>
                        <select name="tipo_cobranca" class="form-select" required>
                            @foreach(['NORMAL','VINCULADA','CAUCIONADA','DESCONTADA'] as $t)
                            <option value="{{ $t }}" {{ old('tipo_cobranca', $config->tipo_cobranca ?? 'NORMAL') == $t ? 'selected' : '' }}>{{ $t }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">Espécie Documento <span class="text-danger">*</span></label>
                        <select name="especie_documento" class="form-select" required>
                            @foreach(['DM'=>'Duplicata Mercantil Indicação','DS'=>'Duplicata de Serviço','NP'=>'Nota Promissória','RC'=>'Recibo','LC'=>'Letra de Câmbio','ND'=>'Nota de Débito','AP'=>'Apólice de Seguro','ME'=>'Mensalidade Escolar','PC'=>'Parcela de Consórcio','CH'=>'Cheque','OU'=>'Outros'] as $k => $v)
                            <option value="{{ $k }}" {{ old('especie_documento', $config->especie_documento ?? 'DM') == $k ? 'selected' : '' }}>{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <p class="section-label">Padrões de Boleto</p>
                <div class="row g-3 mb-4">
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">Último Nº Boleto <span class="text-danger">*</span></label>
                        <input type="number" name="ultimo_numero_boleto" class="form-control"
                            value="{{ old('ultimo_numero_boleto', $config->ultimo_numero_boleto ?? 0) }}" min="0" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">% Juros padrão</label>
                        <div class="input-group">
                            <span class="input-group-text">%</span>
                            <input type="number" step="0.01" name="juros_padrao" class="form-control"
                                value="{{ old('juros_padrao', $config->juros_padrao ?? '0.00') }}">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">% Multa padrão</label>
                        <div class="input-group">
                            <span class="input-group-text">%</span>
                            <input type="number" step="0.01" name="multa_padrao" class="form-control"
                                value="{{ old('multa_padrao', $config->multa_padrao ?? '0.00') }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold small">Observação padrão</label>
                        <input type="text" name="observacao_padrao" class="form-control"
                            value="{{ old('observacao_padrao', $config->observacao_padrao ?? '') }}"
                            placeholder="Mensagem padrão no boleto">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold small">Ambiente <span class="text-danger">*</span></label>
                        <select name="ambiente" class="form-select" required>
                            <option value="sandbox" {{ old('ambiente', $config->ambiente ?? 'sandbox') == 'sandbox' ? 'selected' : '' }}>Sandbox</option>
                            <option value="producao" {{ old('ambiente', $config->ambiente ?? '') == 'producao' ? 'selected' : '' }}>Produção</option>
                        </select>
                    </div>
                </div>

                @if(!empty($config->access_token))
                <p class="section-label">Token Atual</p>
                <div class="row g-3 mb-4">
                    <div class="col-md-9">
                        <label class="form-label fw-semibold small">Access Token</label>
                        <div class="token-box form-control">{{ $config->access_token }}</div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-semibold small">Token expira em</label>
                        <div class="form-control">
                            {{ $config->token_expira_em ? \Carbon\Carbon::parse($config->token_expira_em)->format('d/m/Y H:i:s') : '--' }}
                        </div>
                    </div>
                </div>
                @endif

                <div class="d-flex justify-content-end pt-3 border-top">
                    <button type="submit" class="btn btn-sicredi">
                        <i class="ri-save-line me-1"></i> Salvar Configuração
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection