@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">{{ __('settings.notification_settings') }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ url('/') }}" class="text-muted text-hover-primary">{{ __('common.home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('settings.system_configuration') }}</li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('settings.notification_settings') }}</li>
            </ul>
        </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">



        <div class="card">
            <form action="{{ route('notification-settings.update') }}" method="POST">
                @csrf
                @method('PUT')

                <div class="card-header border-0 pt-6">
                    <div class="card-title">
                        <ul class="nav nav-custom nav-tabs nav-line-tabs nav-line-tabs-2x border-0 fs-4 fw-semibold">
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-4 active" data-bs-toggle="tab" href="#kt_notification_tab_sms">{{ __('settings.sms_settings') }}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_notification_tab_whatsapp">{{ __('settings.whatsapp_settings') }}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_notification_tab_email">{{ __('settings.email_settings') }}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-active-primary pb-4" data-bs-toggle="tab" href="#kt_notification_tab_preferences">{{ __('settings.notification_preferences') }}</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="card-body pt-3">
                    <div class="tab-content">
                        <!--begin::SMS Tab-->
                        <div class="tab-pane fade show active" id="kt_notification_tab_sms" role="tabpanel">
                            <div class="d-flex flex-stack mb-8 border border-dashed border-gray-300 rounded p-6">
                                <div class="me-5">
                                    <label class="fs-6 fw-bold">{{ __('settings.enable_sms_notifications') }}</label>
                                    <div class="fs-7 text-muted">{{ __('settings.enable_sms_notifications_desc') }}</div>
                                </div>
                                <label class="form-check form-switch form-check-custom form-check-solid">
                                    <input class="form-check-input" type="checkbox" name="sms_active" value="1" {{ $company->sms_active ? 'checked' : '' }} />
                                </label>
                            </div>

                            <div class="row row-cols-1 row-cols-md-2 g-9">
                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label required">{{ __('settings.sms_provider') }}</label>
                                    <select name="sms_provider" class="form-select form-select-solid" data-control="select2" data-hide-search="true">
                                        <option value="log" {{ $company->sms_provider == 'log' ? 'selected' : '' }}>{{ __('settings.sms_provider_log') }}</option>
                                        <option value="netgsm" {{ $company->sms_provider == 'netgsm' ? 'selected' : '' }}>Netgsm</option>
                                        <option value="iletimerkezi" {{ $company->sms_provider == 'iletimerkezi' ? 'selected' : '' }}>İleti Merkezi</option>
                                        <option value="mutlucell" {{ $company->sms_provider == 'mutlucell' ? 'selected' : '' }}>Mutlucell</option>
                                        <option value="twilio" {{ $company->sms_provider == 'twilio' ? 'selected' : '' }}>Twilio (Global)</option>
                                    </select>
                                </div>

                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label">{{ __('settings.sms_originator') }}</label>
                                    <input type="text" name="sms_sender" class="form-control form-control-solid" value="{{ old('sms_sender', $company->sms_sender) }}" placeholder="{{ __('settings.sms_originator_placeholder') }}" />
                                </div>

                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label">{{ __('settings.sms_username') }}</label>
                                    <input type="text" name="sms_username" class="form-control form-control-solid" value="{{ old('sms_username', $company->sms_username) }}" />
                                </div>

                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label">{{ __('settings.sms_password') }}</label>
                                    <input type="password" name="sms_password" class="form-control form-control-solid" value="{{ old('sms_password', $company->sms_password) }}" />
                                </div>

                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label">{{ __('settings.sms_api_key') }}</label>
                                    <input type="text" name="sms_api_key" class="form-control form-control-solid" value="{{ old('sms_api_key', $company->sms_api_key) }}" />
                                </div>
                            </div>
                        </div>
                        <!--end::SMS Tab-->

                        <!--begin::WhatsApp Tab-->
                        <div class="tab-pane fade" id="kt_notification_tab_whatsapp" role="tabpanel">
                            <div class="d-flex flex-stack mb-8 border border-dashed border-gray-300 rounded p-6">
                                <div class="me-5">
                                    <label class="fs-6 fw-bold">{{ __('settings.enable_whatsapp_notifications') }}</label>
                                    <div class="fs-7 text-muted">{{ __('settings.enable_whatsapp_notifications_desc') }}</div>
                                </div>
                                <label class="form-check form-switch form-check-custom form-check-solid">
                                    <input class="form-check-input" type="checkbox" name="whatsapp_active" value="1" {{ $company->whatsapp_active ? 'checked' : '' }} />
                                </label>
                            </div>

                            <div class="row row-cols-1 row-cols-md-2 g-9">
                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label required">{{ __('settings.whatsapp_provider') }}</label>
                                    <select name="whatsapp_provider" class="form-select form-select-solid" data-control="select2" data-hide-search="true">
                                        <option value="log" {{ $company->whatsapp_provider == 'log' ? 'selected' : '' }}>{{ __('settings.system_log_test') }}</option>
                                        <option value="meta" {{ $company->whatsapp_provider == 'meta' ? 'selected' : '' }}>{{ __('settings.meta_whatsapp') }}</option>
                                        <option value="twilio" {{ $company->whatsapp_provider == 'twilio' ? 'selected' : '' }}>{{ __('settings.twilio_whatsapp') }}</option>
                                    </select>
                                </div>

                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label">{{ __('settings.whatsapp_sender_number') }}</label>
                                    <input type="text" name="whatsapp_sender" class="form-control form-control-solid" value="{{ old('whatsapp_sender', $company->whatsapp_sender) }}" placeholder="whatsapp:+14155238886" />
                                </div>

                                <div class="col">
                                    <label class="fs-6 fw-semibold form-label">{{ __('settings.whatsapp_phone_number_id') }}</label>
                                    <input type="text" name="whatsapp_phone_number_id" class="form-control form-control-solid" value="{{ old('whatsapp_phone_number_id', $company->whatsapp_phone_number_id) }}" />
                                </div>

                                <div class="col-12 mt-6">
                                    <label class="fs-6 fw-semibold form-label">{{ __('settings.whatsapp_access_token') }}</label>
                                    <textarea name="whatsapp_access_token" class="form-control form-control-solid" rows="3">{{ old('whatsapp_access_token', $company->whatsapp_access_token) }}</textarea>
                                </div>
                            </div>
                        </div>
                        <!--end::WhatsApp Tab-->

                        <!--begin::Email Tab-->
                        <div class="tab-pane fade" id="kt_notification_tab_email" role="tabpanel">
                            <div class="d-flex flex-stack mb-8 border border-dashed border-gray-300 rounded p-6">
                                <div class="me-5">
                                    <label class="fs-6 fw-bold">{{ __('settings.enable_email_notifications') }}</label>
                                    <div class="fs-7 text-muted">{{ __('settings.enable_email_notifications_desc') }}</div>
                                </div>
                                <label class="form-check form-switch form-check-custom form-check-solid">
                                    <input class="form-check-input" type="checkbox" name="email_active" value="1" {{ $company->email_active ? 'checked' : '' }} />
                                </label>
                            </div>

                            <div class="alert alert-dismissible bg-light-primary border border-primary d-flex flex-column flex-sm-row p-5 mb-10">
                                <i class="ki-outline ki-information-3 fs-2hx text-primary me-4 mb-5 mb-sm-0"></i>
                                <div class="d-flex flex-column pe-0 pe-sm-10">
                                    <h5 class="mb-1 text-dark">{{ __('settings.email_server_config') }}</h5>
                                    <span>{!! __('settings.email_server_config_desc', ['link' => '<a href="'.route('settings.edit').'#email-settings" class="fw-bold text-primary text-hover-underline">'.__('settings.click_here').'</a>']) !!}</span>
                                </div>
                            </div>
                        </div>
                        <!--end::Email Tab-->

                        <!--begin::Preferences Tab-->
                        <div class="tab-pane fade" id="kt_notification_tab_preferences" role="tabpanel">
                            <div class="table-responsive">
                                <table class="table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4">
                                    <thead>
                                        <tr class="fw-bold text-muted">
                                            <th class="min-w-200px">{{ __('settings.notification_event') }}</th>
                                            <th class="min-w-100px text-center">{{ __('settings.send_email') }}</th>
                                            <th class="min-w-100px text-center">{{ __('settings.send_sms') }}</th>
                                            <th class="min-w-100px text-center">WhatsApp</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $events = [
                                                'order_created' => __('settings.events.order_created'),
                                                'order_status_updated' => __('settings.events.order_status_updated'),
                                                'ready_for_trial' => __('settings.events.ready_for_trial'),
                                                'delivered' => __('settings.events.delivered'),
                                                'order_completed' => __('settings.events.order_completed'),
                                                'payment_received' => __('settings.events.payment_received'),
                                                'invoice_created' => __('settings.events.invoice_created'),
                                                'trial_reminder' => __('settings.events.trial_reminder'),
                                                'delivery_reminder' => __('settings.events.delivery_reminder'),
                                            ];
                                            $config = $company->notification_events ?? [];
                                        @endphp

                                        @foreach($events as $key => $label)
                                            <tr>
                                                <td>
                                                    <span class="text-gray-900 fw-bold fs-6">{{ $label }}</span>
                                                    <code class="d-block fs-8 text-muted mt-1">{{ $key }}</code>
                                                </td>
                                                <td class="text-center">
                                                    <div class="form-check form-check-custom form-check-solid justify-content-center">
                                                        <input class="form-check-input" type="checkbox" name="events[{{ $key }}][email]" value="1" {{ !empty($config[$key]['email']) ? 'checked' : '' }} />
                                                    </div>
                                                </td>
                                                <td class="text-center">
                                                    <div class="form-check form-check-custom form-check-solid justify-content-center">
                                                        <input class="form-check-input" type="checkbox" name="events[{{ $key }}][sms]" value="1" {{ !empty($config[$key]['sms']) ? 'checked' : '' }} />
                                                    </div>
                                                </td>
                                                <td class="text-center">
                                                    <div class="form-check form-check-custom form-check-solid justify-content-center">
                                                        <input class="form-check-input" type="checkbox" name="events[{{ $key }}][whatsapp]" value="1" {{ !empty($config[$key]['whatsapp']) ? 'checked' : '' }} />
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!--end::Preferences Tab-->
                    </div>
                </div>

                <div class="card-footer d-flex justify-content-end py-6 px-9">
                    <button type="submit" class="btn btn-primary">{{ __('common.update') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection