@extends('layouts.master')

@push('plugin-styles')
  <link href="{{ asset('theme_v2/assets/plugins/flatpickr/flatpickr.min.css') }}" rel="stylesheet" />
  <link rel="stylesheet" href="{{ asset('theme/css/daterangepicker.css') }}">
@endpush

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">Settings  SMTP</div>
            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if(session('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                <form method="POST" id="form-test">
                    @csrf
                    <div class="mb-3 form-group">
                        <label for="email" class="form-label">Email Tujuan:</label>
                        <input type="email" name="email" class="form-control" required>
                    </div>

                    <div class="mb-3 form-group">
                        <label for="subject" class="form-label">Subject:</label>
                        <input type="text" name="subject" class="form-control" required>
                    </div>

                    <div class="mb-3 form-group">
                        <label for="message" class="form-label">Pesan:</label>
                        <textarea name="message" rows="4" class="form-control" required></textarea>
                    </div>

                    <button type="button" id="submit-test" class="btn btn-success">Kirim Email</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">Settings  SMTP</div>
            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if(session('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                <form method="POST" id="email-setting">
                    @csrf
                    <div class="mb-3 form-group">
                        <input type="hidden" name="mailer" class="form-control" value="smtp" required readonly="readonly">
                    </div>

                    <div class="mb-3 form-group">
                        <input type="hidden" name="host" class="form-control" value="smtp.gmail.com" required readonly="readonly">
                    </div>

                    <div class="mb-3 form-group">
                        <input type="hidden" name="port" class="form-control" value="465" required readonly="readonly">
                    </div>

                    <div class="mb-3 form-group">
                        <label for="username" class="form-label">MAIL USERNAME:</label>
                        <input type="text" name="username" class="form-control" value="{{ config('mail.username') }}" required>
                    </div>

                    <div class="mb-3 form-group">
                        <label for="password" class="form-label">MAIL PASSWORD:</label>
                        <input type="password" name="password" class="form-control" required>
                    </div>

                    <div class="mb-3 form-group">
                        <input type="hidden" name="encryption" class="form-control" value="ssl" required readonly="readonly">
                    </div>

                    <div class="mb-3 form-group">
                        <input type="hidden" name="from_address" class="form-control" value="{{ config('mail.from.address') }}" required>
                    </div>

                    <div class="mb-3 form-group">
                        <label for="from_name" class="form-label">MAIL FROM NAME:</label>
                        <input type="text" name="from_name" class="form-control" value="{{ config('mail.from.name') }}" required>
                    </div>
                    <button type="button" class="btn btn-success btn-sm pull-right" class="float:right">Save Settings</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('plugin-scripts')
  <script src="{{ asset('theme_v2/assets/plugins/flatpickr/flatpickr.min.js') }}"></script>
  <script src="{{ asset('theme_v2/assets/plugins/apexcharts/apexcharts.min.js') }}"></script>
  <script src="{{ asset('theme/js/daterangepicker.js') }}"></script>
@endpush

@push('custom-scripts')
<script>
document.addEventListener("DOMContentLoaded", function () {
    document.querySelector("#email-setting button").addEventListener("click", function () {
        let formData = new FormData(document.getElementById("email-setting"));

        axios.post("{{ route('save-email-settings') }}", formData)
            .then(response => {
                Swal.fire({
                    icon: "success",
                    title: "Success",
                    text: response.data.message,
                });
            })
            .catch(error => {
                let message = "Something went wrong!";
                if (error.response && error.response.data && error.response.data.message) {
                    message = error.response.data.message;
                }
                Swal.fire({
                    icon: "error",
                    title: "Error",
                    text: message,
                });
            });
    });
});


document.addEventListener("DOMContentLoaded", function () {
    document.querySelector("#form-test button").addEventListener("click", function () {
        let formData = new FormData(document.getElementById("form-test"));

        axios.post("{{ route('test-email') }}", formData)
            .then(response => {
                Swal.fire({
                    icon: "success",
                    title: "Success",
                    text: response.data.message,
                });
            })
            .catch(error => {
                let message = "Something went wrong!";
                if (error.response && error.response.data && error.response.data.message) {
                    message = error.response.data.message;
                }
                Swal.fire({
                    icon: "error",
                    title: "Error",
                    text: message,
                });
            });
    });
});


</script>


@endpush