@extends('layouts.app')
@section('title', 'Settings | Shopping Cart')
@section('extrastyles')
    <link rel="stylesheet" href="{{ asset('plugins/summernote/summernote.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs3.css') }}">
    <link href="{{ asset('/plugins/select2/select2.css') }}" rel="stylesheet">
    <style>
        .ibox-title2 h5{
            cursor: pointer;
        }
        i[class*="trash"], i[class^="trash"] {
            color:white;
        }
        #customer_who_can_share_other_pricing{
            width: 100%;
        }
    </style>
@endsection
@section('content')
    <div class="studio98_websters">
        <div class="ibox-title2">
            <h5>Settings</h5>
        </div>
        <div class="ibox-content p-md">
            <div class="col-lg-12" id="update_shopping_cart_setting">
                {!! Form::open(['novalidate' => 'novalidate','onsubmit' => 'return storeSetting(this);', 'id' => 'cartSettingsForm']) !!}
                @include('Product::shopping-cart.setting.general.form')
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <div class="modal inmodal fade" id="signup_message_popup" tabindex="" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body p-0">
                    <div id="customMessageInfo" style="display: none">
                        <img src="" style="width: 475px" />
                    </div>
                    <div id="additionalMessageInfo" style="display: none">
                        <img src="" style="width: 475px" />
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('footer')
    <script src="{{ asset('/plugins/summernote/summernote.min.js') }}"></script>
    <script src="{{ asset('/plugins/select2/select2.js') }}"></script>
    <script>
        $(document).ready(function () {
            initializeSummerNote();

            $( "#role_id" ).select2({
                placeholder : 'Search Role',
                minimumInputLength: 2,
                maximumSelectionLength: 10,
                tags: false,
            });

            $( "#customer_who_can_share_other_pricing" ).select2({
                placeholder : 'Customer who can share other pricing',
                minimumInputLength: 2,
                maximumSelectionLength: 10,
                tags: false,
            });

            $( "#share_other_pricing_roles" ).select2({
                placeholder : 'Share other pricing Roles',
                minimumInputLength: 2,
                maximumSelectionLength: 10,
                tags: false,
            });

            $('#rewardGroupPointBtn').click(function () {

                var html = '<div class="point-list row">'+
                    '<div class="col-md-5 form-group">'+
                    '{!! Form::label('_cart_reward_group_id','GroupId') !!}'+
                        '{!! Form::text('_cart_reward_group_id[]' , null , ['class' => 'form-control','placeholder' => 'GroupId']) !!}'+
                    '</div>'+
                '<div class="col-md-6 form-group">'+
                    '{!! Form::label('_cart_reward_points_coupon','Use Reward Points') !!}'+
                    '{!! Form::select('_cart_reward_points_coupon[]' , [1 => 'Cannot be used for purchases' ,2 => 'Product subtotal only', 3 => 'Full order total'] , null , ['class' => 'form-control']) !!}'+
                '</div>'+
                '<div class="col-md-1 form-group" style="padding-top: 35px;">'+
                    '<a href="javascript:void(0)" class="btn btn-xs btn-danger"> <i class="fa fa-trash-o"></i> </a>'+
                '</div>'+
            '</div>';
                $('#rewardGroupPoints').append(html);
                $('#rewardGroupPoints .btn-danger').unbind('click');
                $('#rewardGroupPoints .btn-danger').click(function () {
                    $(this).closest('.point-list').remove();
                });
            });
        });
        function storeSetting(object)
        {
            /*var sHTML_receipt_message = $('#update_shopping_cart_setting .summernote.receipt_message').summernote('code');
            $('#_cart_receipt_message_content').val(sHTML_receipt_message);
            var sHTML_terms_and_conditions = $('#update_shopping_cart_setting .summernote.terms_and_conditions').summernote('code');
            $('#_cart_terms_and_conditions_text').val(sHTML_terms_and_conditions);
            $('.summernote').each(function () {
                var sHtml = $(this).summernote('code');
                $(this).closest('.form-group').find('input[type="hidden"]').val(sHtml);
            });*/

            const data = $(object).serialize();
            const btn = $("#cartSettingsForm button[type=submit]");
            processBtnDisable(btn);
            $.ajax({
                method: "POST",
                url: '{{ shopping_cart_url('settings/update')}}',
                data: data,
                dataType: "json"
            }).done(function(data) {
                console.log('data',data);
                revertProcessBtnDisable(btn, 'Submit');
                if(data && !data.success && data.errors) {
                    data.errors.forEach(function (error) {
                        toastrShowError('Error',error);
                    });
                }else{
                    location.reload();
                }
            });
            return false;
            {{--return reloadAjaxSubmit('update_shopping_cart_setting',"{{ shopping_cart_url('settings/update') }}",'','Save');--}}
        }

        $('#restrict_character').change(function () {
            if($(this).prop("checked")){
                $('.allowed_characters').show();
            } else{
                $('.allowed_characters').hide();
            }
        });

        $('#reward_points').change(function () {
            if($(this).prop("checked")){
                $('.reward_points_label').show();
            } else{
                $('.reward_points_label').hide();
            }
        });

        $('#free_shipping').change(function () {
            if($(this).prop("checked")){
                $('.free_shipping_label').show();
            } else{
                $('.free_shipping_label').hide();
            }
        });

        $('#enable_rma').change(function () {
            if($(this).prop("checked")){
                $('.enable_rma_label').show();
            } else{
                $('.enable_rma_label').hide();
            }
        });

        $('#allow_custom_message').change(function () {
            if($(this).prop("checked")){
                $('._signup_custom_message').show();
            } else{
                $('._signup_custom_message').hide();
            }
        });


        $('#customPasswordRules').change(function () {
            if($(this).prop("checked")){
                $('.custom_password_rules').show();
            } else{
                $('.custom_password_rules').hide();
            }
        });

        showGenericMessage();
        function showGenericMessage() {
            $('#_show_generic_message').change(function (){
                if($(this).prop("checked")){
                    $('.shop_generic_message').show();
                } else{
                    $('.shop_generic_message').hide();
                }
            });

            if($('#_show_generic_message').prop("checked")){
                $('.shop_generic_message').show();
            } else{
                $('.shop_generic_message').hide();
            }
        }
        enableCardProcessingFee();
        function enableCardProcessingFee() {
            $('#_card_processing_fee_enable').change(function (){
                if($(this).prop("checked")){
                    $('.shop_card_processing_fee').show();
                } else{
                    $('.shop_card_processing_fee').hide();
                }
            });

            if($('#_card_processing_fee_enable').prop("checked")){
                $('.shop_card_processing_fee').show();
            } else{
                $('.shop_card_processing_fee').hide();
            }
        }
        enableCustomNotificationDecline();
        function enableCustomNotificationDecline() {
            $('#_decline_payment_notification_enable').change(function (){
                if($(this).prop("checked")){
                    $('.decline_payment_notification').show();
                } else{
                    $('.decline_payment_notification').hide();
                }
            });

            if($('#_decline_payment_notification_enable').prop("checked")){
                $('.decline_payment_notification').show();
            } else{
                $('.decline_payment_notification').hide();
            }
        }

        $('#allowOutOfStock').change(function () {
            if($(this).prop("checked")){
                $('.outOfStockLabel').show();
            } else{
                $('.outOfStockLabel').hide();
            }
        });

        $('#stockInventory').change(function () {
            if($(this).prop("checked")){
                $('.allowStockParent').show();
            } else{
                $('.allowStockParent').hide();
            }
        });

        $('#allow_additional_message').change(function () {

            if($(this).prop("checked")){
                $('._signup_additional_message').show();
            } else{
                $('._signup_additional_message').hide();
            }
        });

        $('.signupMessageInfo').click(function () {
            const dataId = $(this).data('id');
            const modalBody = $('#signup_message_popup .modal-body');
            if(dataId === 'customMessageInfo') {
                $(modalBody).find('#customMessageInfo').show();
                $(modalBody).find('#additionalMessageInfo').hide();
            }else{
                $(modalBody).find('#additionalMessageInfo').show();
                $(modalBody).find('#customMessageInfo').hide();
            }
            $('#signup_message_popup').modal('show');
        });

        $('#enable_pending_account').change(function () {
            if($(this).prop("checked")){
                $('.pending_account_settings').show();
            } else{
                $('.pending_account_settings').hide();
            }
        });

        $('#askPartialDelivery').change(function () {
            if($(this).prop("checked")){
                $('.askPartialDeliveryLabel').show();
            } else{
                $('.askPartialDeliveryLabel').hide();
            }
        });

        $('#enableCustomId').change(function () {
            if($(this).prop("checked")){
                $('.customIdLabel').show();
            } else{
                $('.customIdLabel').hide();
            }
        });

        function getValue(element,entry) {
            let value = entry.find('#'+element).val();
            value = value === '' || value === undefined ? 0 : value;
            return value;
        }

        $('#add_brand_emails').click(function () {
            const emailEntry = $(this).closest('tr');
            const emails = getValue('emails',emailEntry);
            const brand = emailEntry.find('#product_brands').children("option:selected");
            const brand_id = brand.val() === '' ? 0 : brand.val();
            let isPrice = emailEntry.find('#isPrice').is(":checked");
            isPrice = isPrice ? 1 : 0;
            let data = { emails, brand_id ,isPrice};
            data = JSON.stringify(data);
            $.ajax({
                type: 'POST',
                data: 'data=' + data + '&_token=' + csrf_token,
                url: '{{ shopping_cart_url('settings/add-order-email')}}',
                dataType: 'json',
            }).done(function (response) {
                if(response && response.id) {
                    $('#order-email-list tbody').append(`
                    <tr data-id=${response.id}>
                    <td>
                        ${brand.text()}
                    </td>
                    <td><input type="text" class="form-control" name="alternate_price" value="${emails}"></td>
                    <td><input type="checkbox" class="mt-2 ml-3" name="isPrice" value="${isPrice}" ${isPrice ? 'checked' : ''}></td>
                    <td class="text-right">
                        <a href="javascript:void(0)"><i class="fa fa-trash-o text-danger remove-entry" data-id="${response.id}"></i></a>
                    </td>
                </tr>
                `);
                    $('.defaultEmailTextBox').val('');
                }
            });
        });

        $(document).on('click', '.remove-entry', function () {
            if(confirm('Are you sure you want to delete?')) {
                const thisObj = $(this);
                console.log('thisObj',thisObj);
                const id = thisObj.data('id');
                console.log('id',id);
                $.ajax({
                    type: 'POST',
                    data: 'id=' + id + '&_token=' + csrf_token,
                    url: '{{ shopping_cart_url('settings/remove-order-email')}}',
                }).done(function () {
                    thisObj.closest('tr').remove();
                });
            }
        });

        $(document).on('click', '#order-email-list .isPriceControl', function () {
            let value = 0;
            if($(this).is(':checked')) {
                value = 1;
            }
            $(this).val(value);
            const orderEmailId = $(this).closest('tr').data('id');
            $.ajax({
                type: 'GET',
                data: 'id=' + orderEmailId + '&value=' + value,
                url: '{{ shopping_cart_url('settings/order-email-price')}}',
            }).done(function () {
            });
        });
    </script>
@endsection