@inject(Arr, \Illuminate\Support\Arr)
{{-- Extends layout --}}
@extends('layout.default')

{{-- Styles Section --}}
@section('styles')
@endsection
@section('subheaderRightToolbar')
    @php
        if(empty($mail_data)){
            $mail = array_merge(config('mail.mailers')[config('mail.default')], ['from'=> config('mail.from')]);
        }else{
            $mail = config('mail');
        }
    @endphp
    @if(!empty($mail_data))
        <button type="button" class="btn btn-info font-weight-bolder mr-3 restore-btn-js" data-mailid="{{ $mail_data->id }}">Restore Default</button>
    @endif
    <button type="submit" class="btn btn-primary font-weight-bolder" form="mail_configuration_form">Save</button>
    <button type="button" class="btn btn-secondary ml-3" data-toggle="modal" data-target="#send-test-mail">Send Test Mail</button>

@endsection
{{-- Content --}}
@section('content')
    <div class="row">
        <div class="col-md-4">
            <h6 class="font-weight-bold text-dark">Setting for email template</h6>
            <span class="mr-15 font-weight-bold">Email template using HTML & system variables.</span>
        </div>
        <div class="col-md-8">

            <div class="card card-custom" id="kt_page_sticky_card">
                <div class="card-body" id="load-section-js">
                    <!--begin::Form-->
                    <form class="form" id="mail_configuration_form" data-method="post" data-url="{{ route('mail_configuration.updateOrCreate') }}" enctype="multipart/form-data">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="my-5">
                                    <div class="form-group row">
                                        <label class="col-3">Driver:</label>
                                        <div class="col-9">
                                            <select class="form-control select2-js project_id" id="driver" name="driver" data-placeholder="Select Mail Driver">
                                                <option value="smtp" @if(!empty($mail_data) and isset($mail_data->driver) and $mail_data->driver == "smtp") selected @elseif($Arr::get($mail,'transport') == "smtp") selected @endif>SMTP</option>
                                                <option value="sendmail" @if(!empty($mail_data) and isset($mail_data->driver) and $mail_data->driver == "sendmail") selected @elseif($Arr::get($mail,'transport') == "sendmail") selected @endif>SendMail</option>
                                                <option value="mailgun" @if(!empty($mail_data) and isset($mail_data->driver) and $mail_data->driver == "mailgun") selected @elseif($Arr::get($mail,'transport') == "mailgun") selected @endif>MailGun</option>
                                                <option value="mandrill" @if(!empty($mail_data) and isset($mail_data->driver) and $mail_data->driver == "mandrill") selected @elseif($Arr::get($mail,'transport') == "mandrill") selected @endif>Mandrill</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-3">Port:</label>
                                        <div class="col-9">
                                            <input type="number" class="form-control form-control-solid" name="port"
                                                   placeholder="Enter Port"
                                                   value="@if(!empty($mail_data)){{ $mail_data->port }}@else{{ $Arr::get($mail,'port') }}@endif"/>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-3">Host:</label>
                                        <div class="col-9">
                                            <input class="form-control form-control-solid" type="text"  name="host" placeholder="Enter Host"
                                                   value="@if(!empty($mail_data)){{ $mail_data->host }}@else{{ $Arr::get($mail,'host') }}@endif"/>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-3">Username:</label>
                                        <div class="col-9">
                                            <input class="form-control form-control-solid" type="text" name="username"
                                                   placeholder="Enter Username" value="@if(!empty($mail_data)){{ $mail_data->username }}@else{{ $Arr::get($mail,'username') }}@endif"/>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-3">Password:</label>
                                        <div class="col-9">
                                            <input class="form-control form-control-solid" type="text" name="password"
                                                   placeholder="Enter Password"
                                                   value="@if(!empty($mail_data)){{ $mail_data->password }}@else{{ $Arr::get($mail,'password') }}@endif"/>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-3">Encryption:</label>
                                        <div class="col-9">
                                            <select class="form-control select2-js" id="encryption" name="encryption" data-placeholder="Select Encryption">
                                                <option value="tls" @if(!empty($mail_data) and isset($mail_data->encryption) and $mail_data->encryption == "tls") selected @elseif($Arr::get($mail,'encryption') == "tls") selected @endif>TLS</option>
                                                <option value="ssl" @if(!empty($mail_data) and isset($mail_data->encryption) and $mail_data->encryption == "ssl") selected @elseif($Arr::get($mail,'encryption') == "ssl") selected @endif>SSL</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-3">Sender Name:</label>
                                        <div class="col-9">
                                            <input class="form-control form-control-solid" type="text" name="sender_name"
                                                   placeholder="Enter Sender Name"
                                                   value="@if(!empty($mail_data)){{ $mail_data->sender_name }}@else{{ $Arr::get($mail,'from.name') }}@endif"/>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-3">Sender Email:</label>
                                        <div class="col-9">
                                            <input class="form-control form-control-solid" type="text" name="sender_email"
                                                   placeholder="Enter Sender Email"
                                                   value="@if(!empty($mail_data)){{ $mail_data->sender_email }}@else{{ $Arr::get($mail,'from.address') }}@endif"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2"></div>
                        </div>
                    </form>
                    <!--end::Form-->
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12"><hr></div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <h6 class="font-weight-bold text-dark">Email templates</h6>
            <span class="mr-15 font-weight-bold">Base templates for all emails.</span>
        </div>
        <div class="col-md-8">
            <div class="card card-custom" id="kt_page_sticky_card">
                <div class="card-body" id="load-section-js">
                    <!--begin::Form-->
                    <table class="table table-sm">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col">TEMPLATE</th>
                                <th scope="col">DESCRIPTION</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td scope="row"><a class="font-weight-bold font-size-sm" href="{{ route('mail_configuration.template_file.edit', 'header') }}">Email template header</a></td>
                                <td><span class="font-size-sm">Template for header of emails</span></td>
                            </tr>
                            <tr>
                                <td scope="row"><a class="font-weight-bold font-size-sm" href="{{ route('mail_configuration.template_file.edit', 'footer') }}">Email template footer</a></td>
                                <td><span class="font-size-sm">Template for footer of emails</span></td>
                            </tr>
                        </tbody>
                    </table>
                    <!--end::Form-->
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div id="test-send-mail-error"></div>
        </div>
    </div>


    <!-- Modal-->
    <div class="modal fade" id="send-test-mail" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Send Test Mail</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="send_test_mail" data-method="post" data-url="{{ route('mail_configuration.testmail.send') }}" enctype="multipart/form-data">
                        <div class="form-group">
                            <label>To send test email, please make sure you are updated configuration to send mail!</label>
                            <input type="email" class="form-control" name="email" placeholder="Enter email">
                            <span class="form-text text-muted">We'll never share your email with anyone else.</span>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light-primary font-weight-bold close-modal" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary font-weight-bold" form="send_test_mail">Send</button>
                </div>
            </div>
        </div>
    </div>
@endsection

{{-- Scripts Section --}}
@section('scripts')
    {{-- page scripts --}}
    <script type="text/javascript" src="{{ asset('js/modules/mailconfiguration/create.js') }}"></script>
@endsection