@extends('layouts.app')
@section('title', __('Business Settings'))
@section('content')
<div class="simple-note mb-4">
    <strong><i class="fa-solid fa-sliders me-2"></i>{{ __('Configuration') }}</strong>
    <div class="small">{{ __('Business Information') }} · {{ __('Invoice & Print Settings') }} · {{ __('WhatsApp Settings') }} · {{ __('Color Settings') }} · {{ __('Currencies') }} · {{ __('Localization') }}</div>
</div>

<form method="POST" action="{{ route('settings.update') }}" enctype="multipart/form-data">@csrf @method('PUT')
    <div class="row g-3">
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header p-3"><h6 class="mb-0"><i class="fa-solid fa-building text-success me-2"></i>{{ __('Business Information') }}</h6></div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-6"><label class="form-label">{{ __('Business Name') }}</label><input name="business_name" class="form-control" required value="{{ old('business_name', $settings['business_name'] ?? '') }}"></div>
                        <div class="col-md-6"><label class="form-label">{{ __('Phone') }}</label><input name="business_phone" class="form-control" value="{{ old('business_phone', $settings['business_phone'] ?? '') }}"></div>
                        <div class="col-md-6"><label class="form-label">{{ __('Email') }}</label><input name="business_email" type="email" class="form-control" value="{{ old('business_email', $settings['business_email'] ?? '') }}"></div>
                        <div class="col-md-6"><label class="form-label">{{ __('Tax / Registration No.') }}</label><input name="tax_number" class="form-control" value="{{ old('tax_number', $settings['tax_number'] ?? '') }}"></div>
                        <div class="col-12"><label class="form-label">{{ __('Address') }}</label><textarea name="business_address" class="form-control" rows="2">{{ old('business_address', $settings['business_address'] ?? '') }}</textarea></div>
                        <div class="col-12"><label class="form-label">{{ __('Logo') }}</label><input name="logo" type="file" accept="image/*" class="form-control">@if(!empty($appLogoUrl))<img src="{{ $appLogoUrl }}" class="mt-2 rounded" style="max-height:70px;max-width:180px;object-fit:contain">@endif</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header p-3"><h6 class="mb-0"><i class="fa-solid fa-print text-success me-2"></i>{{ __('Invoice & Print Settings') }}</h6></div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-6"><label class="form-label">{{ __('Default Invoice Size') }}</label><select name="invoice_size" class="form-select"><option value="a4" @selected(($settings['invoice_size'] ?? 'a4') === 'a4')>{{ __('A4 / normal printer') }}</option><option value="thermal" @selected(($settings['invoice_size'] ?? 'a4') === 'thermal')>{{ __('Thermal / 80mm printer') }}</option><option value="thermal58" @selected(($settings['invoice_size'] ?? 'a4') === 'thermal58')>{{ __('Thermal / 58mm printer') }}</option></select></div>
                        <div class="col-md-6"><label class="form-label">{{ __('Report Footer') }}</label><input name="report_footer" class="form-control" value="{{ old('report_footer', $settings['report_footer'] ?? '') }}"></div>
                        <div class="col-md-6"><div class="form-check form-switch mt-4"><input type="hidden" name="qr_enabled" value="0"><input class="form-check-input" type="checkbox" id="qr_enabled" name="qr_enabled" value="1" @checked(($settings['qr_enabled'] ?? '1') !== '0')><label class="form-check-label" for="qr_enabled">{{ __('Show QR code on invoice') }}</label></div></div>
                        <div class="col-md-6"><div class="form-check form-switch mt-4"><input type="hidden" name="success_sound_enabled" value="0"><input class="form-check-input" type="checkbox" id="success_sound_enabled" name="success_sound_enabled" value="1" @checked(($settings['success_sound_enabled'] ?? '1') !== '0')><label class="form-check-label" for="success_sound_enabled">{{ __('Success sound') }}</label></div></div>
                        <div class="col-12"><label class="form-label">{{ __('Invoice Footer') }}</label><textarea name="invoice_footer" class="form-control" rows="2">{{ old('invoice_footer', $settings['invoice_footer'] ?? '') }}</textarea></div>
                        <div class="col-12"><label class="form-label">{{ __('Invoice Terms') }}</label><textarea name="invoice_terms" class="form-control" rows="3">{{ old('invoice_terms', $settings['invoice_terms'] ?? '') }}</textarea></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-6" id="whatsapp-settings">
            <div class="card h-100">
                <div class="card-header p-3"><h6 class="mb-0"><i class="fa-brands fa-whatsapp text-success me-2"></i>{{ __('WhatsApp Settings') }}</h6></div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-6"><div class="form-check form-switch mt-2"><input type="hidden" name="whatsapp_enabled" value="0"><input class="form-check-input" type="checkbox" id="whatsapp_enabled" name="whatsapp_enabled" value="1" @checked(($settings['whatsapp_enabled'] ?? '1') !== '0')><label class="form-check-label" for="whatsapp_enabled">{{ __('Enable WhatsApp buttons') }}</label></div></div>
                        <div class="col-md-6"><label class="form-label">{{ __('WhatsApp Phone') }}</label><input name="whatsapp_phone" class="form-control" placeholder="0702172665" value="{{ old('whatsapp_phone', $settings['whatsapp_phone'] ?? ($settings['business_phone'] ?? '')) }}"><div class="help-text">{{ __('If empty, system uses the business phone number.') }}</div></div>
                        <div class="col-12"><label class="form-label">{{ __('WhatsApp Message Footer') }}</label><input name="whatsapp_footer" class="form-control" value="{{ old('whatsapp_footer', $settings['whatsapp_footer'] ?? 'Thank you for your business.') }}"></div>
                    </div>
                    <div class="simple-note mt-3 small"><i class="fa-brands fa-whatsapp me-1"></i>{{ __('Invoices, purchases, receipts and supplier payments can be shared through WhatsApp using this number.') }}</div>
                </div>
            </div>
        </div>

        <div class="col-lg-6" id="theme-settings">
            <div class="card h-100">
                <div class="card-header p-3"><h6 class="mb-0"><i class="fa-solid fa-palette text-success me-2"></i>{{ __('Color Settings') }}</h6></div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-6"><label class="form-label">{{ __('Main Success Color') }}</label><input type="color" name="theme_success" class="form-control form-control-color w-100" value="{{ old('theme_success', $settings['theme_success'] ?? '#22a06b') }}"></div>
                        <div class="col-md-6"><label class="form-label">{{ __('Dark Success Color') }}</label><input type="color" name="theme_success_dark" class="form-control form-control-color w-100" value="{{ old('theme_success_dark', $settings['theme_success_dark'] ?? '#14734c') }}"></div>
                        <div class="col-md-6"><label class="form-label">{{ __('Soft Success Color') }}</label><input type="color" name="theme_success_soft" class="form-control form-control-color w-100" value="{{ old('theme_success_soft', $settings['theme_success_soft'] ?? '#e8f8f0') }}"></div>
                        <div class="col-md-6"><label class="form-label">{{ __('Sidebar Color') }}</label><input type="color" name="theme_sidebar" class="form-control form-control-color w-100" value="{{ old('theme_sidebar', $settings['theme_sidebar'] ?? '#ffffff') }}"></div>
                    </div>
                    <div class="help-text mt-3">{{ __('Changing colors will update buttons, sidebar highlights, badges and alerts.') }}</div>
                </div>
            </div>
        </div>
    </div>
    <button class="btn btn-success mt-3 w-100"><i class="fa-solid fa-floppy-disk me-1"></i>{{ __('Save Settings') }}</button>
