@extends('admin.layouts.master')
@section('page_content')

<!-- PAGE TITLE -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">@lang('translation.sf_menus.admin.main')</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="#">@lang('translation.sf_menus.admin.main')</a></li>
                    <li class="breadcrumb-item active">@lang('translation.sf_menus.admin.email_settings')</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xxl-12">
        <div class="card">
            <div class="card-header">
                <h6 class="card-title mb-0">@lang('translation.sf_menus.admin.email_settings')</h6>
            </div>
            <div class="card-body">
                <form id="emailSettingsForm" action="{{ route('email_setting.update') }}" method="POST">
                    @csrf
                    <input type="hidden" class="form-control" id="email_id" name="email_id" value="{{ $emailSetting->id }}"/>
    
                    <div class="row">

                        <!-- Company -->
                        <div class="col-lg-12">
                            <div class="mb-3">
                                <label for="label" class="form-label">@Lang('translation.contents.company')</label>
                                <select class="form-select" id="company" name="company_id">
                                    <option value="" selected>@Lang('translation.contents.none')</option>
                                    @foreach ($companies as $company)
                                        <option value="{{$company->id}}">{{$company->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        
                        <!-- Email From -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_from" class="form-label">@Lang('translation.contents.email_from')</label>
                                <input type="text" class="form-control" id="email_from" name="email_from" placeholder="">
                            </div>
                        </div>

                        <!-- No reply email address -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_username" class="form-label">@Lang('translation.contents.no_reply_email_address')</label>
                                <input type="text" class="form-control" id="email_username" name="email_username" placeholder="">
                            </div>
                        </div>

                        <!-- Signature -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_signature" class="form-label">@Lang('translation.contents.signature')</label>
                                <input type="text" class="form-control" id="email_signature" name="email_signature" placeholder="">
                            </div>
                        </div>

                        <!-- Provider -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_provider" class="form-label">@Lang('translation.contents.provider')</label>
                                <select class="form-control" id="email_provider" name="email_provider">
                                    <option value="other">@Lang('translation.contents.other')</option>
                                    <option value="gmail">Gmail</option>
                                    <option value="outlook">Outlook</option>
                                    <option value="ovhcloud">OVHcloud</option>
                                    <option value="yahoo">Yahoo Mail</option>
                                    <option value="proton">Proton Mail</option>
                                </select>
                            </div>
                        </div>

                        <!-- Use SMTP -->
                        <div class="col-lg-12">
                            <div class="mb-3">
                                <label for="email_use_smtp" class="form-label">@Lang('translation.contents.use_smtp')</label>
                                <select class="form-control" id="email_use_smtp" name="email_use_smtp">
                                    <option value="1">@Lang('translation.contents.enabled')</option>
                                    <option value="0">@Lang('translation.contents.disabled')</option>
                                </select>
                            </div>
                        </div>

                        <!-- SMTP Server -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_smtp_server" class="form-label">@Lang('translation.contents.smtp_server')</label>
                                <input type="text" class="form-control" id="email_smtp_server" name="email_smtp_server" placeholder="">
                            </div>
                        </div>

                        <!-- SMTP Port -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_smtp_port" class="form-label">@Lang('translation.contents.smtp_port')</label>
                                <input type="text" class="form-control" id="email_smtp_port" name="email_smtp_port" placeholder="">
                            </div>
                        </div>

                        <!-- SMTP Security -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_smtp_security" class="form-label">@Lang('translation.contents.smtp_security')</label>
                                <select class="form-control" id="email_smtp_security" name="email_smtp_security">
                                    <option value="none">@Lang('translation.contents.none')</option>
                                    <option value="tls">TLS</option>
                                    <option value="ssl">SSL</option>
                                </select>
                            </div>
                        </div>

                        <!-- SMTP Authentication -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_smtp_authentication" class="form-label">@Lang('translation.contents.smtp_authentication')</label>
                                <select class="form-control" id="email_smtp_authentication" name="email_smtp_authentication">
                                    <option value="yes">@Lang('translation.contents.yes')</option>
                                    <option value="no">@Lang('translation.contents.no')</option>
                                </select>
                            </div>
                        </div>

                        <!-- SMTP Username -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_smtp_username" class="form-label">@Lang('translation.contents.smtp_username')</label>
                                <input type="email" class="form-control" id="email_smtp_username" name="email_smtp_username" placeholder="">
                            </div>
                        </div>

                        <!-- SMTP Password -->
                        <div class="col-lg-6">
                            <div class="mb-3">
                                <label for="email_smtp_password" class="form-label">@Lang('translation.contents.smtp_password')</label>
                                <input type="password" class="form-control" id="email_smtp_password" name="email_smtp_password" placeholder="">
                            </div>
                        </div>

                        <!-- Buttons -->
                        <div class="col-lg-12">
                            <div class="hstack gap-2 justify-content-end">
                                <button type="button" class="btn btn-link link-secondary text-end" onclick="window.history.go(-1)">@Lang('translation.cancel')</button>
                                @if($emailSetting->deleted == 1)
                                <button type="button" class="btn btn-soft-primary ms-auto btn--email-setting-restore" data-id="{{ $emailSetting->id }}">
                                    @Lang('translation.restore')
                                </button>
                                @else
                                <button type="button" class="btn btn-soft-danger ms-auto btn--email-setting-delete" data-id="{{ $emailSetting->id }}">
                                    @Lang('translation.delete')
                                </button>
                                @endif
                                <button type="button" class="btn btn-soft-secondary btn--test-email">@Lang('translation.contents.test_email')</button>
                                <button type="submit" class="btn btn-soft-success">@Lang('translation.update')</button>
                            </div>
                        </div>
    
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection
@section('custom_scripts')
    <script src="{{ URL::asset('assets/js/apps/admin/email_settings/show.js') }}"></script>
@endsection