@extends('layouts.app')

@section('title', __("Email Settings"))

@section('content')
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <div class="page-pretitle">
                    {{ __('Settings') }}
                </div>
                <h2 class="page-title">
                    {{ __('Email Settings') }}
                </h2>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <form id="emailForm">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label class="form-label">{{ __('Mail Driver') }}</label>
                                    <div class="form-selectgroup form-selectgroup-pills">
                                        <label class="form-selectgroup-item">
                                            <input type="radio" name="mail_driver" value="smtp" class="form-selectgroup-input" {{ setting('mail_driver') == 'smtp' ? 'checked' : '' }}>
                                            <span class="form-selectgroup-label">{{ __('SMTP') }}</span>
                                        </label>
                                        <label class="form-selectgroup-item">
                                            <input type="radio" name="mail_driver" value="mailgun" class="form-selectgroup-input" {{ setting('mail_driver') == 'mailgun' ? 'checked' : '' }}>
                                            <span class="form-selectgroup-label">{{ __('Mailgun') }}</span>
                                        </label>
                                        <label class="form-selectgroup-item">
                                            <input type="radio" name="mail_driver" value="sendgrid" class="form-selectgroup-input" {{ setting('mail_driver') == 'sendgrid' ? 'checked' : '' }}>
                                            <span class="form-selectgroup-label">{{ __('Sendgrid') }}</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-12">
                                        <label class="form-label">{{ __('SMTP') }}</label>
                                        <div class="form-group mb-3 ">
                                            <input type="text" name="smtp_host" value="{{ setting('smtp_host') }}" class="form-control" placeholder="{{ __('Host: mail.google.com') }}">
                                        </div>
                                        <div class="form-group mb-3 ">
                                            <input type="text" name="smtp_port" value="{{ setting('smtp_port') }}" class="form-control" placeholder="{{ __('Port: 25') }}">
                                        </div>
                                        <div class="form-group mb-3 ">
                                            <input type="text" name="smtp_username" value="{{ setting('smtp_username') }}" class="form-control" placeholder="{{ __('Username') }}">
                                        </div>
                                        <div class="form-group mb-3 ">
                                            <input type="password" name="smtp_password" value="{{ setting('smtp_password') }}" class="form-control" placeholder="{{ __('Password') }}">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('Connection Type') }}</label>
                                            <div class="form-selectgroup form-selectgroup-pills">
                                                <label class="form-selectgroup-item">
                                                    <input type="radio" name="mail_encryption" value="tls" class="form-selectgroup-input" {{ setting('mail_encryption') == 'tls' ? 'checked' : '' }}>
                                                    <span class="form-selectgroup-label">{{ __('TLS') }}</span>
                                                </label>
                                                <label class="form-selectgroup-item">
                                                    <input type="radio" name="mail_encryption" value="ssl" class="form-selectgroup-input" {{ setting('mail_encryption') == 'ssl' ? 'checked' : '' }}>
                                                    <span class="form-selectgroup-label">{{ __('SSL') }}</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-12">
                                        <label class="form-label">{{ __('Mailgun') }}</label>
                                        <div class="form-group mb-3 ">
                                            <input type="text" name="mailgun_domain" value="{{ setting('mailgun_domain') }}" class="form-control" placeholder="{{ __('Mailgun Domain') }}">
                                        </div>
                                        <div class="form-group mb-3 ">
                                            <input type="text" name="mailgun_secret" value="{{ setting('mailgun_secret') }}" class="form-control" placeholder="{{ __('Mailgun Secret') }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <label class="form-label">{{ __('Sendgrid') }}</label>
                                        <div class="form-group mb-3 ">
                                            <input type="text" name="sendgrid_key" value="{{ setting('sendgrid_key') }}" class="form-control" placeholder="{{ __('Sendgrid API Key') }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hr-text"></div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group mb-3 ">
                                    <label class="form-label">{{ __('Admin Email') }}</label>
                                    <div>
                                        <input type="email" name="admin_email" value="{{ setting('admin_email') }}" class="form-control" placeholder="{{ __('no-reply@xyz.com') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-3 ">
                                    <label class="form-label">{{ __('Email From (Email)') }}</label>
                                    <div>
                                        <input type="email" name="mail_email" value="{{ setting('mail_email') }}" class="form-control" placeholder="{{ __('no-reply@xyz.com') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-3 ">
                                    <label class="form-label">{{ __('Email From (Name)') }}</label>
                                    <div>
                                        <input type="text" name="mail_name" value="{{ setting('mail_name') }}" class="form-control" placeholder="{{ __('XYZ Company') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-3 ">
                                    <label class="form-label">{{ __('Receive System Emails At') }}</label>
                                    <div>
                                        <input type="email" name="receive_system_email" value="{{ setting('receive_system_email') }}" class="form-control" placeholder="{{ __('support@xyz.com') }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary submission">{{ __('Submit') }}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection

@push('script')
    <script !src="">
        $('#emailForm').submit(function (e) {
            e.preventDefault();
            let form = $(this).serialize();
            let btn = $(this).find('.submission');
            $(btn).btnloading();
            axios.post('', form).then(function (r) {
                notify('success', r.data.message);
            }).catch(function (e) {
                notify('error', e.response.data.message);
            }).then(function () {
                $(btn).btnreset();
            });
        })
    </script>
@endpush