@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('Aramex configration') }}</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', 'Aramex_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', 'Aramex_purchase_date')->first()->value != null) || ($addon_manager['payment_type'] == 'per_month' && $data_difference >= 0) || $addon_manager['price'] == 0)
                <div class="col-lg-6 mx-auto">
                    <div class="box">
                        <div class="box-header">{{ translate('Aramex integration data') }}</div>
                        <div class="box-body">
                            {!! Form::open(['method' => 'post', 'action' => 'Admin\Addons\AramexController@updateAramexConf', 'files' => true, 'id' => 'update_aramex_conf_form']) !!}
                            <div class="form-group">
                                <div class="checkbox">
                                    {!! Form::checkbox('Aramex_active', null, $newaddons['Aramex_active'], ['id' => 'Checkbox_1']) !!}
                                    <label for="Checkbox_1">{{ translate('Active') }}</label>
                                </div>
                                <input type="hidden" name="types[]" value="Aramex_active">
                            </div>
                            <div class="row">
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('Account Country Code') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Aramex_AccountCountryCode', $newaddons['Aramex_AccountCountryCode'], ['id' => 'Aramex_AccountCountryCode', 'class' => 'form-control', 'placeholder' => translate('Account Country Code')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Aramex_AccountCountryCode">
                                    </div>
                                </div>
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('Account Entity') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Aramex_AccountEntity', $newaddons['Aramex_AccountEntity'], ['id' => 'Aramex_AccountEntity', 'class' => 'form-control', 'placeholder' => translate('Account Entity')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Aramex_AccountEntity">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('Account Number') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Aramex_AccountNumber', $newaddons['Aramex_AccountNumber'], ['id' => 'Aramex_AccountNumber', 'class' => 'form-control', 'placeholder' => translate('Account Number')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Aramex_AccountNumber">
                                    </div>
                                </div>
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('Account Pin') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Aramex_AccountPin', $newaddons['Aramex_AccountPin'], ['id' => 'Aramex_AccountPin', 'class' => 'form-control', 'placeholder' => translate('Account Pin')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Aramex_AccountPin">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('UserName') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Aramex_UserName', $newaddons['Aramex_UserName'], ['id' => 'Aramex_UserName', 'class' => 'form-control', 'placeholder' => translate('UserName')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Aramex_UserName">
                                    </div>
                                </div>
                                <div class="col-md">
                                    <div class="form-group">
                                        <label for="name">{{ translate('Password') }}
                                        </label>
                                        <div>
                                            {!! Form::text('Aramex_Password', $newaddons['Aramex_Password'], ['id' => 'Aramex_Password', 'class' => 'form-control', 'placeholder' => translate('Password')]) !!}
                                        </div>
                                        <input type="hidden" name="types[]" value="Aramex_Password">
                                    </div>
                                </div>
                            </div>

                            {!! Form::Close() !!}

                            <div class="box-footer form-group">
                                <button type="button" id="test-aramex-data-button"
                                    class="form-control btn btn-rounded btn-primary btn-outline">{{ translate('Test data') }}</button>
                            </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('script')

    <script>
        $('#test-aramex-data-button').click(function() {
            var Aramex_AccountCountryCode = $('#Aramex_AccountCountryCode').val();
            var Aramex_AccountEntity = $('#Aramex_AccountEntity').val();
            var Aramex_AccountNumber = $('#Aramex_AccountNumber').val();
            var Aramex_AccountPin = $('#Aramex_AccountPin').val();
            var Aramex_UserName = $('#Aramex_UserName').val();
            var Aramex_Password = $('#Aramex_Password').val();
            if (
                Aramex_AccountCountryCode == '' ||
                Aramex_AccountEntity == '' ||
                Aramex_AccountNumber == '' ||
                Aramex_AccountPin == '' ||
                Aramex_UserName == '' ||
                Aramex_Password == ''
            ) {
                if (Aramex_AccountCountryCode == '') {
                    $('#Aramex_AccountCountryCode').css('border', '2px solid red');
                } else {
                    $('#Aramex_AccountCountryCode').css('border', '1px solid #ced4d9');
                }
                if (Aramex_AccountEntity == '') {
                    $('#Aramex_AccountEntity').css('border', '2px solid red');
                } else {
                    $('#Aramex_AccountEntity').css('border', '1px solid #ced4d9');
                }
                if (Aramex_AccountNumber == '') {
                    $('#Aramex_AccountNumber').css('border', '2px solid red');
                } else {
                    $('#Aramex_AccountNumber').css('border', '1px solid #ced4d9');
                }
                if (Aramex_AccountPin == '') {
                    $('#Aramex_AccountPin').css('border', '2px solid red');
                } else {
                    $('#Aramex_AccountPin').css('border', '1px solid #ced4d9');
                }
                if (Aramex_UserName == '') {
                    $('#Aramex_UserName').css('border', '2px solid red');
                } else {
                    $('#Aramex_UserName').css('border', '1px solid #ced4d9');
                }
                if (Aramex_Password == '') {
                    $('#Aramex_Password').css('border', '2px solid red');
                } else {
                    $('#Aramex_Password').css('border', '1px solid #ced4d9');
                }

            } else {
                $('#Aramex_AccountCountryCode').css('border', '1px solid #ced4d9');
                $('#Aramex_AccountEntity').css('border', '1px solid #ced4d9');
                $('#Aramex_AccountNumber').css('border', '1px solid #ced4d9');
                $('#Aramex_AccountPin').css('border', '1px solid #ced4d9');
                $('#Aramex_UserName').css('border', '1px solid #ced4d9');
                $('#Aramex_Password').css('border', '1px solid #ced4d9');
                var dataForm = {
                    Aramex_AccountCountryCode: Aramex_AccountCountryCode,
                    Aramex_AccountEntity: Aramex_AccountEntity,
                    Aramex_AccountNumber: Aramex_AccountNumber,
                    Aramex_AccountPin: Aramex_AccountPin,
                    Aramex_UserName: Aramex_UserName,
                    Aramex_Password: Aramex_Password
                }
                $.post(`{{ route('Aramex.testClintData') }}`, {
                    _token: '{{ csrf_token() }}',
                    data: dataForm
                }, function(data) {
                    if (data.HasErrors == true) {
                        swal({
                            html: true,
                            title: "{{ translate('Aramex client data invalid!') }}",
                            text: `<h4 style="color:red">${JSON.stringify(data.Notifications)}</h4>`,
                            confirmButtonText: "{{ translate('Close') }}",
                        });
                    } else {
                        var title =
                            "{{ translate('The test was completed successfully. Do you want to save?') }}";
                        swal({
                            title: title,
                            type: "success",
                            confirmButtonColor: "#DD6B55",
                            confirmButtonText: "{{ translate('Save') }}",
                            closeOnConfirm: true
                        }, function() {
                            $('#update_aramex_conf_form').submit();
                        });
                    }
                });
            }

        })
    </script>

@endsection