@extends('layouts.app')
@section('title', __('zatca::lang.zatca'))

@section('content')
@include('zatca::layouts.partials.style')
@include('zatca::layouts.nav')
@php
$business_id = request()->session()->get('user.business_id');
@endphp
<style>
    .text-green {
        color: green;
    }

    .text-orange {
        color: orange;
    }

    .text-red {
        color: red;
    }

    .text-gray {
        color: gray;
    }
</style>

<!-- End of Filter through table -->
<section class="content-header">
    <h1>@lang( 'zatca::lang.zatca' )</h1>

<br>
    @if($settings->is_connected == 1)
    <p style="font-size: 20px;font-weight: bold;">@lang('zatca::lang.status') : <span class="text-red">@lang('zatca::lang.connected')</span></p>
    @else
    <p style="font-size: 20px;font-weight: bold;">@lang('zatca::lang.status') : <span class="text-orange">@lang('zatca::lang.not_connected')</span></p>
    @endif
</section>
<section class="content">
    {!! Form::open(['url' => route('zatca.update', ['business_id' => $business_id]), 'method' => 'POST','id'=>'form_update_zatca']) !!}
    @csrf
    <div id="tax_data_content" class="pos-tab-content">
        <div class="row">
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('tax_label_1', __('zatca::lang.tax_name') . ':') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('tax_label_1', $business->tax_label_1, ['class' => 'form-control','placeholder' => __('business.tax_1_placeholder')]); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('tax_number_1', __('zatca::lang.vat_no') . ':') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('tax_number_1', $business->tax_number_1, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('tax_label_2', __('zatca::lang.crn_name') . ':') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('tax_label_2', $business->tax_label_2, ['class' => 'form-control','placeholder' => __('business.tax_1_placeholder')]); !!}
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('tax_number_2', __('zatca::lang.crn_no') . ':') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('tax_number_2', $business->tax_number_2, ['class' => 'form-control', 'required']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('city', __('business.city') . ':') !!}
                    @error('city')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('city', $settings->city, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('postal_number', __('zatca::lang.postal_number') . ':') !!}
                    @error('postal_number')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('postal_number', $settings->postal_number, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('company_address', __('zatca::lang.company_address') . ':') !!}
                    @error('company_address')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('company_address', $settings->company_address, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('street_name', __('zatca::lang.street_name') . ':') !!}
                    @error('street_name')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('street_name', $settings->street_name, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('building_number', __('zatca::lang.building_number') . ':') !!}
                    @error('building_number')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('building_number', $settings->building_number, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('plot_identification', __('zatca::lang.plot_identification') . ':') !!}
                    @error('plot_identification')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('plot_identification', $settings->plot_identification, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('city_sub_division', __('zatca::lang.city_sub_division') . ':') !!}
                    @error('city_sub_division')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('city_sub_division', $settings->city_sub_division, ['class' => 'form-control', 'required']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('businessCategory', __('zatca::lang.business_category') . ':') !!}
                    @error('businessCategory')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('businessCategory', $settings->businessCategory, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('zatca_env', __('zatca::lang.zatca_env') . ':') !!}
                    @error('zatca_env')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fas fa-globe"></i>
                        </span>
                        @php
                            $env_options = [
                            'local' => __('zatca::lang.local'),
                            'simulation' => __('zatca::lang.simulation'),
                            'production' => __('zatca::lang.production'),
                            ];
                        @endphp
                        {!! Form::select('zatca_env', $env_options , $settings->zatca_env ?? 'local', ['class' => 'form-control','placeholder' => __('zatca::lang.select_zatca_connection'), 'required']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('otp', __('zatca::lang.otp') . ':') !!}
                    @error('otp')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-info"></i>
                        </span>
                        {!! Form::text('otp', $settings->otp, ['class' => 'form-control']); !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('invoicing_type', __('zatca::lang.invoicing_type') . ':') !!}
                    @error('invoicing_type')<span class="text-danger"><strong>{{ $message }}</strong></span> @enderror
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fas fa-money-bill-alt"></i>
                        </span>
                        @php
                        $types = [
                        '1000' => __('zatca::lang.invoice_tax'),
                        '0100' => __('zatca::lang.simplified_invoice'),
                        '1100' => __('zatca::lang.both'),
                        ];
                        @endphp
                        {!! Form::select('invoicing_type', $types , $settings->invoicing_type ?? 1100, ['class' => 'form-control','placeholder' => __('zatca::lang.invoicing_type'), 'required']); !!}
                    </div>
                </div>
            </div>


            <!-- Sync Frequency Dropdown -->
            <!-- Enable Auto Sync Toggle -->
            <div class="col-sm-4" data-toggle="tooltip-x" data-placement="bottom" title="@lang('zatca::lang.enable_auto_sync_tooltip')" data-html="true">
                <div class="form-group">
                    <div class="toggle-wrapper" style="display: flex; gap: 10px; margin-top: 1.5rem;">
                        <label class="switch" for="enable_auto_sync">
                            {!! Form::checkbox('enable_auto_sync', 1, $settings->enable_auto_sync, ['id' => 'enable_auto_sync']) !!}
                            <div class="sliderCheckbox round"></div>
                        </label>
                        <p>{{ __( 'zatca::lang.enable_auto_sync' ) }}</p>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('zatca_env', __('zatca::lang.sync_frequency') . ':') !!}
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fas fa-sync"></i>
                        </span>
                        @php
                        $frequency_options = [
                        'instant' => __('zatca::lang.instant'),
                        'every_fifteen_minutes' => __('zatca::lang.every_fifteen_minutes'),
                        'every_thirty_minutes' => __('zatca::lang.every_thirty_minutes'),
                        'hourly' => __('zatca::lang.hourly'),
                        'hourly_at:15' => __('zatca::lang.hourly_at_15'),
                        'daily' => __('zatca::lang.daily'),
                        ];
                        @endphp
                        {!! Form::select('sync_frequency', $frequency_options, $settings->sync_frequency ?? 'hourly', ['class' => 'form-control','placeholder' => __('zatca::lang.sync_frequency'), 'id' => 'sync_frequency', 'disabled' => !$settings->enable_auto_sync]) !!}
                    </div>
                </div>
            </div>


            {{--<div class="col-sm-4">
            <div class="form-group">
                <div class="checkbox">
                <br>
                  <label>
                    {!! Form::checkbox('enable_inline_tax', 1, $business->settings->enable_inline_tax , 
                    [ 'class' => 'input-icheck']); !!} {{ __( 'lang_v1.enable_inline_tax' ) }}
            </label>
        </div>
    </div>
    </div>--}}




    {{--<div class="col-sm-4" data-toggle="tooltip" data-placement="bottom" title="@lang('zatca::lang.is_phase_2_tooltip')" data-html="true">
            <div class="form-group">
                <div class="toggle-wrapper" style="display: flex; gap: 10px; margin-top: 1.5rem;">
                    <label class="switch" for="is_phase_two">
                        {!! Form::checkbox('is_phase_two', 1, $business->settings->is_phase_two, ['id' => 'is_phase_two']) !!}
                        <div class="sliderCheckbox round"></div>
                    </label>
                    <p>{{ __( 'zatca::lang.is_phase_two' ) }}</p>
    </div>
    </div>
    </div>--}}

    {{--<div class="col-sm-4" data-toggle="tooltip" data-placement="bottom" title="@lang('zatca::lang.is_production_zatca_tooltip')" data-html="true">
            <div class="form-group">
                <div class="toggle-wrapper" style="display: flex; gap: 10px; margin-top: 1.5rem;">
                    <label class="switch" for="is_production">
                        {!! Form::checkbox('is_production', 1, $business->settings->is_production, ['id' => 'is_production']) !!}
                        <div class="sliderCheckbox round"></div>
                    </label>
                    <p>{{ __( 'zatca::lang.is_production' ) }}</p>
    </div>
    </div>
    </div>--}}

   {{-- <div class="col-sm-4" data-toggle="tooltip" data-placement="bottom" title="@lang('zatca::lang.create_zatca_keys_tooltip')" data-html="true">
        <div class="form-group">
            <div class="toggle-wrapper" style="display: flex; gap: 10px; margin-top: 1.5rem;">
                <label class="switch" for="create_zatca_keys">
                    <!-- Add data-route attribute with Laravel route -->
                    <input type="checkbox" id="create_zatca_keys" data-route="{{ route('zatca.create_zatca_keys') }}">
                    <div class="sliderCheckbox round"></div>
                </label>
                <p>@lang('zatca::lang.update_zatca_keys')</p>
            </div>
        </div>
    </div>--}}

    </div>

    
    <div class="row">
        <div class="col-sm-12">
            <button class="btn btn-danger pull-right" type="submit">@lang('business.update_settings')</button>
            <button data-route="{{ route('zatca.create_zatca_keys') }}" class="btn btn-primary pull-right update_zatca_keys" style="margin-left: 10px;" type="button">@lang('zatca::lang.update_zatca_keys')</button>

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



    {!! Form::close() !!}
    @endsection

    @section('javascript')
      <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {


            $(document).on('click', '.update_zatca_keys', function (e) {
                e.preventDefault();
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_zatca_keys_update,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then(willDelete => {
                    if (willDelete) {

                        var submitButton = $('.btn-danger[type="submit"]');
                        submitButton.prop('disabled', true);
                        $('.update_zatca_keys').prop('disabled', true);
                        var routeUrl = $(this).data('route');
                        var form = $(this);
                        var data = form.serialize();
                        $.ajax({
                            method: 'POST',
                            url: routeUrl,
                            dataType: 'json',
                            data: data,

                            success: function (result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    $('.update_zatca_keys').prop('disabled', false);
                                    submitButton.prop('disabled', false);
                                } else {
                                    toastr.error(result.msg);
                                    $('.update_zatca_keys').prop('disabled', false);
                                    submitButton.prop('disabled', false);
                                }
                            }
                        });
                    }
                });

            });

                $('#create_zatca_keys').change(function () {
                    var isChecked = $(this).is(':checked');
                    var submitButton = $('.btn-danger[type="submit"]');

                    if (isChecked) {
                        submitButton.prop('disabled', true);
                        var routeUrl = $(this).data('route');

                        $.ajax({
                            method: 'POST',
                            url: routeUrl,
                            dataType: 'json'
                        })
                            .done(function (result) {
                                if (result.success) {
                                    toastr.success(result.msg, "Success!");
                                } else {
                                    toastr.error(result.msg, "Error!");
                                }
                                setTimeout(function () {
                                    window.location.reload();
                                }, 2000);
                            })
                            .fail(function (xhr, status, error) {
                                var errorMessage = "An error occurred";
                                try {
                                    if (xhr.responseJSON && xhr.responseJSON.msg) {
                                        errorMessage = xhr.responseJSON.msg;
                                    }
                                } catch (e) {
                                    console.error("Error parsing the response:", e);
                                }
                                toastr.error(errorMessage, "Error!");
                                /* setTimeout(function() {
                                     window.location.reload();
                                 }, 2000);*/
                            })
                            .always(function () {
                                submitButton.prop('disabled', false);
                            });
                    } else {
                    }
                });

                $('#enable_auto_sync').on('change', function () {
                    if ($(this).is(':checked')) {
                        $('#sync_frequency').prop('disabled', false);
                    } else {
                        $('#sync_frequency').prop('disabled', true);
                    }
                });


                $(document).on('submit', '#form_update_zatca', function (e) {
                e.preventDefault();
                    swal({
                        title: LANG.sure,
                        text: LANG.confirm_zatca_keys_update,
                        icon: 'warning',
                        buttons: true,
                        dangerMode: true,
                    }).then(willDelete => {
                        if (willDelete) {
                            var form = $(this);
                            var data = form.serialize();
                            $.ajax({
                                method: 'POST',
                                url: $(this).attr('action'),
                                dataType: 'json',
                                data: data,
                                beforeSend: function (xhr) {
                                    __disable_submit_button(form.find('button[type="submit"]'));
                                },

                                success: function (result) {
                                    if (result.success == true) {
                                        __enable_submit_button(form.find('button[type="submit"]'));
                                        toastr.success(result.msg);
                                    } else {
                                        toastr.error(result.msg);
                                    }
                                }

                            });

                        }
                    });

            });



        });


        if (typeof parseURLParams(location.href) !== 'undefined') {

            active_section();
        }

        function active_section() {
            var section = parseURLParams(location.href).section;

            $('.list-group .list-group-item').removeClass("active");
            $('.pos-tab-content').removeClass("active");
            $('#tax_data').click();
            $('#tax_data').addClass("active");
            $('#tax_data_content').addClass("active");
        }

        function parseURLParams(url) {
            var queryStart = url.indexOf("?") + 1,
                queryEnd = url.indexOf("#") + 1 || url.length + 1,
                query = url.slice(queryStart, queryEnd - 1),
                pairs = query.replace(/\+/g, " ").split("&"),
                parms = {},
                i, n, v, nv;

            if (query === url || query === "") return;

            for (i = 0; i < pairs.length; i++) {
                nv = pairs[i].split("=", 2);
                n = decodeURIComponent(nv[0]);
                v = decodeURIComponent(nv[1]);

                if (!parms.hasOwnProperty(n)) parms[n] = [];
                parms[n].push(nv.length === 2 ? v : null);
            }
            return parms;
        }


        $(document).on('change','#zatca_env',function (){
            var env=$('#zatca_env').val();
            if(env==='local'){
            $('#otp').val('123345');
            $('#tax_number_1').val('399999999900003');
            }else{
                $('#otp').val('');
                $('#tax_number_1').val('');
            }



        });

    </script>