@extends('backend.layouts.master')
@section('content')
<div class="row mx-auto">
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('SMTP Setting')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('update.env-key') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="topbarBannerLink" class="form-label">{{translate('Type')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="MAIL_DRIVER">
                                <select name="MAIL_DRIVER" class="form-control selectpicker" data-live-search="true">
                                    <option value="sendmail" @if (env('MAIL_DRIVER') == "sendmail") selected @endif>{{ translate('Sendmail') }}</option>
                                    <option value="smtp" @if (env('MAIL_DRIVER') == "smtp") selected @endif>{{ translate('SMTP') }}</option>
                                    <option value="mailgun" @if (env('MAIL_DRIVER') == "mailgun") selected @endif>{{ translate('Mailgun') }}</option>
                                </select>
                                @error('MAIL_DRIVER')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="MAIL_HOST" class="form-label">{{translate('Mail Host')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="MAIL_HOST">
                                <input type="text" class="form-control @error('MAIL_HOST') is-invalid @enderror" name="MAIL_HOST" placeholder="{{translate('Mail Host')}}" value="{{env('MAIL_HOST')}}">
                                @error('MAIL_HOST')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="MAIL_PORT" class="form-label">{{translate('Mail Port')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="MAIL_PORT">
                                <input type="text" class="form-control @error('MAIL_PORT') is-invalid @enderror" name="MAIL_PORT" placeholder="{{translate('Mail Port')}}" value="{{env('MAIL_PORT')}}">
                                @error('MAIL_PORT')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="MAIL_USERNAME" class="form-label">{{translate('Mail Username')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="MAIL_USERNAME">
                                <input type="text" class="form-control @error('MAIL_USERNAME') is-invalid @enderror" name="MAIL_USERNAME" placeholder="{{translate('User Name')}}" value="{{env('MAIL_USERNAME')}}">
                                @error('MAIL_USERNAME')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="MAIL_PASSWORD" class="form-label">{{translate('Mail Password')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="MAIL_PASSWORD">
                                <input type="text" class="form-control @error('MAIL_PASSWORD') is-invalid @enderror" name="MAIL_PASSWORD" placeholder="{{translate('Mail Password')}}" value="{{env('MAIL_PASSWORD')}}">
                                @error('MAIL_PASSWORD')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="MAIL_ENCRYPTION" class="form-label">{{translate('Mail Encryption')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="MAIL_ENCRYPTION">
                                <input type="text" class="form-control @error('MAIL_ENCRYPTION') is-invalid @enderror" name="MAIL_ENCRYPTION" placeholder="{{translate('Mail Encryption')}}" value="{{env('MAIL_ENCRYPTION')}}">
                                @error('MAIL_ENCRYPTION')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="MAIL_FROM_ADDRESS" class="form-label">{{translate('Mail From Address')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="MAIL_FROM_ADDRESS">
                                <input type="text" class="form-control @error('MAIL_FROM_ADDRESS') is-invalid @enderror" name="MAIL_FROM_ADDRESS" placeholder="{{translate('Mail From Address')}}" value="{{env('MAIL_FROM_ADDRESS')}}">
                                @error('MAIL_FROM_ADDRESS')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-2 d-grid gap-2 d-md-flex justify-content-md-end">
                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div><!--end col-->
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Test SMTP Configuration')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('website.smtp-test') }}" method="POST" name="">
                        @csrf
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="email" class="form-label">{{translate('Enter Test Email')}}</label>
                            </div>
                            <div class="col-lg-6">
                                <input type="hidden" name="types[]" value="email">
                                <input type="text" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="{{translate('example@gmail.com')}}" value="{{env('MAIL_USERNAME')}}">
                                @error('email')<div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>
                        
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-2 d-grid gap-2 d-md-flex justify-content-end">
                                <button type="submit" class="btn btn-soft-primary">{{translate('Send Test Email')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Instruction')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <p class="text-danger">{{ translate('Please be carefull when you are configuring SMTP. 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 class="live-preview">
                    <form action="{{ route('update.env-key') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-3 col-md-6 mx-auto">
                                <div>
                                    <label for="basiInput" class="form-label">{{translate('Mail Username')}}</label>
                                    <input type="hidden" name="types[]" value="MAIL_USERNAME">
                                    <input type="text" class="form-control" name="MAIL_USERNAME" placeholder="{{translate('User name')}}" value="{{env('MAIL_USERNAME')}}">
                                </div>
                            </div>
                        </div>
                        
                        <div class="row gy-4 mb-3">
                            <div class="col-xxl-2 d-grid gap-2 d-md-flex justify-content-md-end">
                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                            </div>
                        </div>
                    </from>
                </div> -->
            </div>
        </div>
    </div><!--end col-->
</div>
@endsection