@extends('layouts.app')

@section('content')
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">{{ __('messages.system_settings') }}</h1>
        </div>
    </div>
</div>

<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">
        
        <!--begin:::Tabs-->
        <ul class="nav nav-custom nav-tabs nav-line-tabs nav-line-tabs-2x border-0 fs-4 fw-semibold mb-8">
            <li class="nav-item">
                <a class="nav-link text-active-primary pb-4 active" data-bs-toggle="tab" href="#kt_settings_company_tab">
                    <i class="ki-outline ki-shop fs-4 me-2"></i>{{ __('settings.company_settings') }}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_settings_user_tab">
                    <i class="ki-outline ki-user fs-4 me-2"></i>{{ __('settings.user_settings') }}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_settings_general_tab">
                    <i class="ki-outline ki-setting-2 fs-4 me-2"></i>{{ __('settings.general_settings') }}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_settings_email_tab">
                    <i class="ki-outline ki-sms fs-4 me-2"></i>{{ __('settings.email_settings') }}
                </a>
            </li>
        </ul>
        <!--end:::Tabs-->

        <div class="card">
            <form action="{{ route('settings.update', ['company' => $company->uuid]) }}" method="POST" enctype="multipart/form-data" id="settings-form">
                @csrf
                @method('PUT')
                {{-- Kullanıcı bilgileri her zaman gönderilsin (farklı tab'da gizli olsa bile) --}}
                <input type="hidden" name="_active_tab" value="{{ old('_active_tab', 'kt_settings_company_tab') }}">
                
                <div class="card-body pt-6">
                    <div class="tab-content" id="settingsTabContent">
                        
                        <!--begin:::Tab pane (Company Settings)-->
                        <div class="tab-pane fade show active" id="kt_settings_company_tab" role="tabpanel">
                            <h3 class="mb-5">{{ __('messages.company_settings') }}</h3>
                            <div class="row row-cols-1 row-cols-md-2">
                                <div class="col mb-7">
                                    <label class="required fs-6 fw-semibold form-label">{{ __('messages.company_name') }}</label>
                                    <input type="text" name="company_name" class="form-control form-control-solid" value="{{ old('company_name', $company->name) }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.company_email') }}</label>
                                    <input type="email" name="company_email" class="form-control form-control-solid" value="{{ old('company_email', $company->email) }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.phone') }}</label>
                                    <input type="text" name="phone" class="form-control form-control-solid" value="{{ old('phone', $company->phone) }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="required fs-6 fw-semibold form-label">{{ __('messages.currency') }}</label>
                                    <select name="currency_id" class="form-select form-select-solid" data-control="select2" data-placeholder="{{ __('messages.select_currency') }}">
                                        @foreach($currencies as $currency)
                                            <option value="{{ $currency->id }}" {{ old('currency_id', $company->currency_id) == $currency->id ? 'selected' : '' }}>
                                                {{ $currency->name }} ({{ $currency->short_code }} - {{ $currency->symbol }})
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col mb-7 col-md-12">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.address') }}</label>
                                    <input type="text" name="address" class="form-control form-control-solid" value="{{ old('address', $company->address) }}">
                                </div>
                            </div>

                             <h3 class="mb-5 mt-5">{{ __('settings.live_exchange_rates') }}</h3>
                             <div class="row row-cols-1 row-cols-md-3 mb-7 g-4">
                                 <div class="col">
                                     <div class="border border-dashed border-gray-300 rounded p-4 text-center bg-light-opacity-50">
                                         <span class="d-block fs-8 text-gray-500 text-uppercase fw-bold mb-1">USD / TRY</span>
                                         <span class="fs-3 fw-bolder text-primary font-monospace">{{ number_format($rates['USD'] ?? 1.0, 4) }} TL</span>
                                     </div>
                                 </div>
                                 <div class="col">
                                     <div class="border border-dashed border-gray-300 rounded p-4 text-center bg-light-opacity-50">
                                         <span class="d-block fs-8 text-gray-500 text-uppercase fw-bold mb-1">EUR / TRY</span>
                                         <span class="fs-3 fw-bolder text-success font-monospace">{{ number_format($rates['EUR'] ?? 1.0, 4) }} TL</span>
                                     </div>
                                 </div>
                                 <div class="col">
                                     <div class="border border-dashed border-gray-300 rounded p-4 text-center bg-light-opacity-50">
                                         <span class="d-block fs-8 text-gray-500 text-uppercase fw-bold mb-1">GBP / TRY</span>
                                         <span class="fs-3 fw-bolder text-info font-monospace">{{ number_format($rates['GBP'] ?? 1.0, 4) }} TL</span>
                                     </div>
                                 </div>
                             </div>
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane (User Settings)-->
                        <div class="tab-pane fade" id="kt_settings_user_tab" role="tabpanel">
                            <h3 class="mb-5">{{ __('messages.user_profile') }}</h3>
                            <div class="row row-cols-1 row-cols-md-2">
                                <div class="col mb-7">
                                    <label class="required fs-6 fw-semibold form-label">{{ __('messages.first_name') }}</label>
                                    <input type="text" name="user_name" class="form-control form-control-solid" value="{{ old('user_name', $user->name) }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="required fs-6 fw-semibold form-label">{{ __('messages.email') }}</label>
                                    <input type="email" name="user_email" class="form-control form-control-solid" value="{{ old('user_email', $user->email) }}">
                                </div>
                            </div>

                            <h3 class="mb-5 mt-5">{{ __('messages.password_settings') }}</h3>
                            <div class="row row-cols-1 row-cols-md-2">
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.new_password') }}</label>
                                    <input type="password" name="new_password" class="form-control form-control-solid" autocomplete="new-password" placeholder="{{ __('settings.leave_blank_password') }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.new_password_confirmation') }}</label>
                                    <input type="password" name="new_password_confirmation" class="form-control form-control-solid" autocomplete="new-password" placeholder="{{ __('settings.leave_blank_password') }}">
                                </div>
                            </div>
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane (General Settings)-->
                        <div class="tab-pane fade" id="kt_settings_general_tab" role="tabpanel">
                            <h3 class="mb-5">{{ __('messages.general_settings') }}</h3>
                            <div class="row row-cols-1 row-cols-md-3">
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.logo_light') }}</label>
                                    <input type="file" name="logo_light" class="form-control form-control-solid" accept="image/*">
                                    @if($company->logo_light)
                                        <img src="{{ asset('storage/'.$company->logo_light) }}" alt="logo_light" class="mt-2" style="height:40px;">
                                    @endif
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.logo_dark') }}</label>
                                    <input type="file" name="logo_dark" class="form-control form-control-solid" accept="image/*">
                                    @if($company->logo_dark)
                                        <img src="{{ asset('storage/'.$company->logo_dark) }}" alt="logo_dark" class="mt-2" style="height:40px;">
                                    @endif
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.favicon') }}</label>
                                    <input type="file" name="favicon" class="form-control form-control-solid" accept="image/*">
                                    @if($company->favicon)
                                        <img src="{{ asset('storage/'.$company->favicon) }}" alt="favicon" class="mt-2" style="height:24px;">
                                    @endif
                                </div>
                            </div>

                            <h3 class="mb-5 mt-5">{{ __('settings.number_prefixes') }}</h3>
                            <div class="row row-cols-1 row-cols-md-4">
                                <div class="col mb-7"><label class="fs-6 fw-semibold form-label">{{ __('messages.customer_number_prefix') }}</label><input type="text" name="customer_prefix" class="form-control form-control-solid" value="{{ old('customer_prefix', $company->customer_prefix) }}"></div>
                                <div class="col mb-7"><label class="fs-6 fw-semibold form-label">{{ __('messages.order_number_prefix') }}</label><input type="text" name="order_prefix" class="form-control form-control-solid" value="{{ old('order_prefix', $company->order_prefix) }}"></div>
                                <div class="col mb-7"><label class="fs-6 fw-semibold form-label">{{ __('messages.measurement_number_prefix') }}</label><input type="text" name="measurement_prefix" class="form-control form-control-solid" value="{{ old('measurement_prefix', $company->measurement_prefix) }}"></div>
                                <div class="col mb-7"><label class="fs-6 fw-semibold form-label">{{ __('messages.invoice_number_prefix') }}</label><input type="text" name="invoice_prefix" class="form-control form-control-solid" value="{{ old('invoice_prefix', $company->invoice_prefix) }}"></div>
                            </div>

                            <h3 class="mb-5 mt-5">{{ __('settings.vat_rates_settings') }}</h3>
                            <div class="row mb-7">
                                <div class="col-12">
                                    <label class="fs-6 fw-semibold form-label mb-2">{{ __('settings.active_vat_rates') }}</label>
                                    <select name="vat_rates[]" class="form-select form-select-solid" data-control="select2" data-tags="true" data-placeholder="{{ __('settings.add_new_vat_rate') }}" multiple>
                                        @foreach(old('vat_rates', $company->vat_rates) as $rate)
                                            <option value="{{ $rate }}" selected>{{ $rate }}%</option>
                                        @endforeach
                                    </select>
                                    <div class="text-muted fs-7 mt-2">{{ __('settings.default_vat_rates_info') }}</div>
                                </div>
                            </div>
                        </div>
                        <!--end:::Tab pane-->

                        <!--begin:::Tab pane (Email Settings)-->
                        <div class="tab-pane fade" id="kt_settings_email_tab" role="tabpanel">
                            <h3 class="mb-5">{{ __('messages.email_settings') }}</h3>
                            <div class="row row-cols-1 row-cols-md-3">
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.smtp_driver') }}</label>
                                    <input type="text" name="mail_mailer" class="form-control form-control-solid" value="{{ old('mail_mailer', $company->mail_mailer ?? 'smtp') }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.smtp_host') }}</label>
                                    <input type="text" name="mail_host" class="form-control form-control-solid" value="{{ old('mail_host', $company->mail_host) }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.smtp_port') }}</label>
                                    <input type="text" name="mail_port" class="form-control form-control-solid" value="{{ old('mail_port', $company->mail_port) }}">
                                </div>
                            </div>

                            <div class="row row-cols-1 row-cols-md-3">
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.smtp_username') }}</label>
                                    <input type="text" name="mail_username" class="form-control form-control-solid" value="{{ old('mail_username', $company->mail_username) }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.smtp_password') }}</label>
                                    <input type="password" name="mail_password" class="form-control form-control-solid" placeholder="{{ __('settings.leave_blank_password') }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.smtp_encryption') }}</label>
                                    <select name="mail_encryption" class="form-select form-select-solid" data-control="select2" data-hide-search="true">
                                        <option value="" {{ old('mail_encryption', $company->mail_encryption) == '' ? 'selected' : '' }}>{{ __('settings.none_encryption') }}</option>
                                        <option value="tls" {{ old('mail_encryption', $company->mail_encryption) == 'tls' ? 'selected' : '' }}>TLS</option>
                                        <option value="ssl" {{ old('mail_encryption', $company->mail_encryption) == 'ssl' ? 'selected' : '' }}>SSL</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row row-cols-1 row-cols-md-2">
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.sender_email') }}</label>
                                    <input type="email" name="mail_from_address" class="form-control form-control-solid" value="{{ old('mail_from_address', $company->mail_from_address) }}">
                                </div>
                                <div class="col mb-7">
                                    <label class="fs-6 fw-semibold form-label">{{ __('messages.sender_name') }}</label>
                                    <input type="text" name="mail_from_name" class="form-control form-control-solid" value="{{ old('mail_from_name', $company->mail_from_name) }}">
                                </div>
                            </div>
                        </div>
                        <!--end:::Tab pane-->

                    </div>
                </div>
                
                <div class="card-footer d-flex justify-content-end py-6 px-9">
                    @if ($errors->any())
                        <div class="alert alert-danger d-flex align-items-center me-auto py-3 px-5">
                            <i class="ki-outline ki-information-2 fs-2hx text-danger me-3"></i>
                            <div>
                                <strong>{{ __('common.errors_title') }}</strong>
                                <ul class="mb-0 mt-1">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endif
                    <button type="submit" class="btn btn-primary">{{ __('common.update') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    // Aktif tab'ı kaydet
    var tabLinks = document.querySelectorAll('[data-bs-toggle="tab"]');
    var activeTabInput = document.querySelector('input[name="_active_tab"]');

    tabLinks.forEach(function (link) {
        link.addEventListener('shown.bs.tab', function (e) {
            var tabId = e.target.getAttribute('href').replace('#', '');
            if (activeTabInput) activeTabInput.value = tabId;
        });
    });

    // Sayfa yüklendiğinde önceki aktif tab'ı geri yükle
    var savedTab = activeTabInput ? activeTabInput.value : null;
    if (savedTab) {
        var tabEl = document.querySelector('[href="#' + savedTab + '"]');
        if (tabEl) {
            var bsTab = new bootstrap.Tab(tabEl);
            bsTab.show();
        }
    }
});
</script>
@endpush

@endsection