@extends('layouts.app')
@section('title', __('business.business_settings'))

@section('content')
<style>
/* --- ألوان عناصر الإدخال --- */
.input-icheck {
    accent-color: {{ $business->theme_color }} !important; /* للمتصفحات الحديثة */
}

.icheckbox_square-blue.checked,
.icheckbox_flat-blue.checked,
.iradio_square-blue.checked,
.iradio_flat-blue.checked {
    background-color: {{ $business->theme_color }} !important;
    border-color: {{ $business->theme_color }} !important;
    box-shadow: 0 0 6px {{ $business->theme_color }}66;
}
.icheckbox_square-blue.hover,
.icheckbox_flat-blue.hover,
.iradio_square-blue.hover,
.iradio_flat-blue.hover {
    border-color: {{ $business->theme_color }} !important;
}

.input-group-addon {
    border-color: {{ $business->theme_color }} !important ;
    border-left: 1px solid;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* --- Select2 --- */
.select2-container--default .select2-selection--single {
    border-color:  {{ $business->theme_color }} !important;
    border-right: 1px solid ;
    border-radius: 0.65rem !important;
    height: 40px;
    transition: all 0.2s ease-in-out;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;


}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    font-weight: 500;
    color: #222;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:hover {
    border-color: {{ $business->theme_color }} !important;
    box-shadow: 0 0 6px {{ $business->theme_color }}66 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: {{ $business->theme_color }} !important;
    color: #fff !important;
}

/* --- عناصر الفورم --- */
.form-control {
    border-radius: 0.65rem;
    transition: all 0.2s ease-in-out;
}
.form-control:focus {
    border-color: {{ $business->theme_color }} !important;
    box-shadow: 0 0 8px {{ $business->theme_color }}55 !important;
}

/* --- شريط التبويبات --- */
.pos-tab-menu {
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 1.5rem;
    padding: 0 0.5rem;
}
.pos-tab-menu .list-group-horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: flex-start;
    margin-bottom: 0;
}

/* التبويبات */
.pos-tab-menu .list-group-item {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #444;
    cursor: pointer;
    position: relative;
    transition: color 0.25s ease-in-out, border-bottom 0.25s ease-in-out;
    border-bottom: 2px solid transparent; /* الخط السفلي فقط */
}

/* التحويم */
.pos-tab-menu .list-group-item:hover {
    color: {{ $business->theme_color }};
    border-bottom: 2px solid {{ $business->theme_color }};
}

/* التبويب النشط */
.pos-tab-menu .list-group-item.active {
    color: {{ $business->theme_color }};
    font-weight: 700;
    border-bottom: 3px solid {{ $business->theme_color }};
}

/* --- زر الحفظ --- */
button[type="submit"] {
    border-radius: 0.75rem !important;
    padding: 0.75rem 2rem !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    background: {{ $business->theme_color }};
    border: none;
    transition: all 0.25s ease-in-out;
}
button[type="submit"]:hover {
    background: #fff !important;
    color: {{ $business->theme_color }} !important;
    border: 2px solid {{ $business->theme_color }} !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px {{ $business->theme_color }}66;
}

/* --- هايلايت --- */
mark, .highlight {
    background-color: {{ $business->theme_color }} !important;
    color: #fff !important;
    padding: 0.1em 0.25em;
    border-radius: 0.25rem;
}

/* --- موبايل --- */
@media (max-width: 768px) {
    .pos-tab-menu .list-group-item {
        flex: 1 1 calc(50% - 0.5rem);
        text-align: center;
        padding: 0.6rem 0.75rem;
        font-size: 0.85rem;
    }
}
</style>

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('business.business_settings')</h1>
    @if (!empty($video) && auth()->user()->can('edu_videos.view'))
            @include('video.video_button', ['fileName' => $video ]) 
     @endif
    <br>
      
    @include('layouts.partials.search_settings')

  
</section>

<!-- Main content -->
<section class="content">
{!! Form::open(['url' => action([\App\Http\Controllers\BusinessController::class, 'postBusinessSettings']), 'method' => 'post', 'id' => 'bussiness_edit_form',
           'files' => true ]) !!}
    <div class="row">
    <div class="col-xs-12">
        @component('components.widget', ['class' =>  'pos-tab-container'])
            <!-- Horizontal Menu -->
            <div class="col-xs-12 pos-tab-menu tw-rounded-lg mb-4">
                <div class="list-group list-group-horizontal justify-content-start">
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base active">@lang('business.business')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('business.tax') @show_tooltip(__('tooltip.business_tax'))</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('business.product')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('contact.contact')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('business.sale')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('sale.pos_sale')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('purchase.purchases')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.payment')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('business.dashboard')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('business.system')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.prefixes')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.email_settings')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.sms_settings')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.reward_point_settings')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.modules')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.sub_modules')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.quick_access_list')</a>
                    <a href="#" class="list-group-item text-center tw-font-bold tw-text-sm md:tw-text-base">@lang('lang_v1.custom_labels')</a>
                </div>
            </div>
            <!-- Tabs Content -->
            <div class="col-xs-12 pos-tab">
                @include('business.partials.settings_business')
                @include('business.partials.settings_tax')
                @include('business.partials.settings_product')
                @include('business.partials.settings_contact')
                @include('business.partials.settings_sales')
                @include('business.partials.settings_pos')
                @include('business.partials.settings_purchase')
                @include('business.partials.settings_payment')
                @include('business.partials.settings_dashboard')
                @include('business.partials.settings_system')
                @include('business.partials.settings_prefixes')
                @include('business.partials.settings_email')
                @include('business.partials.settings_sms')
                @include('business.partials.settings_reward_point')
                @include('business.partials.settings_modules')
                @include('business.partials.settings_sub_modules')
                @include('business.partials.settings_quick_access_list')
                @include('business.partials.settings_custom_labels')
            </div>
        @endcomponent
    </div>