</form>

<div id="currencies" class="card mt-3">
    <div class="card-header p-3"><h6 class="mb-0"><i class="fa-solid fa-coins text-success me-2"></i>{{ __('Currencies') }}</h6></div>
    <div class="card-body p-4">
        <form method="POST" action="{{ route('currencies.store') }}" class="row g-2 align-items-end mb-3">@csrf
            <div class="col-md-2"><label class="form-label">{{ __('Code') }}</label><input name="code" class="form-control" placeholder="AFN" required></div>
            <div class="col-md-3"><label class="form-label">{{ __('Name') }}</label><input name="name" class="form-control" placeholder="Afghani" required></div>
            <div class="col-md-2"><label class="form-label">{{ __('Symbol') }}</label><input name="symbol" class="form-control" placeholder="؋" required></div>
            <div class="col-md-3"><label class="form-label">{{ __('Exchange Rate') }}</label><input name="exchange_rate" type="number" step="0.0001" min="0.0001" class="form-control" value="1" required></div>
            <div class="col-md-2"><button class="btn btn-success w-100"><i class="fa-solid fa-plus me-1"></i>{{ __('Save') }}</button></div>
        </form>
        <div class="table-responsive"><table class="table"><thead><tr><th>{{ __('Currency') }}</th><th>{{ __('Symbol') }}</th><th>{{ __('Exchange Rate') }}</th><th>{{ __('Status') }}</th><th></th></tr></thead><tbody>@foreach($currencies as $currency)<tr><td><strong>{{ $currency->code }}</strong><small class="d-block text-muted">{{ $currency->name }}</small></td><td>{{ $currency->symbol }}</td><td>{{ $currency->exchange_rate }}</td><td>@if($currency->is_default)<span class="badge badge-soft">{{ __('Default') }}</span>@else<span class="text-muted">{{ __('Active') }}</span>@endif</td><td>@unless($currency->is_default)<form method="POST" action="{{ route('currencies.default',$currency) }}">@csrf @method('PUT')<button class="btn btn-light btn-sm">{{ __('Make Default') }}</button></form>@endunless</td></tr>@endforeach</tbody></table></div>
    </div>
