@extends('core::layouts.master')
@section('breadcrumb','Cấu hình bán hàng')
@section('head-action')
    <li class="dropdown" style="margin-top: 5px">
        <button id="test_email" class="btn btn-warning dropdown-toggle btn-ladda btn-ladda-spinner"
                style="margin-bottom: 5px" aria-expanded="false" data-toggle="dropdown"><i class="icon-envelope"></i>
            Test Email
        </button>
        <ul class="dropdown-menu">
            <li><a class="test_email" data-url="{{route('admin.order.setting.email.test', 'new_order')}}">Email đơn hàng
                    mới</a></li>
            <li><a class="test_email" data-url="{{route('admin.order.setting.email.test', 'order_status')}}">Email trạng thái đơn hàng</a></li>
            <li><a class="test_email" data-url="{{route('admin.order.setting.email.test', 'cancel_order')}}">Email hủy đơn hàng</a></li>
        </ul>
    </li>
    {{ Form::bsNavBtnSubmit('Lưu thay đổi','setting-form') }}
@endsection
@section('scripts')
@parent
<script>
var l = Ladda.create(document.querySelector('#test_email'));
$('.test_email').click(function (e) {
    l.start();
    var formData = $('#setting-form').serializeArray().reduce(function (obj, item) {
        obj[item.name] = item.value;
        return obj;
    }, {});
    var url = $(this).data('url');

    $.ajax({
        type: 'POST',
        url: url,
        data: formData,
        success: function (response) {
            l.stop();
            if (response.success) {
                successNotice('Email đã được gửi. Bạn vui lòng kiểm tra email.');
            } else {
                errorNotice('Có lỗi xảy ra! Vui lòng kiểm tra lại thông tin email.');
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            l.stop();
            errorNotice('Có lỗi xảy ra! Vui lòng kiểm tra lại thông tin email.');
        }
    });
});

$('#btnCreateSampleOrderEmail').on('click', function (event) {
    let orderEmailTitle = '[Website] Thông báo đặt hàng thành công';
    let sameOrderEmailStructure = `
        Cảm ơn quý khách <strong>[fullname]</strong> đã đặt hàng tại Website. <br>
        Đơn hàng <strong>[code]</strong> của quý khách đã được tiếp nhận, chúng tôi sẽ xử lý trong khoảng thời gian sớm nhất. Sau đây là thông tin đơn hàng.</br>
        <strong>[order-info]</strong> <br>
        <strong>[order-detail]</strong> <br>

        <i>Lưu ý: đơn hàng sẽ được giao đến địa chỉ <strong>[address]</strong>, <strong>[district]</strong>, <strong>[province]</strong> sau 3 - 5 ngày kể từ khi tiếp nhận đơn hàng, đối với vùng sâu vùng xa, thời gian giao hàng có thể kéo dài đến 15 ngày.</i><br><br>
        Nếu bạn có bất kỳ thắc mắc nào, vui lòng gọi đến số 0123456789, nhân viên tư vấn của chúng tôi luôn sẵn lòng hỗ trợ bạn <br>
        Một lần nữa, Website xin cảm ơn quý khách<br>
    `;
    $('#orderEmailTitle').val('').val(orderEmailTitle);
    CKEDITOR.instances.orderemailstructure.setData(sameOrderEmailStructure);
});
$('#btnCreateSampleStatusEmail').on('click', function (event) {
    let emailTitle = '[Website] Thông báo trạng thái đơn hàng';
    let sameEmailStructure = `
        Cảm ơn quý khách <strong>[fullname]</strong> đã đặt hàng tại Website. <br>
        Đơn hàng <strong>[code]</strong> đã được chuyển trạng thái sang <strong>[status]</strong><br>
        Nếu bạn có bất kỳ thắc mắc nào, vui lòng gọi đến số 0123456789, nhân viên tư vấn của chúng tôi luôn sẵn lòng hỗ trợ bạn <br>
        Một lần nữa, Website xin cảm ơn quý khách<br>
    `;
    $('#statusEmailTitle').val('').val(emailTitle);
    CKEDITOR.instances.statusemailstructure.setData(sameEmailStructure);
});

$('#btnCreateSampleCancelEmail').on('click', function (event) {
    let emailTitle = '[Website] Thông báo hủy đơn hàng';
    let sameEmailStructure = `
        Cảm ơn quý khách <strong>[fullname]</strong> đã đặt hàng tại Website. <br>
        Chúng tôi rất tiếc phải thông báo, đơn hàng <strong>[code]</strong> của quý khách đã bị hủy vì lý do <strong>[cancel-reason]</strong> <br>
        Nếu bạn có bất kỳ thắc mắc nào, vui lòng gọi đến số 0123456789, nhân viên tư vấn của chúng tôi luôn sẵn lòng hỗ trợ bạn <br>
        Một lần nữa, Website xin cảm ơn quý khách<br>
    `;
    $('#cancelEmailTitle').val('').val(emailTitle);
    CKEDITOR.instances.cancelemailstructure.setData(sameEmailStructure);
});
$('#btnCreateSamplePaymetEmail').on('click', function (event) {
    let emailTitle = '[Website] Thông báo thanh toán đơn hàng thành công';
    let sameEmailStructure = `
        Cảm ơn quý khách <strong>[fullname]</strong> đã thanh toán thành công cho đơn hàng <strong>[code]</strong><br>
        Đây là thông báo tự động, nếu sau khi đối soát với ngân hàng không thành công, chúng tôi sẽ liên lạc với bạn để điều chỉnh.
    `;
    $('#paymentEmailTitle').val('').val(emailTitle);
    CKEDITOR.instances.baymentemailstructure.setData(sameEmailStructure);
});
</script>
@endsection
@section('content')
    <div class="row">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="tabbable nav-tabs-vertical nav-tabs-left">
                    @include('ecommerce::order.setting.tab')

                    <div class="tab-content">
                        {!! Form::open([
                                    'method' => 'POST',
                                    'url'  => route('admin.setting.store', 'email'),
                                    'files'  => true,
                                    'id' => 'setting-form'
                                ]) !!}

                        <fieldset class="content-group">
                            <legend class="text-bold">Email gửi đơn hàng</legend>
                            <p class="content-group-lg">Cấu hình <a target="_blank" href="{{route('admin.setting.index','email')}}">tại đây</a>.</p>
                        </fieldset>

                        <fieldset class="content-group">
                            <legend class="text-bold">Email nhận thông báo đơn hàng</legend>
                            <div class="row">
                                <div class="col-md-6">
                                    {{ Form::bsText('Email', 'receive_order_email',@$settings['receive_order_email'],['placeholder'=>'Mặc định '. getReceiveEmail()]) }}
                                </div>
                            </div>
                        </fieldset>

                        <fieldset class="content-group">
                            <legend class="text-bold">Cấu hình nội dung email</legend>
                            <div class="row">
                                <div class="col-md-12">
                                    <p>
                                        <strong>Hướng dẫn:</strong> Bạn có thể tạo email thông báo đến khách hàng theo cú pháp như sau:
                                    </p>
                                    <p><strong>Phần cấu trúc:</strong></p>
                                    <div class="col-md-11 col-md-offset-1">
                                        <p>
                                            <strong>[order-info]</strong>: Khối thông tin đơn hàng, bao gồm thông tin thanh toán, địa chỉ giao hàng và phương thức thanh toán
                                            <br>
                                            <strong>[order-detail]</strong>: Khối chi tiết đơn hàng, bao gồm tên sản phẩm, số lượng, đơn giá, giảm giá, phí vận chuyển, thành tiền
                                            <br>
                                        </p>
                                    </div>
                                    <p><strong>Phần nội dung: </strong>bạn có thể đính kèm các thông tin theo cấu trúc sau</p>
                                    <div class="col-md-11 col-md-offset-1">
                                        <p>
                                            <strong>[fullname]</strong>: Họ tên đầy đủ người đặt hàng <br>
                                            <strong>[phone]</strong>: Số điện thoại người đặt hàng <br>
                                            <strong>[email]</strong>: Email người đặt hàng <br>
                                            <strong>[address]</strong>: Địa chỉ giao hàng <br>
                                            <strong>[district]</strong>: Quận/huyện giao hàng <br>
                                            <strong>[province]</strong>: Tỉnh/thành phố giao hàng <br>
                                            <strong>[code]</strong>: Mã đơn hàng <br>
                                            <strong>[status]</strong>: Trạng thái đơn hàng <br>
                                            <strong>[cancel-reason]</strong>: Lý do hủy đơn hàng <br>
                                            <strong>[notes]</strong>: Ghi chú đơn hàng <br>
                                        </p>
                                    </div>
                                    <p><strong>Lưu ý:</strong> Lưu thay đổi trước khi Test email</p>
                                </div>
                                <div class="col-md-12">
                                    <div class="tabbable tab-content-bordered">
                                        <ul class="nav nav-tabs nav-tabs-highlight">
                                            <li class="active">
                                                <a href="#structure_email_send_new_order" data-toggle="tab">Khi có ĐH mới</a>
                                            </li>
                                            <li>
                                                <a href="#structure_email_send_order_status" data-toggle="tab">Sau khi gởi nhà vận chuyển</a>
                                            </li>
                                            <li>
                                                <a href="#structure_email_send_cancel_order" data-toggle="tab">Khi Hủy ĐH</a>
                                            </li>
                                            <li>
                                                <a href="#structure_email_send_payment_order" data-toggle="tab">Khi KH thanh toán thành công</a>
                                            </li>
                                        </ul>

                                        <div class="tab-content">
                                            <div class="tab-pane has-padding active" id="structure_email_send_new_order">
                                                {{ Form::bsText('Tiêu đề', 'structure_email_send_new_order[title]', @$settings['structure_email_send_new_order']['title'], ['id'=>'orderEmailTitle']) }}
                                                {{ Form::bsTextAreaEditor('Nội dung email', 'structure_email_send_new_order[body]', @$settings['structure_email_send_new_order']['body'], ['id'=>'orderemailstructure']) }}
                                                <button type="button" id="btnCreateSampleOrderEmail" class="btn btn-xs btn-info">Tạo email mẫu</button>
                                            </div>

                                            <div class="tab-pane has-padding" id="structure_email_send_order_status">
                                                {{ Form::bsText(
                                                    'Tiêu đề',
                                                    'structure_email_send_order_status[title]',
                                                    @$settings['structure_email_send_order_status']['title'],
                                                    [
                                                        'id'=>'statusEmailTitle',
                                                    ]
                                                ) }}
                                                {{ Form::bsTextAreaEditor('Nội dung email', 'structure_email_send_order_status[body]', @$settings['structure_email_send_order_status']['body'], ['id'=>'statusemailstructure']) }}
                                                <button type="button" id="btnCreateSampleStatusEmail" class="btn btn-xs btn-info">Tạo email mẫu</button>
                                            </div>
                                            <div class="tab-pane has-padding" id="structure_email_send_cancel_order">
                                                {{ Form::bsText(
                                                    'Tiêu đề',
                                                    'structure_email_send_cancel_order[title]',
                                                    @$settings['structure_email_send_cancel_order']['title'],
                                                    [
                                                        'id'=>'cancelEmailTitle',
                                                    ]
                                                ) }}
                                                {{ Form::bsTextAreaEditor('Nội dung email', 'structure_email_send_cancel_order[body]', @$settings['structure_email_send_cancel_order']['body'], ['id'=>'cancelemailstructure']) }}
                                                <button type="button" id="btnCreateSampleCancelEmail" class="btn btn-xs btn-info">Tạo email mẫu</button>
                                            </div>
                                            <div class="tab-pane has-padding" id="structure_email_send_payment_order">
                                                {{ Form::bsText(
                                                    'Tiêu đề',
                                                    'structure_email_send_payment_order[title]',
                                                    @$settings['structure_email_send_payment_order']['title'],
                                                    [
                                                        'id'=>'paymentEmailTitle',
                                                    ]
                                                ) }}
                                                {{ Form::bsTextAreaEditor('Nội dung email', 'structure_email_send_payment_order[body]', @$settings['structure_email_send_payment_order']['body'], ['id'=>'baymentemailstructure']) }}
                                                <button type="button" id="btnCreateSamplePaymetEmail" class="btn btn-xs btn-info">Tạo email mẫu</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>

                        {!! Form::close() !!}

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection