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

@section('extrastyles')
    <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: 10%;
            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
        }
    </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">Payment Settings</h2>
                <div class="clearfix"></div>
            </div>
            <hr />
            <h4>Add Credit Card Payments</h4>
            <table class="table table-bordered">
                <tbody class="payment-method-listing">
                @include('Product::shopping-cart.setting.payment.card._authorizenet')
                @include('Product::shopping-cart.setting.payment.card._stripe')
                @include('Product::shopping-cart.setting.payment.card.nexio')
                </tbody>
            </table>

            <h4>Alternative Payment Settings</h4>

            <table class="table table-bordered">
                <tbody class="payment-method-listing">
                    @include('Product::shopping-cart.setting.payment.card._paypal')
                    @include('Product::shopping-cart.setting.payment.card.okinus')
                    @include('Product::shopping-cart.setting.payment.card.metrics-global')
                    @include('Product::shopping-cart.setting.payment.card.billToAccount')
                <tr style="display: none;">
                    <td class="v-align text-center col-lg-3">
                        <p><img src="/images/flexshopper.png"></p>
                        <p><small><a target="_blank" href="https://www.flexshopper.com/"><span class="glyphicon glyphicon-question-sign"></span> Get more Info</a></small></p>                    <td class="v-align text-center col-lg-6">
                        <ul>
                            <li>Instantaneous financing approval for your customers through FlexShopper</li>
                            <li>Retailer account application required</li>
                            <li>FlexShopper will pay you for the ticket amount within 24 - 48 hours</li>
                            <li>There are no monthly fees or recurring fees for retailers</li>
                        </ul>
                    </td>
                    <td class="v-align text-center col-lg-3">
                        @if(isset($flexShopper))
                            <p class="connected">
                                <span><img src="{{ asset('images/check.png') }}"></span>
                                <span><strong>Connected as <br>{{$flexShopper['field_1']}}</strong></span>
                            </p>
                            <p><a class="btn btn-default" href="javascript:void(0)" data-toggle="modal" data-target="#flex-shopper-modal">Settings</a></p>
                            @if(isset($flexShopper->id))
                                <p><a class="btn btn-primary remove_payment_btn" href="javascript:void(0)" data-id="{{$flexShopper->id}}">Remove</a></p>
                            @endif
                        @else
                            <p><a class="btn btn-primary" href="javascript:void(0)" data-toggle="modal" data-target="#flex-shopper-modal">Enable</a></p>
                        @endif
                    </td>
                </tr>
                <tr style="display: none;">
                    <td class="v-align text-center col-lg-3">
                        <p><img src="/images/great-american-finance.png"></p>
                        <p><small><a target="_blank" href="https://www.greatamericanfinance.com/"><span class="glyphicon glyphicon-question-sign"></span> Get more Info</a></small></p>                    </td>
                    <td class="v-align text-center col-lg-6">
                        <ul>
                            <li>Competitive discounts</li>
                            <li>Typical APR of 26.99% to 31.99%</li>
                            <li>Extended payment terms</li>
                            <li>Closed-end and revolving credit</li>
                            <li>No recourse</li>
                            <li>Same as cash options up to 18 months</li>
                            <li>No down payments</li>
                        </ul>
                    </td>
                    <td class="v-align text-center col-lg-3">
                        @if(isset($americanFinance))
                            <label class="badge badge-secondary">{{$americanFinance->is_live == 1 ? 'Live' : 'Staging'}}</label>
                            <p class="connected">
                                <span><img src="{{ asset('images/check.png') }}"></span>
                                <span><strong>Connected as <br>{{$americanFinance['field_1']}}</strong></span>
                            </p>
                            <p><a class="btn btn-default" href="javascript:void(0)" data-toggle="modal" data-target="#great-american-finance-modal">Settings</a></p>
                            @if(isset($americanFinance->id))
                                <p><a class="btn btn-primary remove_payment_btn" href="javascript:void(0)" data-id="{{$americanFinance->id}}">Remove</a></p>
                            @endif
                        @else
                            <p><a class="btn btn-primary" href="javascript:void(0)" data-toggle="modal" data-target="#great-american-finance-modal">Enable</a></p>
                        @endif
                    </td>
                </tr>
                <tr style="display: none;">
                    <td class="v-align text-center col-lg-3">
                        <p><img src="/images/acima.png"></p>
                        <p><small><a target="_blank" href="https://www.acimacredit.com/">
                                    <span class="glyphicon glyphicon-question-sign"></span> Get more Info</a></small></p>
                    </td>
                    <td class="v-align text-center col-lg-6">
                        <ul>
                            <li>No credit needed financing</li>
                            <li>90-day buyout option and discounted early payoffs</li>
                            <li>Low initial payments with flexible payment schedules</li>
                            <li>Instant customer approvals</li>
                            <li>Not available in MN, NJ, WI, or WY</li>
                        </ul>
                    </td>
                    <td class="v-align text-center col-lg-3">
                        @if(isset($acima))
                            <p class="connected">
                                <span><img src="{{ asset('images/check.png') }}"></span>
                                <span><strong>Connected as <br>{{$acima['field_1']}}</strong></span>
                            </p>
                            <p><a class="btn btn-default" href="javascript:void(0)" data-toggle="modal" data-target="#acima-modal">Settings</a></p>
                            @if(isset($acima->id))
                                <p><a class="btn btn-primary remove_payment_btn" href="javascript:void(0)" data-id="{{$acima->id}}">Remove</a></p>
                            @endif
                        @else
                            <p><a class="btn btn-primary" href="javascript:void(0)" data-toggle="modal" data-target="#acima-modal">Enable</a></p>
                        @endif
                    </td>
                </tr>

                {{-- <tr>
                    <td class="v-align text-center col-lg-3">
                        <p><img src="/images/amazon.png"></p>
                        <p><small><a target="_blank" href="https://pay.amazon.com/us/"><span class="glyphicon glyphicon-question-sign"></span> Get more Info</a></small></p>                    <td class="v-align text-center col-lg-6">
                        <ul>
                            <li>No setup fee or monthly cost</li>
                            <li>2.9% + 30c/transaction</li>
                            <li>No application fees</li>
                        </ul>
                    </td>
                    <td class="v-align text-center col-lg-3">
                        @if(isset($amazon))
                            <p class="connected">
                                <span><img src="{{ asset('images/check.png') }}"></span>
                                <span><strong>Connected as <br>{{$amazon['field_1']}}</strong></span>
                            </p>
                            <p><a class="btn btn-default" href="javascript:void(0)" data-toggle="modal" data-target="#amazon-modal">Settings</a></p>
                            @if(isset($amazon->id))
                                <p><a class="btn btn-primary remove_payment_btn" href="javascript:void(0)" data-id="{{$amazon->id}}">Remove</a></p>
                            @endif
                        @else
                            <p><a class="btn btn-primary" href="javascript:void(0)" data-toggle="modal" data-target="#amazon-modal">Enable</a></p>
                        @endif
                    </td>
                </tr> --}}
{{--                <tr>--}}
{{--                    <td class="v-align text-center col-lg-3">--}}
{{--                        <p><img src="{{ asset('/images/direct-scale-logo.svg') }}"></p>--}}
{{--                        <p><small><a target="_blank" href="https://www.cardknox.com/partners/imagine-retailer/"><span class="glyphicon glyphicon-question-sign"></span> Get more Info</a></small></p>                    </td>--}}
{{--                    <td class="v-align text-center col-lg-6">--}}
{{--                        <ul>--}}
{{--                            <li>Credit card 1.99%</li>--}}
{{--                            <li>$0.15 per transaction </li>--}}
{{--                            <li>$10 monthly statement fee</li>--}}
{{--                            <li>$29 initial one time setup fee</li>--}}
{{--                            <li>$10 Cardknox monthly statement fee</li>--}}
{{--                        </ul>--}}
{{--                    </td>--}}
{{--                    <td class="v-align text-center col-lg-3">--}}
{{--                        @if(isset($direct_scale))--}}
{{--                            <p class="connected">--}}
{{--                                <span><img src="{{ asset('images/check.png') }}"></span>--}}
{{--                                <span><strong>Connected as <br>{{$direct_scale['field_1']}}</strong></span>--}}
{{--                            </p>--}}
{{--                            <p><a class="btn btn-default" href="javascript:void(0)" data-toggle="modal" data-target="#direct-scale-modal">Settings</a></p>--}}
{{--                        @else--}}
{{--                            <p><a class="btn btn-primary" href="javascript:void(0)" data-toggle="modal" data-target="#direct-scale-modal">Enable</a></p>--}}
{{--                        @endif--}}
{{--                    </td>--}}
{{--                </tr>--}}
                </tbody>

            </table>
            <div class="col-lg-12">
                <h4>All Payment Methods</h4>