{{--
 * LaraClassifier - Classified Ads Web Application
 * Copyright (c) BeDigit. All Rights Reserved
 *
 * Website: https://laraclassifier.com
 *
 * LICENSE
 * -------
 * This software is furnished under a license and may be used and copied
 * only in accordance with the terms of such license and with the inclusion
 * of the above copyright notice. If you Purchased from CodeCanyon,
 * Please read the full License from here - http://codecanyon.net/licenses/standard
--}}
@extends('layouts.master')

@section('wizard')
    @includeFirst([
        config('larapen.core.customizedViewPath') . 'post.createOrEdit.multiSteps.inc.wizard',
        'post.createOrEdit.multiSteps.inc.wizard',
    ])
@endsection

@section('content')
    @includeFirst([config('larapen.core.customizedViewPath') . 'common.spacer', 'common.spacer'])
    <div class="main-container">
        <div class="container">
            <div class="row">

                @includeFirst([
                    config('larapen.core.customizedViewPath') . 'post.inc.notification',
                    'post.inc.notification',
                ])

                <div class="col-md-12 page-content">
                    <div class="inner-box">

                        <h2 class="title-2">
                            <strong>
                                @if (isset($selectedPackage) && !empty($selectedPackage))
                                    <i class="fas fa-wallet"></i> {{ t('Payment') }}
                                @else
                                    <i class="fas fa-tags"></i> {{ t('Pricing') }}
                                @endif
                            </strong>
                        </h2>

                        <div class="row">
                            <div class="col-sm-12">
                                <form class="form" id="postForm" method="POST" action="{{ url()->current() }}">
                                    {!! csrf_field() !!}
                                    <fieldset>
                                        @if (!isset($errors) && isset($selectedPackage) && !empty($selectedPackage))
                                                                                        @includeFirst([
                                                config('larapen.core.customizedViewPath') .
                                                'post.createOrEdit.inc.packages.selected',
                                                'post.createOrEdit.inc.packages.selected',
                                            ])
                                        @else
                                            @includeFirst([
                                                config('larapen.core.customizedViewPath') .
                                                'post.createOrEdit.inc.packages',
                                                'post.createOrEdit.inc.packages',
                                            ])
                                        @endif
                                        @include('layouts.inc.tools.captcha', [
                                            'colLeft' => 'col-md-4',
                                            'colRight' => 'col-md-8',
                                        ])
                                        <div class="row">
                                            <div class="col-md-12 text-center mt-4">
                                                <a href="{{ url('posts/create/photos') }}" class="btn btn-default btn-lg">
                                                    {{ t('Previous') }}
                                                </a>
                                                <button id="submitPostForm" class="btn btn-success btn-lg submitPostForm">
                                                    {{ t('Pay') }} </button>
                                            </div>
                                        </div>

                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.page-content -->
            </div>
        </div>
    </div>
@endsection

@section('after_styles')
@endsection

@section('after_scripts')
    <script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.2.3/jquery.payment.min.js">
    </script>
    @if (file_exists(public_path() . '/assets/plugins/forms/validation/localization/messages_' . config('app.locale') . '.min.js'))
        <script src="{{ url('/assets/plugins/forms/validation/localization/messages_' . config('app.locale') . '.min.js') }}"
            type="text/javascript"></script>
    @endif

    <script>
        @if (isset($packages) && isset($paymentMethods) && $packages->count() > 0 && $paymentMethods->count() > 0)

            var currentPackagePrice = {{ isset($currentPackagePrice) ? $currentPackagePrice : 0 }};
            var currentPaymentIsActive = {{ isset($currentPaymentIsActive) ? $currentPaymentIsActive : 0 }};
            var isCreationFormPage = true;
            $(document).ready(function() {
                /* Show price & Payment Methods */
                var selectedPackage = $('input[name=package_id]:checked').val();
                var packagePrice = getPackagePrice(selectedPackage);
                var packageCurrencySymbol = $('input[name=package_id]:checked').data('currencysymbol');
                var packageCurrencyInLeft = $('input[name=package_id]:checked').data('currencyinleft');
                var paymentMethod = $('#paymentMethodId').find('option:selected').data('name');
                showAmount(packagePrice, packageCurrencySymbol, packageCurrencyInLeft);
                showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentIsActive, paymentMethod,
                    isCreationFormPage);

                /* Select a Package */
                $('.package-selection').click(function() {
                    selectedPackage = $(this).val();
                    packagePrice = getPackagePrice(selectedPackage);
                    packageCurrencySymbol = $(this).data('currencysymbol');
                    packageCurrencyInLeft = $(this).data('currencyinleft');
                    showAmount(packagePrice, packageCurrencySymbol, packageCurrencyInLeft);
                    showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentIsActive,
                        paymentMethod, isCreationFormPage);
                });

                /* Select a Payment Method */
                $('#paymentMethodId').on('change', function() {
                    paymentMethod = $(this).find('option:selected').data('name');
                    showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentIsActive,
                        paymentMethod, isCreationFormPage);
                });

                /* Form Default Submission */
                $('#submitPostForm').on('click', function(e) {
                    e.preventDefault();

                    if (packagePrice <= 0) {
                        $('#postForm').submit();
                    }

                    return false;
                });
            });
        @endif

        /* Show or Hide the Payment Submit Button */
        /* NOTE: Prevent Package's Downgrading */
        /* Hide the 'Skip' button if Package price > 0 */
        function showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentIsActive, paymentMethod,
            isCreationFormPage = true) {
            let submitBtn = $('#submitPostForm');
            let submitBtnLabel = {
                'pay': '{{ t('Pay') }}',
                'submit': '{{ t('submit') }}',
            };
            let skipBtn = $('#skipBtn');

            if (packagePrice > 0) {
                submitBtn.html(submitBtnLabel.pay).show();
                skipBtn.hide();

                if (currentPackagePrice > packagePrice) {
                    submitBtn.hide().html(submitBtnLabel.submit);
                }
                if (currentPackagePrice == packagePrice) {
                    if (paymentMethod == 'offlinepayment') {
                        if (!isCreationFormPage && currentPaymentIsActive != 1) {
                            submitBtn.hide().html(submitBtnLabel.submit);
                            skipBtn.show();
                        }
                    }
                }
            } else {
                skipBtn.show();
                submitBtn.html(submitBtnLabel.submit);
            }
        }
    </script>
@endsection