@php
    $required = 'required';
@endphp

@if(isset($user) && !empty($user))
    {!! Form::open(['url' => action([\App\Http\Controllers\ManageUserController::class, 'update'], [$user->id]), 'method' => 'PUT', 'id' => 'user_edit_form']) !!}
    @php
        $required = '';
    @endphp
@else
    {!! Form::open(['url' => action([\App\Http\Controllers\ManageUserController::class, 'store']), 'method' => 'post', 'id' => 'user_add_form' ,'class'=>'needs-validation' ,'novalidate']) !!}
@endif
@php
    if(empty($user)){
    $user_status = 'active';
}
    else if($user->status==='active'){
    $user_status = 'active';
}else{
      $user_status = 'inactive';
}

@endphp
<div class="box-body">

    @include('layouts.partials.messages')

    @include('user.edit_profile_form_personal_info_part')

    @component('components.widget', ['title' => __('app.roles_and_permissions')])
        <div class="row">
            <div class="col-md-12">

                <div class="row">
                    <div class="col-md-2">

                        <div class="box-header">
                            <div class="controls">
                                {!! Form::checkbox('allow_login', 1, true,
                                   [ 'class' => 'filled-in chk-col-primary', 'id' => 'allow_login']); !!}
                                <label for="allow_login">  {{ __( 'app.allow_login' ) }}</label>
                                <div class="help-block"></div>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="row user_auth_fields">
                    @if(!isset($user->id))
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('username', __( 'business.username' ) . ':') !!}
                                @if(!empty($username_ext))
                                    <div class="input-group">
                                        {!! Form::text('username', null, ['class' => 'form-control', 'placeholder' => __( 'business.username' ) ]); !!}
                                        <span class="input-group-addon">{{$username_ext}}</span>
                                    </div>
                                    <p class="help-block" id="show_username"></p>
                                @else
                                    {!! Form::text('username', null, ['class' => 'form-control', 'placeholder' => __( 'business.username' ) ]); !!}
                                @endif
                                <p class="help-block">@lang('app.username_help')</p>
                            </div>
                        </div>
                    @endif
                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('password', __( 'business.password' ) . ':*') !!}
                            {!! Form::password('password', ['class' => 'form-control', $required, 'placeholder' => __( 'business.password' ) ]); !!}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('confirm_password', __( 'business.confirm_password' ) . ':*') !!}
                            {!! Form::password('confirm_password', ['class' => 'form-control', $required, 'placeholder' => __( 'business.confirm_password' ) ]); !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('role', __( 'user.role' ) . ':*') !!}
                            @show_tooltip(__('app.admin_role_location_permission_help'))
                            {!! Form::select('role', $roles, (isset($user->roles)&&!empty($user->roles->first()->id)) ? $user->roles->first()->id : null, ['class' => 'form-control select2', 'style' => 'width: 100%;']); !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-2">
                        <h4>@lang( 'role.access_locations' )
                            @show_tooltip(__('tooltip.access_locations_permission'))</h4>

                    </div>
                    <div class="col-md-2">

                        <div class="controls">
                            {!! Form::checkbox('access_all_locations', 'access_all_locations', true,
                          ['class' => 'filled-in chk-col-primary','id'=>'access_all_locations']); !!}
                            <label for="access_all_locations"> {{ __( 'role.all_locations' ) }}</label>
                            @show_tooltip(__('tooltip.all_location_permission'))
                            <div class="help-block"></div>
                        </div>
                    </div>

                    @foreach($locations as $location)
                        <div class="col-md-2">
                            <div class="">
                                <div class="controls">
                                    {!! Form::checkbox('location_permissions[]', 'location.' . $location->id, isset($permitted_locations) && is_array($permitted_locations) && in_array($location->id, $permitted_locations),
                                    [ 'class' => 'filled-in chk-col-primary', 'id'=>'location_id_'.$location->location_id]); !!}
                                    <label for="location_id_{{ $location->location_id}}">    {{ $location->name }} @if(!empty($location->location_id))
                                            ({{ $location->location_id}}) @endif</label>
                                    <div class="help-block"></div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>

                <div class="row">
                    <div class="col-md-12">
                        <h4>  {{ __( 'user.is_user_active' ) }}</h4>
                    </div>
                    <div class="col-md-2">

                        <div class="controls">
                            {!! Form::checkbox('is_active', $user_status, isset($is_checked_checkbox) ? $is_checked_checkbox : true,
                          ['class' => 'filled-in chk-col-primary status','id'=>'user_status']); !!}
                            <label for="user_status"> {{ __('user.active') }}</label>
                            @show_tooltip(__('app.tooltip_enable_user_active'))
                            <div class="help-block"></div>
                        </div>
                    </div>
                                    </div>

            </div>
        </div>
    @endcomponent


    @component('components.widget', ['title' => __('sale.sells')])
        <div class="row">
                        <div class="col-md-4">
                <div class="form-group">
                    {!! Form::label('max_sales_discount_percent', __( 'app.max_sales_discount_percent' ) . ':') !!}
                    @show_tooltip(__('app.max_sales_discount_percent_help'))
                    {!! Form::text('max_sales_discount_percent', !is_null($user->max_sales_discount_percent) ? @num_format($user->max_sales_discount_percent) : null, ['class' => 'form-control input_number', 'placeholder' => __( 'app.max_sales_discount_percent' ),
                'min' => 0,
                'max' => 100,
                'step' => 'any', // Optional: Allow decimals
                'required' => false  ]); !!}
                </div>
            </div>
        </div>
        @endcomponent



    @include('user.edit_profile_form_more_info_part')

    @if(!empty($form_partials))
        @foreach($form_partials as $partial)
            {!! $partial !!}
        @endforeach
    @endif


</div>
<div class="box-footer text-start">
    <button type="button" class="btn btn-warning me-1">
        <i class="ti-trash"></i> Cancel
    </button>
    <button type="submit" name="submit" class="btn btn-primary">
        <i class="ti-save-alt"></i> Save
    </button>
</div>
{!! Form::close() !!}

@section('javascript')

    <script type="text/javascript">

        $(document).ready(function () {

            $('#is_User_active').on('click', function () {
                if ($(this).hasClass('active')) {
                    $('#user_status').val('active')
                } else {
                    $('#user_status').val('inactive')
                }
            })

            // Set up CSRF token for AJAX requests
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });


            $('#selected_contacts').on('ifChecked', function (event) {
                $('div.selected_contacts_div').removeClass('hide');
            });
            $('#selected_contacts').on('ifUnchecked', function (event) {
                $('div.selected_contacts_div').addClass('hide');
            });

            $('#allow_login').on('change', function (event) {
                $('div.user_auth_fields').toggle();
            });
            /*
            $('#allow_login').on('change', function (event) {
                $('div.user_auth_fields').addClass('hide');
            });*/

            $('#user_allowed_contacts').select2({
                ajax: {
                    url: '/contacts/customers',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term, // search term
                            page: params.page,
                            all_contact: true
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data,
                        };
                    },
                },
                templateResult: function (data) {
                    var template = '';
                    if (data.supplier_business_name) {
                        template += data.supplier_business_name + "<br>";
                    }
                    template += data.text + "<br>" + LANG.mobile + ": " + data.mobile;

                    return template;
                },
                minimumInputLength: 1,
                escapeMarkup: function (markup) {
                    return markup;
                },
            });
        });

        $('#user_add_form').validate({
            rules: {
                first_name: {
                    required: true,
                },
                email: {
                    email: true,
                    remote: {
                        url: "/business/register/check-email",
                        type: "post",
                        data: {
                            email: function () {
                                return $("#usermail").val();
                            }
                        }
                    }
                },
                password: {
                    required: true,
                    minlength: 5
                },
                confirm_password: {
                    equalTo: "#password"
                },
                username: {
                    minlength: 5,
                    remote: {
                        url: "/business/register/check-username",
                        type: "post",
                        data: {
                            username: function () {
                                return $("#username").val();
                            },
                            data: {
                                @if(!empty($username_ext))
                                username_ext: "{{$username_ext}}"
                                @endif
                            }
                        }
                    }
                }
            },
            messages: {
                password: {
                    minlength: 'Password should be minimum 5 characters',
                },
                confirm_password: {
                    equalTo: 'Should be same as password'
                },
                username: {
                    remote: 'Invalid username or User already exists'
                },
                email: {
                    remote: '{{ __("validation.unique", ["attribute" => __("business.email")]) }}'
                }
            }
        });
        $('#username').change(function () {
            if ($('#show_username').length > 0) {
                if ($(this).val().trim() != '') {
                    $('#show_username').html("{{__('app.your_username_will_be')}}: <b>" + $(this).val() + "{{$username_ext}}</b>");
                } else {
                    $('#show_username').html('');
                }
            }
        });
    </script>
    <script>
        $(document).ready(function() {
            // Ensure the value stays within the range of 0 to 100
            $('input[name="max_sales_discount_percent"]').on('input', function() {
                let value = parseFloat($(this).val());

                if (value > 100) {
                    $(this).val(100);
                } else if (value < 0) {
                    $(this).val(0);
                }
            });
        });
    </script>
@endsection