@php
$stored_value = $settings['order_sms'] ?? [];
$default_value = config("ecommerce.setting.order_sms.default_value");
$sms = array_merge($default_value, $stored_value);
@endphp
@extends('core::layouts.master')
@section('breadcrumb')
<a href="{{ route('admin.apps') }}">Kho ứng dụng</a> / Thông báo đơn hàng bằng tin nhắn
@endsection
@section('head-action')
<li>
    <a href="#modalTestSms" data-toggle="modal" class="btn-test-sms" style="padding:5px 0px 5px 5px">
        <button class="btn btn-default" type="button">Gởi tin nhắn test</button>
    </a>
</li>
{{ Form::bsNavBtnSubmit('Lưu thay đổi','setting-form') }}
@endsection
@section('content')
<div class="row">
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="tabbable nav-tabs-vertical nav-tabs-left">
                <div class="tab-content">
                    {!! Form::open([
                    'method' => 'POST',
                    'url'  => route('admin.order.store_sms'),
                    'files'  => true,
                    'id' => 'setting-form',
                    ]) !!}
                    <fieldset class="content-group">
                        <legend class="text-bold">Cấu hình tài khoản gửi tin nhắn</legend>
                        <div class="row">
                            <div class="col-md-12" id="sms_default">
                                {{ Form::bsRadio('Chọn ứng dụng gửi tin nhắn mặc định','order_sms[default]',[1=>'Đối tác VietGuys',2=>'App IMGROUP SMS', 3=>'Đối tác VMG'],$sms['default']??1)}}
                            </div>
                        </div>
                        <div class="row sms_account" id="vg_account" style="display: none">
                            <div class="col-md-4">
                                {{ Form::bsText('Tên hiển thị', 'order_sms[vg_from]', @$sms['vg_from'], ['id' => 'inputFrom'])}}
                            </div>
                            <div class="col-md-4">
                                {{ Form::bsText('Tài khoản', 'order_sms[vg_username]', @$sms['vg_username'], ['id' => 'inputUsername'])}}
                            </div>
                            <div class="col-md-4">
                                {{ Form::bsPassword('Mật khẩu', 'order_sms[vg_password]', @$sms['vg_password'], ['id' => 'inputPassword'])}}
                            </div>
                        </div>

                        <div class="row sms_account" id="vmg_account" style="display: none">
                            <div class="col-md-4">
                                {{ Form::bsText('Tên hiển thị', 'order_sms[vmg_from]', @$sms['vmg_from'], ['id' => 'inputFrom'])}}
                            </div>
                            <div class="col-md-4">
                                {{ Form::bsText('Tài khoản', 'order_sms[vmg_username]', @$sms['vmg_username'], ['id' => 'inputUsername'])}}
                            </div>
                            <div class="col-md-4">
                                {{ Form::bsPassword('Mật khẩu', 'order_sms[vmg_password]', @$sms['vmg_password'], ['id' => 'inputPassword'])}}
                            </div>
                        </div>

                        <div class="row sms_account" id="app_account" style="display: none">
                            <div class="col-md-4">
                                {{ Form::bsText('Mã Code lấy từ app', 'order_sms[app_code]', @$sms['app_code'], ['id' => 'inputCode'])}}
                            </div>
                            <div class="col-md-8">
                                {{ Form::bsText('Mã thiết bị android', 'order_sms[app_device_id]', @$sms['app_device_id'], ['id' => 'inputDevice','disabled'=>'disabled','placeholder'=>'Chưa cấu hình'])}}
                            </div>
                        </div>
                        <legend class="text-bold">Cấu hình nội dung tin nhắn</legend>
                        <small class="help-block">Bạn có thể sử dụng các biến giá trị để điền vào nội dung: [name], [total_price]</small>
                        @php
                          $sms_content=[
                            ['title'=>'Gửi tin nhắn cho khách khi họ tạo đơn hàng mới','key'=>'new_order'],
                            ['title'=>'Gửi tin nhắn cho khách khi họ thanh toán đơn hàng','key'=>'new_payment_order'],
                            // ['title'=>'SMS khi admin xác nhận đơn hàng','key'=>'confirm_order'],
                            // ['title'=>'SMS khi đơn hàng đang vận chuyển','key'=>'delivery_order'],
                            // ['title'=>'SMS khi đơn hàng bị hủy','key'=>'cancel_order']
                        ];
                        @endphp
                        @foreach($sms_content as $config)
                        <div class="row">
                            <div class="col-md-12 form-group">
                                   <input type="hidden" name='order_sms[{{ @$config["key"]}}][active]' value="0">
                                    <label>
                                    {{ Form::bsCheckbox('','order_sms['.$config["key"].'][active]',[1 => $config['title']], [@$sms[$config["key"]]['active']]) }}
                                     </label>
                                <label class="pull-right"><span class="count-sms-content">{{strlen(@$sms[$config["key"]]['content'])}}</span>/160
                            ký tự</label>
                            {{ Form::textarea('order_sms['.$config["key"].'][content]', @$sms[$config["key"]]['content'], ['class' => 'form-control sms-content','rows' => 3])}}
                            <br>
                        </div>
                        </div>
                        @endforeach
    </fieldset>
    {!! Form::close() !!}
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalTestSms">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Test Tin Nhắn</h4>
</div>
<div class="modal-body">
<form method="POST" role="form" id="testSmsForm">
    <div class="form-group">
        <label for="">Số điện thoại</label>
        <div class="input-group">
            <span class="input-group-addon">+84</span>
            <input type="tel" name="test_phone" id="inputTestPhone" class="form-control" value="" required="required" placeholder="Nhập số điện thoại nhận tin nhắn(bỏ số 0 đầu tiên).Ví dụ : 908070605">
        </div>
    </div>
    <div class="form-group">
        {!! Form::label('Nội dung tin nhắn') !!}
        <label class="pull-right"><span class="count-sms-content">0</span>/160 ký tự</label>
        <textarea name="test_content" id="inputTestContent" class="form-control sms-content" rows="3" required="required"></textarea>
    </div>
