@extends('layouts.app')

@section('page-title')
    <div class="bg-title">
        <h4 class="page-title"><i class="{{ $pageIcon }}"></i> @lang($pageTitle)</h4>
    </div>
@endsection

@push('head-script')
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/switchery/dist/switchery.min.css') }}">
    <style>
        .sweet-alert {
            width: 50% !important;
        }
    </style>
@endpush

@section('content')

    <div class="dash_panel">
        <div class="customCard">
            <div class="panel-heading">@lang($pageTitle)</div>

            <div class="vtabs customvtab m-t-10">
                @include('sections.notification_settings_menu')

                <div class="tab-content">
                    <div id="vhome3" class="tab-pane active">
                        <div class="row gap-5">
                            <div class="col-md-5">

                                <h3 class="box-title m-b-0">@lang('modules.emailSettings.notificationTitle')</h3>

                                <p class="text-muted m-b-10 font-13">
                                    @lang('modules.emailSettings.notificationSubtitle')
                                </p>

                                <form id="editSettings" class="ajax-form form-horizontal" method="POST">
                                    @csrf
                                    @method('PUT')

                                    @forelse($emailSettings as $emailSetting)
                                        <div class="form-group">
                                            <div class="row">
                                                <label class="control-label col-sm-8">@lang('modules.emailNotification.' . str_slug($emailSetting->setting_name))</label>

                                                <div class="col-sm-4 d-flex justify-content-end">
                                                    <div class="switchery-demo">
                                                        <input type="checkbox"
                                                            @if ($emailSetting->send_email == 'yes') checked @endif
                                                            class="js-switch change-email-setting"
                                                            data-color="#99d683"
                                                            data-setting-id="{{ $emailSetting->id }}" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @empty
                                    @endforelse

                                </form>
                            </div>
                            <div class="col-md-6">


                                <h3 class="box-title m-b-0">SMTP @lang('modules.emailSettings.configTitle')</h3>


                                <p class="text-muted m-b-10 font-13">
                                    &nbsp;
                                </p>
                                <form id="updateSettings" class="ajax-form" method="POST">
                                    @csrf
                                    <div id="alert">
                                        @if ($smtpSetting->mail_driver == 'smtp')
                                            @if ($smtpSetting->verified)
                                                <div class="alert alert-success">
                                                    {{ __('messages.smtpSuccess') }}
                                                </div>
                                            @else
                                                <div class="alert alert-danger">{{ __('messages.smtpError') }}
                                                </div>
                                            @endif
                                        @endif
                                    </div>
                                    <div class="form-body">
                                        <div class="row">
                                            <div class="col-md-12 ">
                                                <label>@lang('modules.emailSettings.mailDriver')</label>
                                                <div class="form-group">
                                                    <label class="radio-inline m-l-10 m-b-10">
                                                        <input type="radio" class="checkbox"
                                                            onchange="getDriverValue(this);" value="mail"
                                                            @if ($smtpSetting->mail_driver == 'mail') checked @endif
                                                            name="mail_driver">Mail
                                                    </label>
                                                    <label class="radio-inline m-l-10">
                                                        <input type="radio" onchange="getDriverValue(this);"
                                                            value="smtp"
                                                            @if ($smtpSetting->mail_driver == 'smtp') checked @endif
                                                            name="mail_driver">SMTP
                                                    </label>
                                                </div>
                                            </div>

                                            <!--/span-->
                                        </div>
                                        <div id="smtp_div">
                                            <div class="row p-t-15">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="required">@lang('modules.emailSettings.mailHost')</label>
                                                        <input type="text" name="mail_host" id="mail_host"
                                                            class="form-control"
                                                            value="{{ $smtpSetting->mail_host }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="required">@lang('modules.emailSettings.mailPort')</label>
                                                        <input type="text" name="mail_port" id="mail_port"
                                                            class="form-control"
                                                            value="{{ $smtpSetting->mail_port }}">
                                                    </div>
                                                </div>
                                                <!--/span-->

                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="required">@lang('modules.emailSettings.mailUsername')</label>
                                                        <input type="text" name="mail_username"
                                                            id="mail_username" class="form-control"
                                                            value="{{ $smtpSetting->mail_username }}">
                                                    </div>
                                                </div>
                                                <!--/span-->
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label
                                                            class="control-label required">@lang('modules.emailSettings.mailPassword')</label>
                                                        <input type="password" name="mail_password"
                                                            id="mail_password" class="form-control"
                                                            value="{{ $smtpSetting->mail_password }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label
                                                            class="control-label required">@lang('modules.emailSettings.mailEncryption')</label>
                                                        <select class="form-control" name="mail_encryption"
                                                            id="mail_encryption">
                                                            <option
                                                                @if ($smtpSetting->mail_encryption == 'tls') selected @endif>
                                                                tls
                                                            </option>
                                                            <option
                                                                @if ($smtpSetting->mail_encryption == 'ssl') selected @endif>
                                                                ssl
                                                            </option>

                                                            <option value="null"
                                                                @if ($smtpSetting->mail_encryption == null) selected @endif>
                                                                none
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--/span-->
                                        </div>
                                        <div class="row p-t-15">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label
                                                        class="control-label required">@lang('modules.emailSettings.mailFrom')</label>
                                                    <input type="text" name="mail_from_name"
                                                        id="mail_from_name" class="form-control"
                                                        value="{{ $smtpSetting->mail_from_name }}">
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label
                                                        class="control-label required">@lang('modules.emailSettings.mailFromEmail')</label>
                                                    <input type="text" name="mail_from_email"
                                                        id="mail_from_email" class="form-control"
                                                        value="{{ $smtpSetting->mail_from_email }}">
                                                </div>
                                            </div>

                                            @if(hasAccessOf('email_settings')['is_write'])
                                                <div class="col-xs-12 d-flex gap-2">
                                                    <button type="submit" id="save-form" class="p-l-10 p-r-10 themeBtn">@lang('app.update')
                                                    </button>
                                                    <button type="button" id="send-test-email"
                                                        class="p-l-10 p-r-10 themeBtnSoft">@lang('modules.emailSettings.sendTestEmail')</button>
                                                    <button type="reset"
                                                        class="p-l-10 p-r-10 themeBtnOutline">@lang('app.reset')</button>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <!--/span-->


                                </form>
                            </div>
                            <!-- .row -->

                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    {{-- Ajax Modal --}}
    <div class="modal fade bs-modal-md in" id="testMailModal" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">Test Email</h4>
                </div>
                <div class="modal-body">
                    <form id="testEmail" class="ajax-form" method="POST">
                        @csrf
                        <div class="form-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Enter email address where test mail needs to be sent</label>
                                        <input type="text" name="test_email" id="test_email" class="form-control"
                                            value="{{ $user->email }}">
                                    </div>
                                </div>
                                <!--/span-->
                            </div>
                            <!--/row-->
                        </div>
                        <div class="form-actions">
                            <button type="button" class="btn default" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-success" id="send-test-email-submit">submit</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->.
        </div>

    </div>
    {{-- Ajax Modal Ends --}}

