@extends('layouts.backend.app')

@section('title','Smtp Setting')

@push('css')

@endpush


@section('content')

<div class="content-header row">
    <div class="content-header-left col-md-9 col-12 mb-2">
        <div class="row breadcrumbs-top">
            <div class="col-12">
                <h2 class="content-header-title float-start mb-0">Dashboard</h2>
                <div class="breadcrumb-wrapper">
                    <ol class="breadcrumb">

                        <li class="breadcrumb-item">
                            <a href="#">
                                Dashboard
                            </a>
                        </li>
                        <li class="breadcrumb-item">
                            Smtp Settings
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-12 mt-5">
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    Smtp Information
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.setting.smtp.update')}}" method="POST">
                        @csrf
                        @method('put')
                        <div class="form-group">
                            <label for="mail_mailer">Mailer</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_mailer') is-invalid @enderror" name="mail_mailer"  value="{{ setting('mail_mailer') ?? old('mail_mailer')}}" placeholder="Ex : smtp">
                            @error('mail_mailer')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="mail_host">Mail Host</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_host') is-invalid @enderror" name="mail_host" value="{{ setting('mail_host') ?? old('mail_host')}}" placeholder="Ex : mail.devwhite.com">
                            @error('mail_host')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="mail_port">Mail Port</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_port') is-invalid @enderror" name="mail_port" value="{{ setting('mail_port') ?? old('mail_port')}}" placeholder="Ex : 465,587,25">
                            @error('mail_port')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="mail_username">Mail Username</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_username') is-invalid @enderror" name="mail_username" value="{{ setting('mail_username') ?? old('mail_username')}}" placeholder="Ex : example@devwhite.com">
                            @error('mail_username')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="mail_password">Mail Password</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_password') is-invalid @enderror" name="mail_password" value="{{ setting('mail_password') ?? old('mail_password')}}" placeholder="Smtp password">
                            @error('mail_password')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="mail_encryption">Mail Encryption</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_encryption') is-invalid @enderror" name="mail_encryption" value="{{ setting('mail_encryption') ?? old('mail_encryption')}}" placeholder="Ex: SSL,TLS">
                            @error('mail_encryption')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="mail_from_address">Mail From Address</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_from_address') is-invalid @enderror" name="mail_from_address" value="{{ setting('mail_from_address') ?? old('mail_from_address')}}" placeholder="Ex: send@devwhite.com">
                            @error('mail_from_address')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="mail_from_name">Mail From Name</label>
                            <input type="text" class="form-control mt-1 mb-2 @error('mail_from_name') is-invalid @enderror" name="mail_from_name" value="{{ setting('mail_from_name') ?? old('mail_from_name')}}" placeholder="Ex: send@devwhite.com">
                            @error('mail_from_name')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <button class="btn btn-primary btn-sm">Update</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    Smtp Test
                </div>
                <div class="card-body">
                    <form action="">
                        <div class="form-group">
                            <label for="test_mail">Email</label>
                            <input type="text" class="form-control mt-1 mb-2" name="test_mail">
                            <button type="submit" id="test_submit_btn" class="btn btn-primary">
                                <i class="fa fa-mail-reply-all"></i>
                                Test
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection


@push('js')
    <script>
        $(document).ready(function(){
            const testBtn = $('#test_submit_btn');
            testBtn.on('click',function(e){
                e.preventDefault();
                const testMail = $('input[name="test_mail"]').val();
                if(testMail == ''){
                    alert('Please enter email address');
                }else{
                    testBtn.html('<i class="fa fa-spinner fa-spin"></i> Sending...');
                    testBtn.attr('disabled',true);
                    $.ajax({
                        url: "{{ route('admin.setting.smtp.test') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            test_mail: testMail
                        },
                        success: function(data){
                            if(data.status === 'success'){
                                alert(data.message);
                                testBtn.html('<i class="fa fa-mail-reply-all"></i> Test');
                                testBtn.attr('disabled',false);
                            }else{
                                testBtn.html('<i class="fa fa-mail-reply-all"></i> Test');
                                testBtn.attr('disabled',false);
                            }
                        },
                        error : function(data){
                            testBtn.html('<i class="fa fa-mail-reply-all"></i> Test');
                            testBtn.attr('disabled',false);
                             data = data.responseJSON;
                             alert(data.message);
                        }
                    });
                }
            });
        });
    </script>
@endpush