@extends('layouts.app')

@php
    $eyebrow = 'Administration';
    $pageTitle = 'System Settings';
@endphp

@section('content')

<div class="surface-card p-4 p-md-5" style="max-width: 720px;">
    <form method="POST" action="{{ route('settings.update') }}">
        @csrf
        @method('PUT')

        <div class="form-section-title">Company details</div>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Company name <span class="text-danger">*</span></label>
                <input type="text" name="company_name" value="{{ old('company_name', $settings->company_name) }}" class="form-control" required>
                @error('company_name')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="form-label">Company email</label>
                <input type="email" name="company_email" value="{{ old('company_email', $settings->company_email) }}" class="form-control">
            </div>
            <div class="col-md-6">
                <label class="form-label">Company phone</label>
                <input type="text" name="company_phone" value="{{ old('company_phone', $settings->company_phone) }}" class="form-control">
            </div>
            <div class="col-md-6">
                <label class="form-label">Currency <span class="text-danger">*</span></label>
                <select name="currency" class="form-select" required>
                    @foreach(['USD', 'KES', 'TZS', 'UGX', 'SOS', 'ETB', 'GBP', 'EUR'] as $cur)
                        <option value="{{ $cur }}" @selected(old('currency', $settings->currency) === $cur)>{{ $cur }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12">
                <label class="form-label">Company address</label>
                <textarea name="company_address" class="form-control" rows="2">{{ old('company_address', $settings->company_address) }}</textarea>
            </div>
        </div>

        <div class="form-section-title">Rent & billing rules</div>
        <div class="row g-3">
            <div class="col-md-6 col-lg-3">
                <label class="form-label">Tax rate (%)</label>
                <input type="number" step="0.01" name="tax_rate" value="{{ old('tax_rate', $settings->tax_rate) }}" class="form-control">
            </div>
            <div class="col-md-6 col-lg-3">
                <label class="form-label">Late fee (%)</label>
                <input type="number" step="0.01" name="late_fee_percent" value="{{ old('late_fee_percent', $settings->late_fee_percent) }}" class="form-control">
            </div>
            <div class="col-md-6 col-lg-3">
                <label class="form-label">Grace days</label>
                <input type="number" name="grace_days" value="{{ old('grace_days', $settings->grace_days) }}" class="form-control">
            </div>
            <div class="col-md-6 col-lg-3">
                <label class="form-label">Rent due day of month</label>
                <input type="number" min="1" max="28" name="rent_due_day" value="{{ old('rent_due_day', $settings->rent_due_day) }}" class="form-control">
            </div>
        </div>

        <p class="text-muted small mt-4 mb-3">
            <i class="bi bi-info-circle me-1"></i>These values are saved for reference across the account. They aren't yet auto-applied to every invoice/lease calculation — let me know if you'd like that wired in next.
        </p>

        <div class="d-flex gap-2">
            <button class="btn btn-brand px-4"><i class="bi bi-check-lg me-1"></i>Save settings</button>
        </div>
    </form>
</div>
@endsection