@extends('admin::layouts.master')

@section('content')
    <!--BEGIN:Adivinar custom   -->
    @if(count($errors) > 0 )
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <ul class="p-0 m-0" style="list-style: none;">
                @foreach($errors->all() as $error)
                <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="row">
        
        <div class="col-md-7">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0 h6">{{translate('Mail Configuration')}}</h5>
                </div>
                <div class="card-body">
                    <form class="form-horizontal" action="{{route('admin.mail_settings.update')}}" method="POST">
                        @csrf
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">{{translate('MAIL DRIVER')}}</label>
                            <div class="col-md-8">
                                <select class="form-control aiz-selectpicker mb-2 mb-md-0" name="mail_driver" onchange="checkMailDriver()">
                                    <option value="sendmail" @if (isset($settings['mail_driver']) &&  $settings['mail_driver'] == "sendmail") selected @endif>{{ translate('Sendmail') }}</option>
                                    <option value="smtp" @if (isset($settings['mail_driver']) &&  $settings['mail_driver'] == "smtp") selected @endif>{{ translate('Smtp') }}</option>
                                </select>
                            </div>
                        </div>
                        <div id="smtp">
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <label class="col-from-label">{{translate('MAIL HOST')}}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="mail_host" value="{{  $settings['mail_host'] ?? '' }}" placeholder="{{ translate('MAIL HOST') }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <label class="col-from-label">{{translate('MAIL PORT')}}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="mail_port" value="{{  $settings['mail_port'] ?? '' }}" placeholder="{{ translate('MAIL PORT') }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <label class="col-from-label">{{translate('MAIL USERNAME')}}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="mail_username" value="{{  $settings['mail_username'] ?? '' }}" placeholder="{{ translate('MAIL USERNAME') }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <label class="col-from-label">{{translate('MAIL PASSWORD')}}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="mail_password" value="{{  $settings['mail_password'] ?? '' }}" placeholder="{{ translate('MAIL PASSWORD') }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <label class="col-from-label">{{translate('MAIL ENCRYPTION')}}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="mail_encryption" value="{{  $settings['mail_encryption'] ?? '' }}" placeholder="{{ translate('MAIL ENCRYPTION') }}">
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <label class="col-from-label">{{translate('MAIL FROM ADDRESS')}}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="mail_from_address" value="{{  $settings['mail_from_address'] ?? '' }}" placeholder="{{ translate('MAIL FROM ADDRESS') }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-3">
                                    <label class="col-from-label">{{translate('MAIL FROM NAME')}}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="mail_from_name" value="{{  $settings['mail_from_name'] ?? '' }}" placeholder="{{ translate('MAIL FROM NAME') }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-0 text-right">
                            <button type="submit" class="btn btn-sm btn-primary">{{translate('Save')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-5">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0 h6">{{translate('Test Mail configuration')}}</h5>
                </div>
                <div class="card-body">
                    <form action="{{route('admin.mail_settings.test_mail')}}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col">
                                <input required type="email" class="form-control" name="email" value="{{ auth()->user()->email }}" placeholder="{{ translate('Enter your email address') }}">
                            </div>
                            <div class="col-auto">
                                <button type="submit" class="btn btn-sm btn-primary" @if(!isset($settings['mail_driver'])) disabled @endif>{{ translate('Send test email') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card bg-gray-light">
                <div class="card-header">
                    <h5 class="mb-0 h6">{{translate('Instructions')}}</h5>
                </div>
                <div class="card-body">
                    <p class="text-danger">{{ translate('Please be carefull when you are configuring Mail. For incorrect configuration you will get error at the time of order place, new registration, sending newsletter.') }}</p>
                    <h6 class="text-muted">{{ translate('For Non-SSL') }}</h6>
                    <ul class="list-group">
                        <li class="list-group-item text-dark">{{ translate('Select sendmail for Mail Driver if you face any issue after configuring smtp as Mail Driver ') }}</li>
                        <li class="list-group-item text-dark">{{ translate('Set Mail Host according to your server Mail Client Manual Settings') }}</li>
                        <li class="list-group-item text-dark">{{ translate('Set Mail port as 587') }}</li>
                        <li class="list-group-item text-dark">{{ translate('Set Mail Encryption as ssl if you face issue with tls') }}</li>
                    </ul>
                    <br>
                    <h6 class="text-muted">{{ translate('For SSL') }}</h6>
                    <ul class="list-group mar-no">
                        <li class="list-group-item text-dark">{{ translate('Select sendmail for Mail Driver if you face any issue after configuring smtp as Mail Driver') }}</li>
                        <li class="list-group-item text-dark">{{ translate('Set Mail Host according to your server Mail Client Manual Settings') }}</li>
                        <li class="list-group-item text-dark">{{ translate('Set Mail port as 465') }}</li>
                        <li class="list-group-item text-dark">{{ translate('Set Mail Encryption as ssl') }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--ENDING:Adivinar custom   -->
@endsection

@section('script')
<script type="text/javascript">
    $(document).ready(function(){
        checkMailDriver();
    });
    function checkMailDriver(){
        if($('select[name=mail_driver]').val() == 'smtp'){
            $('#smtp').show();
        }
        else{
            $('#smtp').hide();
        }
    }
</script>
@endsection