@extends('layouts.app')
@section('title', 'Inställningar')

@section('content')
@php $tenant = auth()->user()->tenant; $user = auth()->user(); @endphp

<div style="max-width:860px;">
    <div style="margin-bottom:28px;">
        <h2 style="font-family:'Instrument Serif',serif;font-size:26px;color:#E8EAF0;">Inställningar</h2>
        <p style="font-size:14px;color:#5B6478;margin-top:4px;">Konfigurera ditt konto och din faktureringsmiljö</p>
    </div>

    <div style="display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start;">
        <!-- Sidebar nav -->
        <div class="ff-card" style="padding:8px;">
            @foreach([
                ['foretag','Företag','M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'],
                ['faktura','Fakturainst.','M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'],
                ['epost','E-postkonto','M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'],
                ['profil','Min profil','M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'],
                ['fakturering','Prenumeration','M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'],
            ] as [$id,$lbl,$path])
            <a href="#{{ $id }}" onclick="showSection('{{ $id }}')"
               style="display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;text-decoration:none;margin-bottom:2px;color:#8B9AB8;font-size:13px;transition:all .15s;"
               class="settings-nav-item" id="nav-{{ $id }}">
                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="{{ $path }}"/></svg>
                {{ $lbl }}
            </a>
            @endforeach
        </div>

        <!-- Sections -->
        <div>

            <!-- Company -->
            <div class="ff-card settings-section" id="section-foretag">
                <div style="font-size:16px;font-weight:600;color:#E8EAF0;margin-bottom:20px;">Företagsinformation</div>
                @if(session('success'))<div style="background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#6EE7B7;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;">{{ session('success') }}</div>@endif
                <form method="POST" action="{{ route('settings.company') }}" enctype="multipart/form-data">@csrf
                    <!-- Logo -->
                    <div style="margin-bottom:20px;">
                        <div class="ff-label">Företagslogotyp</div>
                        <div style="display:flex;align-items:center;gap:14px;">
                            @if($tenant->logo_url)
                                <img src="{{ $tenant->logo_url }}" style="height:50px;max-width:140px;object-fit:contain;background:rgba(255,255,255,.05);border-radius:8px;padding:8px;">
                            @else
                                <div style="width:50px;height:50px;background:linear-gradient(135deg,#3B7DFF,#7B4FFF);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:white;">{{ strtoupper(substr($tenant->name,0,1)) }}</div>
                            @endif
                            <input type="file" name="logo" accept="image/*" style="font-size:13px;color:#8B9AB8;">
                        </div>
                    </div>

                    <div class="ff-form-row cols-2">
                        <div class="ff-form-group"><label class="ff-label">Företagsnamn *</label><input type="text" name="name" class="ff-input" value="{{ $tenant->name }}" required></div>
                        <div class="ff-form-group"><label class="ff-label">E-postadress</label><input type="email" name="email" class="ff-input" value="{{ $tenant->email }}"></div>
                    </div>
                    <div class="ff-form-row cols-2">
                        <div class="ff-form-group"><label class="ff-label">Organisationsnummer</label><input type="text" name="org_number" class="ff-input" value="{{ $tenant->org_number }}" placeholder="556XXX-XXXX"></div>
                        <div class="ff-form-group"><label class="ff-label">Momsnummer (VAT)</label><input type="text" name="vat_number" class="ff-input" value="{{ $tenant->vat_number }}" placeholder="SE556XXXXXXXX01"></div>
                    </div>
                    <div class="ff-form-group"><label class="ff-label">Gatuadress</label><input type="text" name="address" class="ff-input" value="{{ $tenant->address }}"></div>
                    <div class="ff-form-row cols-3">
                        <div class="ff-form-group"><label class="ff-label">Postnummer</label><input type="text" name="postal_code" class="ff-input" value="{{ $tenant->postal_code }}"></div>
                        <div class="ff-form-group"><label class="ff-label">Stad</label><input type="text" name="city" class="ff-input" value="{{ $tenant->city }}"></div>
                        <div class="ff-form-group"><label class="ff-label">Land</label>
                            <select name="country" class="ff-input ff-select">
                                <option value="SE" {{ $tenant->country==='SE'?'selected':'' }}>Sverige</option>
                                <option value="NO" {{ $tenant->country==='NO'?'selected':'' }}>Norge</option>
                                <option value="DK" {{ $tenant->country==='DK'?'selected':'' }}>Danmark</option>
                                <option value="FI" {{ $tenant->country==='FI'?'selected':'' }}>Finland</option>
                                <option value="DE" {{ $tenant->country==='DE'?'selected':'' }}>Tyskland</option>
                            </select>
                        </div>
                    </div>
                    <div class="ff-form-row cols-2">
                        <div class="ff-form-group"><label class="ff-label">Telefon</label><input type="tel" name="phone" class="ff-input" value="{{ $tenant->phone }}"></div>
                        <div class="ff-form-group"><label class="ff-label">Valuta</label>
                            <select name="currency" class="ff-input ff-select">
                                @foreach(['SEK'=>'SEK — Kronor','EUR'=>'EUR — Euro','USD'=>'USD — Dollar'] as $k=>$v)
                                <option value="{{ $k }}" {{ $tenant->currency===$k?'selected':'' }}>{{ $v }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Spara företagsinfo</button>
                </form>
            </div>

            <!-- Invoice Settings -->
            <div class="ff-card settings-section hidden" id="section-faktura">
                <div style="font-size:16px;font-weight:600;color:#E8EAF0;margin-bottom:20px;">Fakturainställningar</div>
                <form method="POST" action="{{ route('settings.invoice') }}">@csrf
                    <div class="ff-form-row cols-3">
                        <div class="ff-form-group"><label class="ff-label">Fakturanummer-prefix</label><input type="text" name="invoice_prefix" class="ff-input" value="{{ $tenant->getSetting('invoice_prefix','FF') }}" placeholder="FF"></div>
                        <div class="ff-form-group"><label class="ff-label">Betalningstid (dagar)</label><input type="number" name="default_payment_terms" class="ff-input" value="{{ $tenant->getSetting('default_payment_terms',30) }}" min="0" max="180"></div>
                        <div class="ff-form-group"><label class="ff-label">Standard moms %</label>
                            <select name="default_vat_rate" class="ff-input ff-select">
                                @foreach(['25','12','6','0'] as $r)
                                <option value="{{ $r }}" {{ $tenant->getSetting('default_vat_rate',25)==$r?'selected':'' }}>{{ $r }}%</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="ff-form-row cols-2">
                        <div class="ff-form-group"><label class="ff-label">Bankgironummer</label><input type="text" name="bankgiro_number" class="ff-input" value="{{ $tenant->getSetting('bankgiro_number') }}" placeholder="5XXX-XXXX"></div>
                        <div class="ff-form-group"><label class="ff-label">Plusgironummer</label><input type="text" name="plusgiro_number" class="ff-input" value="{{ $tenant->getSetting('plusgiro_number') }}" placeholder="XXXXXXX-X"></div>
                    </div>
                    <div class="ff-form-group"><label class="ff-label">Standard betalningsvillkor (text)</label><textarea name="default_terms" class="ff-input ff-textarea" placeholder="Dröjsmålsränta 8% per år...">{{ $tenant->getSetting('default_terms') }}</textarea></div>
                    <div class="ff-form-group"><label class="ff-label">Fakturafotnot</label><input type="text" name="invoice_footer" class="ff-input" value="{{ $tenant->getInvoiceSetting('footer_text') }}" placeholder="Tack för din betalning!"></div>
                    <div style="display:flex;gap:20px;margin-bottom:20px;">
                        @foreach([['show_logo','Visa logotyp på faktura'],['show_bankgiro','Visa Bankgiro på faktura'],['show_ocr','Visa OCR-nummer']] as [$key,$lbl])
                        <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#8B9AB8;">
                            <input type="checkbox" name="{{ $key }}" value="1" {{ $tenant->getInvoiceSetting($key,true)?'checked':'' }} style="accent-color:#3B7DFF;width:15px;height:15px;">
                            {{ $lbl }}
                        </label>
                        @endforeach
                    </div>
                    <button type="submit" class="btn btn-primary">Spara fakturainställningar</button>
                </form>
            </div>

            <!-- Email Account -->
            <div class="ff-card settings-section hidden" id="section-epost">
                <div style="font-size:16px;font-weight:600;color:#E8EAF0;margin-bottom:6px;">E-postkonto</div>
                <p style="font-size:13px;color:#5B6478;margin-bottom:20px;">Konfigurera IMAP/SMTP för att läsa och skicka e-post direkt i FakturaFlow</p>
                @php $ea = $tenant->emailAccounts()->first() @endphp
                <form method="POST" action="{{ route('settings.email') }}">@csrf
                    <div class="ff-form-group"><label class="ff-label">Kontonamn</label><input type="text" name="name" class="ff-input" value="{{ $ea->name ?? $tenant->name }}" placeholder="Företagets e-post"></div>
                    <div class="ff-form-group"><label class="ff-label">E-postadress</label><input type="email" name="email" class="ff-input" value="{{ $ea->email ?? $tenant->email }}" required></div>
                    <div style="border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 20px;margin-bottom:16px;">
                        <div style="font-size:13px;font-weight:500;color:#8B9AB8;margin-bottom:12px;">IMAP (Ta emot e-post)</div>
                        <div class="ff-form-row cols-3">
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Server</label><input type="text" name="imap_host" class="ff-input" value="{{ $ea->imap_host ?? '' }}" placeholder="mail.foretag.se"></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Port</label><input type="number" name="imap_port" class="ff-input" value="{{ $ea->imap_port ?? 993 }}"></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Kryptering</label>
                                <select name="imap_encryption" class="ff-input ff-select"><option value="ssl" {{ ($ea->imap_encryption??'ssl')==='ssl'?'selected':'' }}>SSL</option><option value="tls" {{ ($ea->imap_encryption??'')==='tls'?'selected':'' }}>TLS</option></select>
                            </div>
                        </div>
                        <div class="ff-form-row cols-2" style="margin-top:12px;margin-bottom:0;">
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Användarnamn</label><input type="text" name="imap_username" class="ff-input" value="{{ $ea->imap_username ?? '' }}" placeholder="din@foretag.se"></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Lösenord</label><input type="password" name="imap_password" class="ff-input" placeholder="{{ $ea ? '(oförändrat)' : 'E-postlösenord' }}"></div>
                        </div>
                    </div>
                    <div style="border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 20px;margin-bottom:20px;">
                        <div style="font-size:13px;font-weight:500;color:#8B9AB8;margin-bottom:12px;">SMTP (Skicka e-post)</div>
                        <div class="ff-form-row cols-3">
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Server</label><input type="text" name="smtp_host" class="ff-input" value="{{ $ea->smtp_host ?? '' }}" placeholder="mail.foretag.se"></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Port</label><input type="number" name="smtp_port" class="ff-input" value="{{ $ea->smtp_port ?? 587 }}"></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Kryptering</label>
                                <select name="smtp_encryption" class="ff-input ff-select"><option value="tls" {{ ($ea->smtp_encryption??'tls')==='tls'?'selected':'' }}>TLS</option><option value="ssl" {{ ($ea->smtp_encryption??'')==='ssl'?'selected':'' }}>SSL</option></select>
                            </div>
                        </div>
                        <div class="ff-form-row cols-2" style="margin-top:12px;margin-bottom:0;">
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Användarnamn</label><input type="text" name="smtp_username" class="ff-input" value="{{ $ea->smtp_username ?? '' }}"></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Lösenord</label><input type="password" name="smtp_password" class="ff-input" placeholder="{{ $ea ? '(oförändrat)' : 'SMTP-lösenord' }}"></div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Spara e-postkonto</button>
                </form>
            </div>

            <!-- Profile -->
            <div class="ff-card settings-section hidden" id="section-profil">
                <div style="font-size:16px;font-weight:600;color:#E8EAF0;margin-bottom:20px;">Min profil</div>
                <form method="POST" action="{{ route('settings.profile') }}">@csrf
                    <div class="ff-form-row cols-2">
                        <div class="ff-form-group"><label class="ff-label">Namn</label><input type="text" name="name" class="ff-input" value="{{ $user->name }}" required></div>
                        <div class="ff-form-group"><label class="ff-label">E-postadress</label><input type="email" name="email" class="ff-input" value="{{ $user->email }}" required></div>
                    </div>
                    <div class="ff-form-group"><label class="ff-label">Gränssnittsspråk</label>
                        <select name="locale" class="ff-input ff-select" style="max-width:200px;">
                            <option value="sv" {{ $user->locale==='sv'?'selected':'' }}>🇸🇪 Svenska</option>
                            <option value="en" {{ $user->locale==='en'?'selected':'' }}>🇬🇧 English</option>
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary">Spara profil</button>
                </form>
                <div style="border-top:1px solid rgba(255,255,255,.06);margin-top:24px;padding-top:24px;">
                    <div style="font-size:14px;font-weight:500;color:#E8EAF0;margin-bottom:16px;">Byt lösenord</div>
                    <form method="POST" action="{{ route('settings.password') }}">@csrf
                        <div class="ff-form-row cols-3">
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Nuvarande lösenord</label><input type="password" name="current_password" class="ff-input" required></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Nytt lösenord</label><input type="password" name="password" class="ff-input" required minlength="8"></div>
                            <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Upprepa nytt</label><input type="password" name="password_confirmation" class="ff-input" required></div>
                        </div>
                        <button type="submit" class="btn btn-secondary" style="margin-top:14px;">Byt lösenord</button>
                    </form>
                </div>
            </div>

            <!-- Subscription -->
            <div class="ff-card settings-section hidden" id="section-fakturering">
                <div style="font-size:16px;font-weight:600;color:#E8EAF0;margin-bottom:20px;">Prenumeration & Fakturering</div>
                @php $plan = $tenant->getCurrentPlan() @endphp
                <div style="background:linear-gradient(135deg,rgba(59,125,255,.08),rgba(123,79,255,.08));border:1px solid rgba(59,125,255,.15);border-radius:12px;padding:20px;margin-bottom:20px;">
                    <div style="display:flex;align-items:center;justify-content:space-between;">
                        <div>
                            <div style="font-size:14px;color:#5B6478;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:6px;">Nuvarande plan</div>
                            <div style="font-size:24px;font-weight:600;color:#E8EAF0;">{{ ucfirst($plan) }}</div>
                            @if($tenant->onTrial())
                            <div style="font-size:13px;color:#F59E0B;margin-top:4px;">
                                Provperiod avslutas {{ $tenant->trial_ends_at->format('d.m.Y') }} ({{ $tenant->trial_ends_at->diffForHumans() }})
                            </div>
                            @endif
                        </div>
                        <a href="{{ route('pricing') }}" class="btn btn-primary">Uppgradera plan</a>
                    </div>
                </div>
                <a href="{{ route('subscription.invoices') }}" style="font-size:14px;color:#3B7DFF;text-decoration:none;">Visa faktureringshistorik →</a>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
// Show first section by default
showSection('foretag');
function showSection(id) {
    document.querySelectorAll('.settings-section').forEach(s => s.classList.add('hidden'));
    document.querySelectorAll('.settings-nav-item').forEach(n => { n.style.color='#8B9AB8'; n.style.background='transparent'; });
    document.getElementById('section-' + id)?.classList.remove('hidden');
    const nav = document.getElementById('nav-' + id);
    if(nav) { nav.style.color='white'; nav.style.background='rgba(59,125,255,.12)'; }
}
// Activate nav from hash
const hash = location.hash.replace('#','');
if(hash) showSection(hash);
</script>
@endpush
@endsection