@extends('layouts.app')
@section('title', 'Tax Settings | Shopping Cart')

@section('extrastyles')
    <link rel="stylesheet" href="{{ asset('plugins/select2/select2.css') }}">
    <style>
        table.table-bordered tbody th, table.table-bordered tbody td {
            border-left-width: 0;
            border-bottom-width: 0;
        }
        table td[class*="col-"], table th[class*="col-"] {
            position: static;
            display: table-cell;
            float: none;
        }
        .v-align {
            vertical-align: middle !important;
        }
        .col-lg-3 {
            width: 25%;
        }
        p {
            margin: 0 0 10px;
        }
        .text-center {
            text-align: center;
        }
        table ul {
            margin-top: 35px;
            margin-left: 20%;
            text-align: left;
        }
        ul {
            padding-left: 0;
        }
        table ul li {
            list-style: disc;
            line-height: 28px;
        }
        .alert-success, .alert-danger, .alert-info, .alert-warning {
            border: none;
        }
        .glyphicon-question-sign {
            margin-right: 0px;
        }
        .payment-method-listing tr td{
            width: 33%;
        }
        .badge.badge-secondary{
            font-size : 20px
        }
        .select2-container {
            z-index: 99999!important;
        }
    </style>
@endsection

@section('content')
    <div class="studio98_websters">
        <div class=" wrapper white-bg page-heading " style="padding-top: 1px;">
            <div class="col-lg-12">
                <h2 class="pull-left" style="font-family: Newsreader; font-weight: 300;">Tax Settings</h2>
                <div class="clearfix"></div>
            </div>
            <hr />
            <h4>Add Tax Methods</h4>
            <table class="table table-bordered">
                <tbody class="payment-method-listing">
                @foreach($taxMethods as $taxMethod)
                    <tr>
                        <td class="v-align text-center col-lg-3">
                            <p><img src="/images/taxes/{{$taxMethod}}.png"></p>
                        </td>
                        <td class="v-align text-center col-lg-3">
                            @if($taxMethod == $activeMethod)
                                <p class="connected">
                                    <span><img src="{{ asset('images/check.png') }}"></span>
                                </p>
                            @else
                                <p><a class="btn btn-primary enable_tax_method" href="javascript:void(0)" data-id="{{$taxMethod}}">Active</a></p>
                            @endif
                            <p><a class="btn btn-default" href="{{shopping_cart_url('settings/taxes-custom')}}">Settings</a></p>
                        </td>
                    </tr>
                @endforeach

                @include('Product::shopping-cart.setting.taxes.squire')
                @include('Product::shopping-cart.setting.taxes.taxjar')
                @include('Product::shopping-cart.setting.taxes.avalara')
                </tbody>
            </table>
        </div>
    </div>
{{--    @include('Product::shopping-cart.setting.payment.form')--}}
@endsection
@section('footer')
    <script src="{{ asset('/plugins/select2/select2.js') }}"></script>
    <script>
        $(document).ready(function(){
            $('.enable_tax_method').click(function () {
                const method = $(this).data('id');
                $.ajax({
                    type: 'POST',
                    data: 'method=' + method + '&_token=' + csrf_token,
                    url: '{{ shopping_cart_url('settings/taxes-enable')}}',
                }).done(function (response) {
                    location.reload();
                });
            });
            $('select[name=discount_tax], select[name=shipping_tax], select[name=card_fee]').select2();
        });

        function submitTaxJarData() {
            return reloadAjaxSubmit('taxjar_modal', "{{ shopping_cart_url('settings/create-taxjar') }}", '', 'Save');
        }

        function submitAvalaraData() {
            return reloadAjaxSubmit('avalara_modal', "{{ shopping_cart_url('settings/create-avalara') }}", '', 'Save');
        }

        function submitSquireData() {
            return reloadAjaxSubmit('squire_modal', "{{ shopping_cart_url('settings/create-squire') }}", '', 'Save');
        }
        function testConnectionAvalara(){
            var btn = $('.avalara-connection');
            processBtnDisable(btn);
            $.ajax({
                type : 'POST',
                url: '{{ shopping_cart_url('settings/verify-connection')}}',
                data: 'type=avalara&_token={{ csrf_token() }}',
                dataType: "json"
            }).done(function(data) {
                revertProcessBtnDisable(btn,'Test Connection');
                if(data.success == true){
                    toastrShow('Success!','Connection Successful');
                } else {
                    toastrShowError('Fail!','Connection Failed');
                }
            });
        }


        $('.remove_taxjar_btn').click(function () {
            if(confirm('Are you sure you want to remove this ? ')) {
                const id = $(this).data('id');
                $.ajax({
                    type : 'POST',
                    url: '{{ shopping_cart_url('settings/remove-taxjar-method')}}',
                    data: 'id=' + id + '&_token={{ csrf_token() }}'
                }).done(function(){
                    location.reload();
                });
            }
        });
        $('.remove_squire_btn').click(function () {
            if(confirm('Are you sure you want to remove this ? ')) {
                const id = $(this).data('id');
                $.ajax({
                    type : 'POST',
                    url: '{{ shopping_cart_url('settings/remove-squire-method')}}',
                    data: 'id=' + id + '&_token={{ csrf_token() }}'
                }).done(function(){
                    location.reload();
                });
            }
        });
        $('.remove_avalara_btn').click(function () {
            if(confirm('Are you sure you want to remove this ? ')) {
                const id = $(this).data('id');
                $.ajax({
                    type : 'POST',
                    url: '{{ shopping_cart_url('settings/remove-avalara-method')}}',
                    data: 'id=' + id + '&_token={{ csrf_token() }}'
                }).done(function(){
                    location.reload();
                });
            }
        });
    </script>
@endsection