@extends('front.layouts.app')

@section('content')
    <div class="main-content-box">
        <div class="terms-box pad-y">
            <div class="container">
                <div class="row">
                    <div class="col-12 pad-x-100">
                        <div class="terms-condition-des">
                            <div class="des">
                                {!! $termsAndConditions->translation->content !!}
                            </div>
                            @if(Auth::check())
                                <form id="step-form-terms-condition" action="{!! route('front.terms-and-conditions.submit') !!}" method="">
                                    @csrf
                                    <div class="term-check d-flex align-items-start align-items-md-center">
                                        <label class="terms-check mr-2 mr-md-1 mt-1 mt-md-0">
                                            <input type="checkbox" name="terms_and_condition" id="checkbox" required>
                                            <span class="checkmark"></span>
                                        </label>
                                        <div class="t-des">
                                            {{__('I have read and accepted Ecommerce Terms & Conditions')}}
                                        </div>
                                    </div>

                                    <div class="action-btns d-flex align-items-center justify-content-around flex-column flex-sm-row mt-4">
                                        <button type="button" class="site-btn-1 w-100 mr-0 mr-md-15" data-url="{{route('front.faqs')}}" id="faq-button" style="display: none;">
                                            {{__('Proceed to FAQ (recommended)')}}
                                        </button>
                                        {{--                                    <a href="{{route('front.faqs')}}" class="site-btn-1 w-100 mr-0 mr-md-15">--}}
                                        {{--                                        {{__('Proceed to FAQ (recommended)')}}--}}
                                        {{--                                    </a>--}}
                                        {{--                                <a href="#" class="site-btn-1 w-50 mr-15">--}}
                                        {{--                                    {{__('Proceed to Application')}}--}}
                                        {{--                                </a>--}}
                                        {{--                                                                <button class="site-btn-1 w-50 mr-15">{{__('Proceed to FAQ (recommended)')}}</button>--}}

                                        <button type="submit" id="form-submit-button" data-url="{{route('front.terms-and-conditions.submit')}}" style="display: none;"
                                                class="site-btn-1 w-100 mt-2 mt-sm-0 mr-0 ml-md-15">{{__('Proceed to Application')}}</button>
                                    </div>
                                </form>

                            @else
                                <div class="bottom-content-mt">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12 pad-x-100 text-center">
                                                <a href="{{ route('front.index') }}" class="site-btn" >{{__('Close')}}</a>
                                                {{--                            <button class="site-btn">Close</button>--}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script-page-level')
    <script>
        $('#faq-button').on('click', function (){
            var action = $(this).data('url');
            $("input[type='hidden']").val('');
            $('#step-form-terms-condition').attr('action', action).attr('method', 'get');
            $(this).attr('type', 'submit').click();
        });
        $('#form-submit-button').on('click', function (){
            var action = $(this).data('url');
            $("input[type='hidden']").val(window.Laravel.csrfToken);
            $('#step-form-terms-condition').attr('action', action).attr('method', 'post');
            $(this).attr('type', 'submit').click();
        });

        $('input[type="checkbox"]').on('change', function (){
            if ($(this).prop('checked') == true){
                $('#faq-button').show()
                $('#form-submit-button').show()
            }else{
                $('#faq-button').hide()
                $('#form-submit-button').hide()
            }
        })

    </script>

@endpush