@extends('dashboard.layouts.app')

@section('title', __('dashboard.Email Settings'))

@section('styles')

@endsection

@section('content')
<div class="row g-7">
    <div class="col-xl-12">
        <div class="card card-flush">
            <div class="card-header pt-7">
                <div class="card-title">
                    <i class="ki-outline ki-email fs-1 me-2"></i>
                    <h2>{{ __('dashboard.Email Settings') }}</h2>
                </div>
            </div>
            <div class="card-body pt-5">
                <form action="{{ route('dashboard.settings.update', ['type' => $type]) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @foreach ($settings as $setting)
                        <div class="mb-7">
                            <label for="{{ $setting->key }}" class="form-label fs-6 fw-semibold">
                                {{ __(ucfirst(str_replace('_', ' ', $setting->key))) }}
                            </label>

                            @if($setting->data_type == 'text')
                                <input type="text" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'number')
                                <input type="number" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'email')
                                <input type="email" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'password')
                                <input type="password" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'tel')
                                <input type="tel" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'url')
                                <input type="url" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'date')
                                <input type="date" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'time')
                                <input type="time" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'color')
                                <input type="color" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @elseif($setting->data_type == 'textarea')
                                <textarea class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]">{{ old("settings.{$setting->key}.value", $setting->value) }}</textarea>
                            @elseif($setting->data_type == 'select')
                                <select class="form-select form-select-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]">
                                    <option value="">{{ __('dashboard.Choose an option') }}</option>
                                    @foreach(json_decode($setting->options) as $option)
                                        <option value="{{ $option->value }}" {{ old("settings.{$setting->key}.value", $setting->value) == $option->value ? 'selected' : '' }}>{{ __($option->label) }}</option>
                                    @endforeach
                                </select>
                            @elseif($setting->data_type == 'radio')
                                @foreach(json_decode($setting->options) as $option)
                                    <div class="form-check form-check-custom form-check-solid">
                                        <input class="form-check-input @error("settings.{$setting->key}.value") is-invalid @enderror" type="radio" name="settings[{{ $setting->key }}][value]" id="{{ $setting->key }}-{{ $option->value }}" value="{{ $option->value }}" {{ old("settings.{$setting->key}.value", $setting->value) == $option->value ? 'checked' : '' }}>
                                        <label class="form-check-label" for="{{ $setting->key }}-{{ $option->value }}">
                                            {{ __($option->label) }}
                                        </label>
                                    </div>
                                @endforeach
                            @elseif($setting->data_type == 'checkbox')
                                <div class="form-check form-check-custom form-check-solid">
                                    <input type="checkbox" class="form-check-input @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="1" {{ old("settings.{$setting->key}.value", $setting->value) == '1' ? 'checked' : '' }}>
                                    <label class="form-check-label" for="{{ $setting->key }}"></label>
                                </div>
                            @elseif($setting->data_type == 'file')
                                <input type="file" class="form-control form-control-solid @error("settings.{$setting->key}.value") is-invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]">
                                @if ($setting->value)
                                    <div class="mt-2">
                                        <span>{{ __('dashboard.Current File') }}:</span>
                                        <a href="{{ Storage::url($setting->value) }}" target="_blank">{{ __('dashboard.View') }}</a>
                                    </div>
                                @endif
                            @elseif($setting->data_type == 'hidden')
                                <input type="hidden" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                            @endif

                            <input type="hidden" name="settings[{{ $setting->key }}][key]" value="{{ $setting->key }}">

                            @error("settings.{$setting->key}.value")
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    @endforeach
                    <div class="mb-7">
                        <label for="test_email" class="form-label fs-6 fw-semibold">{{ __('dashboard.Test Email') }}</label>
                        <div class="input-group input-group-solid">
                            <input type="email" class="form-control form-control-solid" id="test_email" name="test_email" placeholder="{{ __('dashboard.Enter email address') }}">
                            <button class="btn btn-icon btn-primary" type="button" id="send_test_email">
                                <i class="ki-outline ki-send fs-2"></i>
                            </button>
                        </div>
                    </div>
                    <div class="d-flex justify-content-end">
                        <button type="reset" class="btn btn-light me-3">{{ __('dashboard.Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">
                            <span class="indicator-label">{{ __('dashboard.Save') }}</span>
                            <span class="indicator-progress">{{ __('dashboard.Please wait...') }}
                                <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                            </span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        $('#send_test_email').click(function() {
            var email = $('#test_email').val();
            if (email) {
                $.ajax({
                    url: '{{ route("dashboard.settings.send.test.email") }}',
                    type: 'POST',
                    data: {
                        '_token': '{{ csrf_token() }}',
                        'email': email
                    },
                    success: function(response) {
                        toastr.success(response.message);
                    },
                    error: function(xhr, status, error) {
                        toastr.error('Error sending test email.');
                    }
                });
            } else {
                toastr.error('Please enter an email address.');
            }
        });
    });
</script>
@endsection