</div>


    <div class="row">
        <div class="col-sm-12 text-center">
            <button class="tw-dw-btn tw-dw-btn-error tw-dw-btn-lg tw-text-white" type="submit" style="background-color: {{ $business->theme_color }}; border-color: {{ $business->theme_color }}">@lang('business.update_settings')</button>
        </div>
    </div>
{!! Form::close() !!}
 @include('video.video_modal') 
</section>
<!-- /.content -->
@stop
@section('javascript')
<script type="text/javascript">

  

    __page_leave_confirmation('#bussiness_edit_form');
    $(document).on('ifToggled', '#use_superadmin_settings', function() {
        if ($('#use_superadmin_settings').is(':checked')) {
            $('#toggle_visibility').addClass('hide');
            $('.test_email_btn').addClass('hide');
        } else {
            $('#toggle_visibility').removeClass('hide');
            $('.test_email_btn').removeClass('hide');
        }
    });

    $(document).ready(function(){
        $('#enable_second_currency').on('ifChecked', function(event){
        $('#second_currency_fields').show();
        $('#second_currency_fields select, #second_currency_fields input').attr('required', true);
    });

    $('#enable_second_currency').on('ifUnchecked', function(event){
        $('#second_currency_fields').hide();
        $('#second_currency_fields select, #second_currency_fields input').removeAttr('required');
    });

    
        $('#test_email_btn').click( function() {
            var data = {
                mail_driver: $('#mail_driver').val(),
                mail_host: $('#mail_host').val(),
                mail_port: $('#mail_port').val(),
                mail_username: $('#mail_username').val(),
                mail_password: $('#mail_password').val(),
                mail_encryption: $('#mail_encryption').val(),
                mail_from_address: $('#mail_from_address').val(),
                mail_from_name: $('#mail_from_name').val(),
            };
            $.ajax({
                method: 'post',
                data: data,
                url: "{{ action([\App\Http\Controllers\BusinessController::class, 'testEmailConfiguration']) }}",
                dataType: 'json',
                success: function(result) {
                    if (result.success == true) {
                        swal({
                            text: result.msg,
                            icon: 'success'
                        });
                    } else {
                        swal({
                            text: result.msg,
                            icon: 'error'
                        });
                    }
                },
            });
        });

        $('#test_sms_btn').click( function() {
            var test_number = $('#test_number').val();
            if (test_number.trim() == '') {
                toastr.error('{{__("lang_v1.test_number_is_required")}}');
                $('#test_number').focus();

                return false;
            }

            var data = {
                url: $('#sms_settings_url').val(),
                send_to_param_name: $('#send_to_param_name').val(),
                msg_param_name: $('#msg_param_name').val(),
                request_method: $('#request_method').val(),
                param_1: $('#sms_settings_param_key1').val(),
                param_2: $('#sms_settings_param_key2').val(),
                param_3: $('#sms_settings_param_key3').val(),
                param_4: $('#sms_settings_param_key4').val(),
                param_5: $('#sms_settings_param_key5').val(),
                param_6: $('#sms_settings_param_key6').val(),
                param_7: $('#sms_settings_param_key7').val(),
                param_8: $('#sms_settings_param_key8').val(),
                param_9: $('#sms_settings_param_key9').val(),
                param_10: $('#sms_settings_param_key10').val(),

                param_val_1: $('#sms_settings_param_val1').val(),
                param_val_2: $('#sms_settings_param_val2').val(),
                param_val_3: $('#sms_settings_param_val3').val(),
                param_val_4: $('#sms_settings_param_val4').val(),
                param_val_5: $('#sms_settings_param_val5').val(),
                param_val_6: $('#sms_settings_param_val6').val(),
                param_val_7: $('#sms_settings_param_val7').val(),
                param_val_8: $('#sms_settings_param_val8').val(),
                param_val_9: $('#sms_settings_param_val9').val(),
                param_val_10: $('#sms_settings_param_val10').val(),
                test_number: test_number
            };

            $.ajax({
                method: 'post',
                data: data,
                url: "{{ action([\App\Http\Controllers\BusinessController::class, 'testSmsConfiguration']) }}",
                dataType: 'json',
                success: function(result) {
                    if (result.success == true) {
                        swal({
                            text: result.msg,
                            icon: 'success'
                        });
                    } else {
                        swal({
                            text: result.msg,
                            icon: 'error'
                        });
                    }
                },
            });

        });

        $('select.custom_labels_products').change(function(){
            value = $(this).val();
            textarea = $(this).parents('div.custom_label_product_div').find('div.custom_label_product_dropdown');
            if(value == 'dropdown'){
                textarea.removeClass('hide');
            } else{
                textarea.addClass('hide');
            }
        })
    });
    


</script>
@endsection