@extends('app')

@section('title', 'Course Payment')

@section('head')
<!-- link to the SqPaymentForm library -->
<script type="text/javascript" src="https://js.squareup.com/v2/paymentform">
</script>
@if (\App::environment('production'))
<script src="https://web.squarecdn.com/v1/square.js"></script>
@else
<script src="https://sandbox.web.squarecdn.com/v1/square.js"></script>
@endif

<!-- link to the local SqPaymentForm initialization -->
{{--<script type="text/javascript" src="{{ url('resources/assets') }}/js/sqpaymentform.js"></script>--}}

<!-- link to the custom styles for SqPaymentForm -->
<link rel="stylesheet" type="text/css" href="{{ url('resources/assets') }}/css/sqpaymentform.css">
<link href="{{ url('resources/assets/admin') }}/css/bootstrap-datepicker.css" rel="stylesheet">

<style>
   #apple-pay-button {
     height: 48px;
     width: 100%;
     display: inline-block;
     -webkit-appearance: -apple-pay-button;
     -apple-pay-button-type: plain;
     -apple-pay-button-style: black;
   }
</style>

<style>
    .datepicker-days th{
        font-size: 18px;
    }
    .datepicker-days td{
        font-size: 16px;
        color: #000;
    }
    .datepicker-months th{
        font-size: 18px;
    }
    .datepicker-months td{
        font-size: 16px;
        color: #000;
    }
    .datepicker-years th{
        font-size: 18px;
    }
    .datepicker-years td{
        font-size: 16px;
        color: #000;
    }
    #sq-card-number input[type=tel]{

    }

	.font-changer {
		font-family: 'lato',sans-serif!important;
	}
	.font-changer h3{
		font-family: 'lato',sans-serif!important;
	}
    .course_descr .title{
        text-transform:uppercase;
    }
    .course_descr {
        font-family: 'Lato', sans-serif !important;
        color:#fff;
        text-align:center;
        margin:20px auto;
        max-width:70%;
    }
    .course_descr h2{
        font-family: 'Lato', sans-serif !important;
        font-weight:bold;
        margin-bottom:10px;
        font-size:23px;
    }
    .course_descr .price{
        font-size:43px;
        margin-bottom:20px;
        font-weight:bold;
        /*color:#e53345;*/
    }
    .course_descr .red{
        color:#e53345;
    }
    .course_descr small{
        font-size:60%;
    }
    .flex{
        display:flex;
        margin:0 auto 40px;
        max-width:1000px;
        justify-content: space-around;
    }
    .flex > div{
        flex: 1 1 50%;
        padding: 0 10px;
        color:#fff;
        max-width:33.33%;
    }
    .flex > div > div{
        border:solid 1px rgba(0,0,0,.1);
        text-align:center;
        padding:10px;
        border-radius:10px;
        box-shadow: 0 0 6px -3px black;
        background-color: rgba(0,0,0,.1);
    }

    .flex label{
        cursor:pointer !important;
    }

    .flex input[type=radio]{
        display:none;
    }

    .flex input[type=radio]:checked + div, .flex > div > div:hover{
        border:solid 1px rgba(0,0,0,.2);
        background-color: rgba(0,0,0,.25);
        box-shadow: 0 0 6px -2px black;

    }

    .flex > div > div h2{
        font-family: 'Lato', sans-serif !important;
        font-size:18px;
        font-weight:bold;
        color:#fff;
        min-width:200px;
    }
    .flex > div > div .lheader{
        font-size:16px;
        margin-top:10px;
        line-height:1.2;
        font-weight:normal;

    }
    .flex > div > div .price{
        font-size:43px;
        margin-bottom:0px;
        font-weight:bold;
    }
    .input-radio{
        width:20px;
        height:20px;
        background-color:#fff;
        border-radius:50%;
        margin:0 auto 10px;
        position:relative;
        border:solid 1px rgba(0,0,0,.2);
    }

    .input-radio:after{
        transition:background-color .2s;
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: rgba(0,0,0,0);
        content: " ";
        left: 2px;
        top: 2px;
    }

    .flex input[type=radio]:checked + div .input-radio:after{
        background-color:#c93232;
    }

    @media only screen and (max-width: 600px) {
        .flex{
            display:block;
        }

        .flex > div{
            max-width:100%;
            margin-bottom:14px;
        }
    }
