@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title">{{ translate('Moyasar payment gatway') }}</h3>

            </div>

        </div>
    </div>
    <!-- Main content -->
    <section class="content">
        @php
            $today_date = \Carbon\Carbon::now();
            $expire_date = \Carbon\Carbon::createFromFormat('Y-m-d', date('Y-m-d', strtotime('+30 day', strtotime(\App\Addon::where('type', 'Moyasar_purchase_date')->first()->value))));
            $data_difference = $today_date->diffInDays($expire_date, false); //false param
        @endphp
        <div class="row">
            @if (($addon_manager['payment_type'] == 'one_time' && \App\Addon::where('type', 'Moyasar_purchase_date')->first()->value != null) || ($addon_manager['payment_type'] == 'per_month' && $data_difference >= 0) || $addon_manager['price'] == 0)
                <div class="col-lg-8 mx-auto">
                    <div class="box">
                        <div class="box-header">{{ translate('Moyasar integration data') }}</div>
                        <div class="box-body">
                            {!! Form::open(['method' => 'post', 'action' => 'Admin\Addons\MoyasarController@updateMoyasarConf', 'files' => true, 'id' => 'save-moysar-form']) !!}
                            <div class="form-group">
                                <div class="checkbox">
                                    {!! Form::checkbox('Moyasar_active', null, $newaddons['Moyasar_active'], ['id' => 'Checkbox_1']) !!}
                                    <label for="Checkbox_1">{{ translate('Active') }}</label>
                                </div>
                                <input type="hidden" name="types[]" value="Moyasar_active">
                            </div>
                            <div class="row">
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('Secret key') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Moyasar_secret_key', $newaddons['Moyasar_secret_key'], ['id' => 'Moyasar_secret_key', 'class' => 'form-control', 'placeholder' => translate('Secret key')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Moyasar_secret_key">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('Publishable key') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Moyasar_publishable_key', $newaddons['Moyasar_publishable_key'], ['id' => 'Moyasar_publishable_key', 'class' => 'form-control', 'placeholder' => translate('Publishable key')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Moyasar_publishable_key">
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <h5 style="color: red">
                                {{ translate('In the case of testing, if a payment window appears, the data is correct, lock it and save your data') }}
                            </h5>

                            {!! Form::Close() !!}
                            <div class="box-footer form-group">
                                <div class="row">
                                    <div class="col-md">
                                        <button type="button" id="test-moyasar-data-button"
                                            class="form-control btn btn-rounded btn-primary btn-outline">{{ translate('Test data') }}</button>
                                    </div>
                                    <div class="col-md">
                                        <button type="button" id="save-moyasar-data-button"
                                            class="form-control btn btn-rounded btn-primary btn-outline">{{ translate('Save') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="col-lg-6 mx-auto">
                    <div class="box">
                        <div class="box-body">
                            <h3 class="text-center">
                                {{ translate('You dont purchase this item or require to renew this item subscribtion') }}
                            </h3>
                            <h4 class="text-center">
                                <a href="#" style="background-color: #fb763d"
                                    class="btn btn-rounded btn-dark padding-label-dashbord  template-buttons"
                                    onclick="addToCart({{ $addon_manager['id'] }},'addon')">{{ translate('Add to cart') }}</a>
                            </h4>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>
@endsection
@section('modal')
    <div id="testMoysarModal" class="modal fade" tabindex="-1" role="dialog"
        aria-labelledby="SubscribtionEndExistStoreActivity" aria-hidden="true">
        <div class="modal-dialog" style="margin-top: 15em;border-radius: 5em !important">
            <div class="modal-content">
                <div class="modal-body" id="testMoysarModalBody" style="padding: 3rem 0rem 3rem !important;">

                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection
@section('script')
    <script>
        $('#test-moyasar-data-button').click(function() {
            var Moyasar_secret_key = $('#Moyasar_secret_key').val();
            var Moyasar_publishable_key = $('#Moyasar_publishable_key').val();
            if (
                Moyasar_secret_key == '' ||
                Moyasar_publishable_key == ''
            ) {
                if (Moyasar_secret_key == '') {
                    $('#Moyasar_secret_key').css('border', '2px solid red');
                } else {
                    $('#Moyasar_secret_key').css('border', '1px solid #ced4d9');
                }
                if (Moyasar_publishable_key == '') {
                    $('#Moyasar_publishable_key').css('border', '2px solid red');
                } else {
                    $('#Moyasar_publishable_key').css('border', '1px solid #ced4d9');
                }

            } else {
                $('#Moyasar_secret_key').css('border', '1px solid #ced4d9');
                $('#Moyasar_publishable_key').css('border', '1px solid #ced4d9');
                var dataForm = {
                    Moyasar_secret_key: Moyasar_secret_key,
                    Moyasar_publishable_key: Moyasar_publishable_key
                }
                $.post(`{{ route('Moyasar.testSecretData') }}`, {
                    _token: '{{ csrf_token() }}',
                    data: dataForm
                }, function(data) {
                    $('#testMoysarModalBody').html(data);
                    $('#testMoysarModal').modal();
                });
            }

        })
        $('#save-moyasar-data-button').click(function() {
            var Moyasar_secret_key = $('#Moyasar_secret_key').val();
            var Moyasar_publishable_key = $('#Moyasar_publishable_key').val();
            if (
                Moyasar_secret_key == '' ||
                Moyasar_publishable_key == ''
            ) {
                if (Moyasar_secret_key == '') {
                    $('#Moyasar_secret_key').css('border', '2px solid red');
                } else {
                    $('#Moyasar_secret_key').css('border', '1px solid #ced4d9');
                }
                if (Moyasar_publishable_key == '') {
                    $('#Moyasar_publishable_key').css('border', '2px solid red');
                } else {
                    $('#Moyasar_publishable_key').css('border', '1px solid #ced4d9');
                }

            } else {
                $('#Moyasar_secret_key').css('border', '1px solid #ced4d9');
                $('#Moyasar_publishable_key').css('border', '1px solid #ced4d9');
                $('#save-moysar-form').submit();
            }

        })
    </script>
@endsection