</form>
</div>
<div class="modal-footer">
<span class="pull-left" id="modalDisplayInformation"></span>
<button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
<button type="submit" class="btn btn-primary" form="testSmsForm">Test</button>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
@parent
<script>
//init sms default
initAccount();
$('input[bs-type=radio]').click(function(event) {
    initAccount();
});

function initAccount() {
    var sms_default = $('input[bs-type=radio]:checked').val();
    $('.sms_account').hide();
    if (sms_default == 1) {
        $('#vg_account').show();
    } else if (sms_default == 2) {
        $('#app_account').show();
    }else if (sms_default == 3) {
        $('#vmg_account').show();
    }
}
$('.sms-content').on('keyup', function() {
    let content = $(this).val();
    let maxSmsLength = 160;
    let $counter = $(this).parent().find('.count-sms-content');
    $counter.html(content.length);
    if (content.length > maxSmsLength) {
        content = content.substring(0, maxSmsLength);
        $(this).val(content);
    } else {
        $(this).val(removeAlias(content));
    }
});
let removeAlias = (alias) => {
    let str = alias;
    str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a")
        .replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, "e")
        .replace(/ì|í|ị|ỉ|ĩ/g, "i")
        .replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, "o")
        .replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, "u")
        .replace(/ỳ|ý|ỵ|ỷ|ỹ/g, "y")
        .replace(/đ/g, "d")
        .replace(/À|Á|Ạ|Ả|Ã|Â|Ầ|Ấ|Ậ|Ẩ|Ẫ|Ă|Ằ|Ắ|Ặ|Ẳ|Ẵ/g, "A")
        .replace(/È|É|Ẹ|Ẻ|Ẽ|Ê|Ề|Ế|Ệ|Ể|Ễ/g, "E")
        .replace(/Ì|Í|Ị|Ỉ|Ĩ/g, "I")
        .replace(/Ò|Ó|Ọ|Ỏ|Õ|Ô|Ồ|Ố|Ộ|Ổ|Ỗ|Ơ|Ờ|Ớ|Ợ|Ở|Ỡ/g, "O")
        .replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, "U")
        .replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, "Y")
        .replace(/Đ/g, "D")
    return str;
};
$('.btn-test-sms').on('click', function() {
    // let content = $(this).closest('.form-group').find('textarea').val();
    // $('#inputTestContent').val(content);
    $('#modalDisplayInformation').html('');
});
$('#testSmsForm').submit(function() {
    let data = {
        phone: $('#inputTestPhone').val(),
        content: $('#inputTestContent').val(),
        _token: _token
    };
    $('#modalDisplayInformation').html('');
    // if $('#inputTestPhone').val()=='' || $('#inputTestContent').val()=='' ) {
    //     $('#modalDisplayInformation')
    //         .removeClass('text-success')
    //         .addClass('text-danger')
    //         .html('Chưa nhập tham số test');
    //     return false;
    // }
    $('#modalDisplayInformation')
        .removeClass('text-success text-danger')
        .addClass('text-info')
        .html('Đang gửi tin nhắn...');
    jQuery.ajax({
        url: '{{ route("admin.schedule.sms.test") }}',
        type: 'POST',
        dataType: 'json',
        data: data,
        success: function(response, textStatus, xhr) {
            if (response.success) {
                $('#modalDisplayInformation')
                    .removeClass('text-info text-danger')
                    .addClass('text-success')
                    .html(response.message);
            } else {
                $('#modalDisplayInformation')
                    .removeClass('text-info text-success')
                    .addClass('text-danger')
                    .html(response.message);
            }
        },
        error: function(xhr, textStatus, errorThrown) {
            $('#modalDisplayInformation')
                .removeClass('text-info text-success')
                .addClass('text-danger')
                .html('Lỗi mạng');
        }
    });
    return false;
});
let validate = (data) => {
    let regex = new RegExp(/^(1[2689]|9)[0-9]{8}$/);
    return regex.test(data.phone) && data.content.length && data.username.length && data.password.length && data.from.length;
};
$('.switch').bootstrapSwitch();
$('input.switch').on('switchChange.bootstrapSwitch', function(e) {
    let $switch = $(this);
    let active = e.target.checked === true ? 1 : 0;
    let sms = $(this).data('sms');
    jQuery.ajax({
        url: '/admin/order/sms/status',
        type: 'PATCH',
        dataType: 'json',
        data: {
            '_token': _token,
            'active': active,
            'sms': sms
        },
        success: function(data, textStatus, xhr) {
            // enableOtherSwitch($switch);
            if (data.success) {
                successNotice('', data.message);
                // inverseOtherSwitch($switch);
            } else {
                errorNotice('', data.message);
                revertThisSwitch($switch);
            }
        },
        error: function(xhr, textStatus, errorThrown) {
            // enableOtherSwitch($switch);
        }
    });
});
</script>
@endsection