</div>

<div id="master-data" class="row g-3 mt-1">
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header p-3"><h6 class="mb-0"><i class="fa-solid fa-tags text-success me-2"></i>{{ __('Categories') }}</h6></div>
            <div class="card-body p-4">
                <form method="POST" action="{{ route('categories.store') }}" class="row g-2 mb-3">@csrf
                    <div class="col-md-5"><input name="name" class="form-control" placeholder="{{ __('Category') }}" required></div>
                    <div class="col-md-5"><input name="icon" class="form-control" placeholder="fa-box"></div>
                    <div class="col-md-2"><button class="btn btn-success w-100"><i class="fa-solid fa-plus"></i></button></div>
                </form>
                <div class="row g-2">@forelse($categories as $category)<div class="col-md-6"><div class="d-flex justify-content-between align-items-center border rounded-4 px-3 py-2"><span><i class="fa-solid {{ $category->icon ?: 'fa-tag' }} me-2 text-success"></i>{{ $category->name }}</span><form method="POST" action="{{ route('categories.destroy', $category) }}">@csrf @method('DELETE')<button class="btn btn-link btn-sm text-danger"><i class="fa-solid fa-trash"></i></button></form></div></div>@empty<div class="col-12 text-center text-muted py-3">{{ __('No categories configured.') }}</div>@endforelse</div>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header p-3"><h6 class="mb-0"><i class="fa-solid fa-ruler-combined text-success me-2"></i>{{ __('Units') }}</h6></div>
            <div class="card-body p-4">
                <form method="POST" action="{{ route('units.store') }}" class="row g-2 mb-3">@csrf
                    <div class="col-md-5"><input name="name" class="form-control" placeholder="{{ __('Unit Name') }}" required></div>
                    <div class="col-md-5"><input name="short_name" class="form-control" placeholder="pc" required></div>
                    <div class="col-md-2"><button class="btn btn-success w-100"><i class="fa-solid fa-plus"></i></button></div>
                </form>
                <div class="row g-2">@forelse($units as $unit)<div class="col-md-6"><div class="d-flex justify-content-between align-items-center border rounded-4 px-3 py-2"><span>{{ $unit->name }} <small class="text-muted">({{ $unit->short_name }})</small></span><form method="POST" action="{{ route('units.destroy', $unit) }}">@csrf @method('DELETE')<button class="btn btn-link btn-sm text-danger"><i class="fa-solid fa-trash"></i></button></form></div></div>@empty<div class="col-12 text-center text-muted py-3">{{ __('No units configured.') }}</div>@endforelse</div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3 mt-1">
    <div class="col-lg-6">
        <div class="card h-100"><div class="card-body p-4"><h6><i class="fa-solid fa-language text-success me-2"></i>{{ __('Localization') }}</h6><p class="help-text">{{ __('Translation Manager') }}: پښتو، دری او English متنونه له همدې ځایه سمېدای شي.</p><a href="{{ route('translations.index') }}" class="btn btn-success"><i class="fa-solid fa-language me-1"></i>{{ __('Translation Manager') }}</a></div></div>
    </div>
    <div class="col-lg-6">
        <div class="card h-100"><div class="card-body p-4"><h6><i class="fa-solid fa-circle-info text-success me-2"></i>{{ __('System Information') }}</h6><div class="row g-2 small"><div class="col-6 text-muted">Laravel</div><div class="col-6 text-end">{{ app()->version() }}</div><div class="col-6 text-muted">PHP</div><div class="col-6 text-end">{{ PHP_VERSION }}</div><div class="col-6 text-muted">{{ __('Default Invoice Size') }}</div><div class="col-6 text-end">{{ strtoupper($settings['invoice_size'] ?? 'a4') }}</div><div class="col-6 text-muted">{{ __('WhatsApp') }}</div><div class="col-6 text-end">{{ ($settings['whatsapp_enabled'] ?? '1') !== '0' ? __('Enabled') : __('Disabled') }}</div></div></div></div>
    </div>
</div>
@endsection