@endsection
@push('footer-script')
    <script src="{{ asset('plugins/bower_components/switchery/dist/switchery.min.js') }}"></script>
    <script>
        // Switchery
        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
        $('.js-switch').each(function() {
            new Switchery($(this)[0], $(this).data());

        });

        $('.change-email-setting').change(function() {
            var id = $(this).data('setting-id');

            if ($(this).is(':checked'))
                var sendEmail = 'yes';
            else
                var sendEmail = 'no';

            var url = '{{ route('email-settings.update', ':id') }}';
            url = url.replace(':id', id);
            $.easyAjax({
                url: url,
                type: "POST",
                data: {
                    'id': id,
                    'send_email': sendEmail,
                    '_method': 'PUT',
                    '_token': '{{ csrf_token() }}'
                }
            })
        });

        $('#save-form').click(function() {

            var url = '{{ route('email-settings.updateMailConfig') }}';

            $.easyAjax({
                url: url,
                type: "POST",
                container: '#updateSettings',
                messagePosition: "inline",
                data: $('#updateSettings').serialize(),
                success: function(response) {
                    if (response.status == 'error') {
                        $('#alert').prepend(
                            '<div class="alert alert-danger">{{ __('messages.smtpError') }}</div>')
                    } else {
                        $('#alert').show();
                        $.showToastr(response.message, 'success', '')
                    }
                }
            })
        });

        $('#send-test-email').click(function() {
            $('#testMailModal').modal('show')
        });
        $('#send-test-email-submit').click(function() {
            $.easyAjax({
                url: '{{ route('email-settings.sendTestEmail') }}',
                type: "GET",
                messagePosition: "inline",
                container: "#testEmail",
                data: $('#testEmail').serialize(),

            })
        });


        function getDriverValue(sel) {
            if (sel.value == 'mail') {
                $('#smtp_div').hide();
                $('#alert').hide();
            } else {
                $('#smtp_div').show();
                $('#alert').show();
            }
        }

        @if ($smtpSetting->mail_driver == 'mail')
            $('#smtp_div').hide();
            $('#alert').hide();
        @endif
    </script>
@endpush