@extends('admin2')

@section('styles')

@endsection

@section('content')

    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif
    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    @php $user = auth('backend')->user();
    if($user->type == \App\User::STAFF)
        {
            $user = \App\User::find($user->staff_owner_id);
        }

    $config = \App\Models\MailConfig::query()->where('owner_id', $user->id)->first();

    @endphp
    <div class="row">
        <div class="col-md-6">
            <!-- BEGIN SAMPLE FORM PORTLET-->
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-red-sunglo">
                        <i class="icon-settings font-red-sunglo"></i>
                        <span class="caption-subject bold uppercase"> Cài đặt email</span>
                    </div>
                </div>
                <div class="portlet-body form">
                    <form role="form" action="{{ url('admin2/setting/email') }}" method="POST" id="form-mail"
                          enctype="multipart/form-data">
                        {!! csrf_field() !!}
                        <div class="form-body">
                            <div class="form-group">
                                <label>Mã hóa</label>
                                <select class="form-control" name="encryption">
                                    <option @if(optional($config)->encryption == 'tls') selected
                                            @endif value="tls">TLS
                                    </option>
                                    <option @if(optional($config)->encryption == 'ssl') selected
                                            @endif value="ssl">SSL
                                    </option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label>Máy chủ SMTP</label>
                                <input class="form-control" name="smtp_server" type="text"
                                       value="{{ optional($config)->smtp_server }}"/>
                            </div>
                            <div class="form-group">
                                <label>Cổng SMTP</label>
                                <input class="form-control" name="smtp_port" type="text"
                                       value="{{ optional($config)->smtp_port }}"/>
                            </div>

                            <div class="form-group">
                                <label>Email</label>
                                <input class="form-control" name="email" type="text"
                                       value="{{ optional($config)->email }}"/>
                            </div>
                            <div class="form-group">
                                <label>Tên người dùng SMTP</label>
                                <input class="form-control" name="smtp_username" type="text"
                                       value="{{ optional($config)->smtp_username }}"/>
                            </div>
                            <div class="form-group">
                                <label>Mật khẩu SMTP</label>
                                <input class="form-control" name="smtp_password" type="password"
                                       value="{{ optional($config)->smtp_password }}"/>
                            </div>

                            {{--<div class="clearfix margin-top-10">--}}
                            {{--<span class="label label-danger">NOTE!</span> Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead. </div>--}}

                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn blue">Lưu</button>
                            <button type="button" class="btn red" id="btn-check">Kiểm tra cấu hình</button>

                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

@endsection

@push('scripts')
    <script>
        $(document).on('click', '#btn-check', function(e) {
            e.preventDefault();
            let data = $('#form-mail').serialize();
            $.ajax({
                url: '{{ url('admin2/setting/check-mail') }}',
                type: 'POST',
                dataType: 'json',
                data: data,
                beforeSend: function()
                {
                    $('#form-mail').addClass('ht-on-loading');
                },
                success: function(response) {
                    $('#form-mail').removeClass('ht-on-loading');
                    if(response.status == 1)
                    {
                        swal('Thông báo', 'Cấu hình gửi mail hợp lệ', 'success');
                    } else {
                        swal('Thông báo', 'Không thể gửi mail từ cấu hình hiện tại. Bạn vui lòng kiểm tra lại', 'info');
                    }
                },
                error: function(xhr, result, errorThrown){
                    // alert('Request failed.');
                    $('#form-mail').removeClass('ht-on-loading');
                    swal('Thông báo', 'Không thể gửi mail từ cấu hình hiện tại. Bạn vui lòng kiểm tra lại', 'info');
                }
            });
        });
    </script>
@endpush