</style>
@endsection

@section('content')
<!-- Page Banner Area --->
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12 nlrp"> <img src="{{ url('/resources/assets') }}/images/payment-page-banner.jpg" class="img-responsive"> </div>
    </div>
</div>
<!-- Page Banner Area Ends--->
<!-- Payment Page Area --->
<div class="container-fluid no-padding" style="background:#03243e;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 validation-heading">
                <h1><b>{{strtoupper(__('payment'))}}</b></h1>
            </div>
        </div>
    </div>
    <div class="container validation-container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1 payment-form">
                <div class="cnt-form">
                    <div class="container-fluid" style="display:none;">
                        <div class="row">
                            <div class="col-md-12" style="padding:0">
                                <div class="text-danger text-center" style="background-color:white;padding:10px;font-size:16px;">
                                    <div style="max-width:900px;margin:auto;">
                                        Thank you for visiting TABC Fast. We are experiencing technical issues at this time. For Your TABC and Food Handler certification needs, please visit our site <a href="https://foodhandlersfast.com/">www.foodhandlersfast.com</a>. <br />
                        
                                        Thank you for your understanding.
                                    </div>
                                </div>
                            </div>    
                        </div>
                    </div>
                    
                    
                    {!! Form::open([ 'url' => '/payment', 'class' => '','id'=>'nonce-form']) !!}
                    @include("includes/front_alerts")
                    <div id="nonce-error">

                    </div>
                    <div class="row">

                        

                        <div class="col-md-10 col-md-offset-1">
                            <div class="course_descr">
                                <div class="title"><h2>{{ $title }}</h2></div>
                                @if(!empty($lheader))
                                <div>{!!$lheader!!}</div>
                                @endif
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="flex">
                                @foreach($courses as $index=>$option)
                                <div>
                                    @if($option instanceof \App\Bundles)
                                    <input type="radio" class="course_item" id="c-{{$index}}" name="bundle" {{old() && old("course") == $option->id ? 'selected':'' }} value="{{$option->id}}" />
                                    @else
                                    <input type="radio" class="course_item" id="c-{{$index}}" name="course" {{old() && old("course") == $option->id ? 'selected':'' }} value="{{$option->id }}" />
                                    @endif
                                    <div>
                                        <label for="c-{{$index}}">
                                            <div class="input-radio"></div>
                                            <div><h2>{{ $option->name }}</h2></div>
                                            <div class="lheader">
                                            @if($option instanceof \App\Bundles)
                                             {!! $option->short_description !!}
                                            @else
                                                {!! $option->tag_line !!}
                                            @endif
                                            </div>
                                            <br />
                                             @if(!($option instanceof \App\Bundles) && $option->id == 2)
                                             <div style="margin-bottom:10px;">{{ucfirst(__('price'))}} ${{number_format($option->price,2) }}</div>
                                             @else
                                             <div style="margin-bottom:10px;">{{ucfirst(__('price'))}} ${{number_format($option->temp_price,2) }}</div>
                                           
                                             <div style="margin-bottom:15px;">{{ucwords(__('required state filing fee'))}} ${{number_format($fee,2) }}</div>
                                             @endif
                                           
                                            <div>Total:</div>
                                            <div class="price"><span class="re">$</span>{!! preg_replace('/(\.\d+)/',"$1",$option->price) !!}</div>
                                        </label>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>


                    </div>                    

                    <div class="row">
                        <div class="col-md-10 col-md-offset-1 pay-bill-add">
                            <div class="" style=" margin-left: -15px; margin-right: -15px;">
                                <div class="form-check">
                                    <label class="toggle">
                                        <input type="radio" class="hide-origional" checked name="payment_method" value="2" onclick="show2();" />
                                        <span class="label-text">{{__('Debit/ Credit Card')}}</span> <img src="{{ url('/resources/assets') }}/images/cards.jpg" class="img-responsive"> </label>
                                </div>
                                @if(empty(config('paypal.hide_paypal')))
                                <div class="form-check">
                                    <label class="toggle">
                                        <input type="radio" class="hide-origional" name="payment_method" value="1" onclick="show1();" />
                                        <span class="label-text">PayPal</span> <img src="{{ url('/resources/assets') }}/images/paypal.jpg">
                                    </label>
                                </div>
                                @endif
                                <div class="form-check">
                                    <label class="toggle">
                                        <input type="radio" class="hide-origional" name="payment_method" value="3" onclick="show3();" />
                                        <span class="label-text">{{__('Pre Paid Codes')}}</span> </label>
                                </div>
                                <div class="form-check">
                                    <label class="toggle">
                                        <input type="radio" class="hide-origional" name="payment_method" value="4" onclick="show4();" />
                                        <span class="label-text">{{__('Other Payment Options')}}</span> <img style="max-width: 194px;" src="{{ url('/resources/assets') }}/images/other_payment_option.png" /></label>
                                </div>
                            </div>
                            {{----
                            <div id="bill-add-div" class="row bill-add-form" style="display:block">
                                <div class="form-horizontal" id="sq-ccbox">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for="card_holder_name">{{ucwords(__('Card Holder Name'))}}</label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control input-box" id="card_holder_name" name="card_holder_name">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for="card_number">{{ucwords(__('Card Number'))}}</label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control input-box" id="card_number" name="card_number" maxlength="16">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label" for="exp_month">{{ucwords(__('exp month'))}}</label>
                                                <div class="col-sm-12">
                                                    <select class="form-control input-box" id="exp_month" name="exp_month">
                                                        @foreach($ExpMonths as $key => $val)
                                                            <option value="{{ $key }}"{{ (old("exp_month") == $key ? ' selected="selected"' : '') }}>{{ $key.' - '.$val }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label" for="exp_year">{{ucwords(__('exp year'))}}</label>
                                                <div class="col-sm-12">
                                                    <select class="form-control input-box" id="exp_year" name="exp_year">
                                                        @for($y = (int)date("Y"); $y <= (int)(date("Y")+10); $y++)
                                                            <option value="{{ $y }}"{{ (old("exp_year") == $y ? ' selected="selected"' : '') }}>{{ $y }}</option>
                                                        @endfor
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label" for="cvv">CVV/CSC</label>
                                                <div class="col-sm-12">
                                                    <input type="text" class="form-control input-box" id="cvv" name="cvv" maxlength="4">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            ----}}
                            <div id="bill-add-div" class="row bill-add-form" style="display:block">
                                <div class="form-horizontal">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                    <input type="text" id="card-name-element" class="form-control input-box" style="font-size: 20px;font-weight: bold;margin-bottom:10px;" placeholder="Name On Card"/>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div  style="padding: 13px;background-color: #0f6db6;height: 55px;margin-bottom: 10px;" id="stripe-payment-cardNumber"></div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div  style="padding: 13px;background-color: #0f6db6;height: 55px;margin-bottom: 10px;" id="stripe-payment-cardExpiration"></div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div  style="padding: 13px;background-color: #0f6db6;height: 55px;margin-bottom: 10px;" id="stripe-payment-cardCvc"></div>
                                                            </div>
                                                        </div>
                                                        <!--<div id="stripe-payment-request-button"></div>-->
                                                        <div id="card-errors" class="text-danger" style="margin-top:10px; font-size:18px;font-weight:bold;"></div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div id="precode-add-div" class="row bill-add-form">
                                <div class="form-horizontal">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="control-label col-sm-12" for="email">{{__('Pre Paid Code')}}</label>
                                                        <div class="col-sm-12">
                                                            <input type="text" class="form-control input-box" id="precode" name="precode">
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div id="cash-app" class="row bill-add-form">
                                <div class="form-horizontal">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <div id="cash-app-pay"></div>
                                                        <div id="cash-app-pay-msg"></div>
                                                    </div>
                                                </div>
                                                
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <div id="payment-request-button">
                                                            <!-- A Stripe Element will be inserted here. -->
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row validation-down">
                        <div class="col-md-10 col-md-offset-1 " >
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="cntr">
                                        <label for="term_codition" class="label-cbx">
                                            <input id="term_codition" type="checkbox" value="1" name="term_codition" class="invisible">
                                            <div class="checkbox">
                                                <svg width="20px" height="20px" viewBox="0 0 20 20">
                                                <path d="M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"></path>
                                                <polyline points="4 11 8 15 16 6"></polyline>
                                                </svg>
                                            </div>
                                            <span>{!! __('I agree to all</span> <a href="#" data-toggle="modal" data-target="#myModal">Terms & Conditions</a>')!!}
                                        </label>
                                    </div>
                                </div>


                                {{---<div class="col-md-12">
                                    <div class="cntr">
                                        <label for="pay_dollar" class="label-cbx">
                                            <input id="pay_dollar" type="checkbox"  value="1" name="agree_pay" class="invisible">
                                            <div class="checkbox">
                                                <svg width="20px" height="20px" viewBox="0 0 20 20">
                                                <path d="M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"></path>
                                                <polyline points="4 11 8 15 16 6"></polyline>
                                                </svg>
                                            </div>
                                            <span>I acknowledge that this purchase totaling ${{ $price }} is non-refundable for any reason.
                                                By checking this box and proceeding with enrollment in TABC FAST online course, 
                                                I accept full responsibility for this purchase and acknowledge that any refund request for 
                                                any reason will not be honored. </span>
                                        </label>
                                    </div>
                                </div>--}}


                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <div class="col-sm-4 enroll-btn">
                                                        <button type="submit" class="btn btn-default">{{strtoupper(__('proceed'))}}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {!! FORM::close() !!}   
                   
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Payment Page Area Ends --->

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Term & Condition</h4>
            </div>
            <div class="modal-body font-changer">
                <h3>PAYMENT TERMS</h3>

                <p>&nbsp;</p>

                <p>Payment terms are within the sole discretion of TABCfast, and payment must be made at the time of purchase (prior to access to the course being granted). Payment may be made by credit card or PayPal. Your order is subject to cancellation by TABCfast at its sole discretion. TABCfast is not responsible for errors, including pricing, typography, or errors in any offers made by TABCfast and reserves the right to cancel any orders resulting from such errors.</p>

                <p>If you fail the final exam on your first attempt, you will immediately be provided an additional opportunity to take the exam. If you fail the final exam on your second attempt and wish to make a third attempt, the TABC requires you to re-take the course in full. TABCfast requires payment in full if you re-take the course.</p>

                <p>&nbsp;</p>

                <h3>INFORMATION ACCURACY</h3>

                <p>&nbsp;</p>

                <p>You will be asked to submit personal information during the registration process. In some cases, this information may be submitted to the appropriate governing jurisdiction for the purposes of certification or re-certification notice. TABCfast is not liable or responsible in any way for the accuracy of the information as entered by you during registration. Should any or all of the registration information entered be false or incorrect, TABCfast will not be responsible for correction, updating or reporting of the information to you, or any other third party.</p>

                <p>&nbsp;</p>

                <h3>WARRANTIES</h3>

                <p>&nbsp;</p>

                <p>The website, course, instruction, and all other contents hereof are provided on an &ldquo;as is&rdquo; basis without any warranties of any kind, whether expressed or implied. The company, its affiliates, and third parties associated with the website, to the fullest extent of the law, disclaim all warranties, including but not limited to warranties of title, fitness for a particular purpose, merchantability and non-infringement of proprietary or third party rights.</p>

                <p>The company, its affiliates, and third parties associated with the website make no warranties about the accuracy, reliability, completeness, or timeliness of the website, course, or contents hereof. TABCfast does not warranty that the website will operate error-free or that the website or its servers are free of computer viruses or other harmful items. If your use of the website or the contents hereof results in the need for servicing or replacing equipment or data, TABCfast is not responsible in any way for those costs. Your use of the website is at your own risk. If you are dissatisfied with any of the materials or other contents of the website, with this agreement, or other policies, your sole remedy is to discontinue use of the website.</p>

                <p>Although the website is intended to be educational, neither the company, its affiliates, or any third party associated with the website makes any representations, warranties, or guaranties that any user hereof will obtain any particular result, including, without limitation, master any particular skills or pass any examination or achieve any other tangible results based upon use of the products, services, or other offerings on this website.</p>

                <p>&nbsp;</p>

                <p>In no event shall the company, its affiliates, or third parties associated with the website be liable to any user or any third party for any damages whatsoever (including, without limitation, direct, indirect, incidental, consequential, special, exemplary, or lost profits) resulting from the use or inability to use the website or the contents thereof, whether based on warranty, contract, tort, or any other legal theory, and whether or not the company is advised of the possibility of such damages.</p>

                <p>&nbsp;</p>

                <h3>SOFTWARE</h3>

                <p>&nbsp;</p>

                <p>Any and all software provided is subject to the license agreement that is part of the software package. By using the website, you agree that you will be bound by such license agreement.</p>

                <p>&nbsp;</p>

                <h3>REFUND POLICY</h3>

                <p>&nbsp;</p>

                <p>Purchases made on the TABCfast website are non-refundable for any reason and accounts cannot be transferred to another name.</p>

                <p>By proceeding with payment on the TABCfast website, you accept full responsibility for the purchase and acknowledge that any refund request for any reason will not be honored.</p>

                <p>&nbsp;</p>

                <h3>CHANGED OR DISCONTINUED PRODUCTS AND SERVICES</h3>

                <p>&nbsp;</p>

                <p>TABCfast reserves the right to revise or discontinue products and services at any time without notice.</p>

                <p>&nbsp;</p>

                <h3>SERVICE AND SUPPORT</h3>

                <p>&nbsp;</p>

                <p>TABCfast reserves the right to revise or discontinue service and/or support offerings at any time without notice.</p>

                <p>&nbsp;</p>

                <h3>CONSENT TO COMMUNICATION</h3>

                <p>&nbsp;</p>

                <p>By registering on the website, you consent to receive communications from TABCfast and agree that we may communicate with you by email, phone or mail.</p>

                <p>&nbsp;</p>

                <h3>LIMITATION OF LIABILITY</h3>

                <p>&nbsp;</p>

                <p>TABCfast does not accept liability beyond the remedies set forth herein, including but not limited to any liability for product not being available for use, lost profits, loss of business or for lost or corrupted data or software, or the provision of services and support. Except as expressly provided herein, TABCfast will not be liable for any consequential, special, indirect, or punitive damages, even if advised of the possibility of such damages, and/or for any claim by any third party. You agree that for any liability related to the purchase of programs or services, TABCfast is not liable or responsible for any amount of damages above the amount invoiced for the applicable program or service. Notwithstanding anything in this agreement to the contrary, the remedies set forth in this agreement shall apply even if such remedies fail their essential purpose.</p>

                <p>&nbsp;</p>

                <h3>GOVERNING LAW</h3>

                <p>&nbsp;</p>

                <p>The parties agree that this agreement, any sales thereunder, or any claim, dispute or controversy (Whether in contract, tort, or otherwise, whether preexisting, present or future, and including statutory, common law, and equitable claims) between customer and TABCfast arising from or relating to this agreement, its interpretation, or the breach, termination or validity thereof, the relationships which result from this agreement, TABCfast advertising, or any related purchase shall, to the maximum extent permitted by applicable law, be governed by the laws of the state of Texas, without regard to conflicts of laws rules.</p>

                <p>&nbsp;</p>

                <h3>COPYRIGHT</h3>

                <p>&nbsp;</p>

                <p>The contents of the website are protected by copyright and other laws in both the United States and elsewhere. The contents of this website include both content owned or controlled by TABCfast and content owned or controlled by third parties and licensed to TABCfast. TABCfast authorizes you to view a single copy of any material on the website solely for your personal, noncommercial use. The website is for your personal, noncommercial use. You agree not to reproduce, duplicate, copy, sell, resell or exploit for any commercial purposes, any portion of, use of, or access to the website.</p>

                <p>&nbsp;</p>

                <h3>INDEMNIFICATION</h3>

                <p>&nbsp;</p>

                <p>You agree to defend, indemnify, and hold harmless TABCfast, its officers, directors, employees, agents, affiliates and partners from and against any claims, actions or demands, arising or resulting from your use of the website or your breach of the terms of this agreement. TABCfast shall provide notice to you promptly of any such claim, suit or proceeding and reasonably assist you, at your expense, in defending any such claim, suit or proceeding.</p>

                <p>&nbsp;</p>

                <h3>GENERAL</h3>

                <p>&nbsp;</p>

                <p>As stated in our course, the curriculum for our course was provided by the Texas Alcoholic Beverage Commission. By approving our course and issuing our official program number (604-679), the Texas Alcoholic Beverage Commission has confirmed the entire course of instruction adheres completely to all relevant laws of the State of Texas, particularly in regards to the sale and service of alcoholic beverages. Users of the website, their employers, managers, owners, including officers, directors, agents, affiliates and/or partners of their employer, agree to hold harmless TABCfast, its officers, directors, employees, agents, affiliates and partners as a result of actions or decisions made by users of our website while selling or serving alcohol.</p>

                <p>In addition to the standard curriculum written by the Texas Alcoholic Beverage Commission, our course includes stories and opinions regarding how to lawfully and responsibly sell and serve alcohol. These stories and opinions are intended to provide context and better understanding of the mandatory topics provided by the Texas Alcoholic Beverage Commission. By registering for our course, you agree to hold harmless TABCfast for any actions or decisions made as a result of these stories and opinions.</p>

                <p>This agreement is governed by the laws of the state of Texas. You hereby consent to the exclusive jurisdiction and venue of courts in Texas, in all disputes arising out of or relating to the use of the website. Use of the website is unauthorized in any jurisdiction that does not give effect to all provisions of these terms and conditions including, without limitation, this paragraph. If any part of this agreement is determined to be invalid or unenforceable pursuant to applicable law, the invalidity of such provision shall not affect the validity of the remaining provisions of this agreement, which shall remain in full force and effect. This agreement constitutes the entire agreement between the user and TABCfast which respect to the website and supersedes all prior or contemporaneous communications, proposals, whether electronic, oral or written, between the user and TABCfast with respect to the website.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

@endsection


@section('foot')
<script>
$(document).ready(function () {
    $('input[type=radio].course_item').change(function() {
        // When any radio button on the page is selected,
        // then deselect all other radio buttons.
        $('input[type=radio].course_item:checked').not(this).prop('checked', false);
    });
    
    //prevent a double click
    $('form#nonce-form').submit(function(){
        $(this).find('[type=submit]').prop('disabled', true);
    });
});
</script>
<script type="text/javascript" src="{{ url('/resources/assets') }}/js/bootstrap.min.js"></script>
<script>
                                            $(document).ready(function () {
                                                $('input[type=radio][name=payment_method]').change(function () {
                                                    if (this.value == 1) {
                                                        $('.enroll-btn').html('<button type="submit" class="btn btn-default">PROCEED</button>');
                                                    } else if (this.value == 2) {
                                                        $('.enroll-btn').html('<button id="sq-creditcard" class="btn btn-default button-credit-card" onclick="requestCardNonce(event)">PROCEED</button>');
                                                    } else if (this.value == 3) {
                                                        $('.enroll-btn').html('<button type="submit" class="btn btn-default">PROCEED</button>');
                                                    }
                                                });
                                            });


                                            function show1() {
                                                document.getElementById('bill-add-div').style.display = 'none';
                                                document.getElementById('precode-add-div').style.display = 'none';
                                                document.getElementById('cash-app').style.display = 'none';
                                            }
                                            function show2() {
                                                document.getElementById('precode-add-div').style.display = 'none';
                                                document.getElementById('bill-add-div').style.display = 'block';
                                                document.getElementById('cash-app').style.display = 'none';
                                            }
                                            function show3() {
                                                document.getElementById('bill-add-div').style.display = 'none';
                                                document.getElementById('precode-add-div').style.display = 'block';
                                                document.getElementById('cash-app').style.display = 'none';
                                            }
                                            function show4() {
                                                document.getElementById('cash-app').style.display = 'block';
                                                document.getElementById('bill-add-div').style.display = 'none';
                                                document.getElementById('precode-add-div').style.display = 'none';
                                                enableOtherPayements();
                                            }


</script>
<script src="{{ url('resources/assets/admin') }}/plugins/bootstrap-datepicker.js"></script>
<script src="https://js.stripe.com/v3/"></script>
<script>
                                            $('#expirationDate').datepicker({
                                                format: 'yyyy-mm-dd',
                                                startDate: new Date()
                                            });
                                            $('#exp_date').datepicker({
                                                format: 'yyyy-mm-dd',
                                                startDate: new Date()
                                            });
</script>
       <script>
            $(document).ready(function(){
                //$('[data-target="#myWarning"]').trigger('click');
            })
        </script>
@include('includes.cashapp_googlepay_scripts')
@endsection