@extends('operations.layout.mainlayout')

@section('content')
<style>
    .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
        color:black;
    }
    .select2-container{
        width: 75% !important;
    }
    /* Validation styling */
    input.is-invalid {
        border: 1px solid #dc3545 !important;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.15) !important;
    }
</style>
<link href="/css/select2totree.css" rel="stylesheet">
{{--    @if(session('role') != 4 && session('role') != 11)--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}

{{--    @if(!empty($user->PROFILE_ID) && $user->PROFILE_ID != session('profile_id')) {{exit("<h1>Unauthorized access</h1>")}} @endif--}}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: #e35a80!important;"> User Information</h1>

                </div><!-- /.col -->
                <div class="col-sm-6">

                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-8">

                    <!-- /.card -->

                    <div class="card">

                        <!-- /.card-header -->
                        <div class="card-body">
                            <form method="post" action="/operations/user" id="user-form">
                                @csrf
                                <input type="hidden" name="user_id" value="{{ old('user_id', $user->ID ?? '') }}">
                                <p style="color:#e35a80;font-weight: 600">User Information</p>
                                <div class="row" style="margin-bottom: 20px">
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Username</span>
                                            </div>
                                            <input required type="text" class="form-control @error('username') is-invalid @enderror" name="username" value="{{ old('username', $user->USERNAME ?? '') }}" />
                                            <div id="username-error" style="color:red">@error('username'){{ $message }}@enderror</div>

                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">First Name</span>
                                            </div>
                                            <input type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" value="{{ old('first_name', $user->FIRST_NAME ?? '') }}" />

                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Last Name</span>
                                            </div>
                                            <input type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" value="{{ old('last_name', $user->LAST_NAME ?? '') }}" />

                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Password</span>
                                            </div>
                                            <input @if(empty(old('user_id', $user->ID ?? null))) required @endif type="password" id="password" class="form-control @error('password') is-invalid @enderror" name="password" value="" autocomplete="new-password" />
                                            <div id="password-error" style="color:red">@error('password'){{ $message }}@enderror</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Mobile #</span>
                                            </div>
                                            <input type="text" class="form-control @error('mobile') is-invalid @enderror" name="mobile" value="{{ old('mobile', $user->MOBILE_NUMBER ?? '') }}" />
                                        </div>
                                     </div>
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Email</span>
                                            </div>
                                            <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email', $user->EMAIL ?? '') }}" />
                                        </div>
                                    </div>

                                     <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Signature #</span>
                                            </div>
                                            <select name="signature_id" class="form-control @error('signature_id') is-invalid @enderror">
                                            <option value="">Select Signature</option>
                                                @foreach($signatures as $signature)
                                                    <option value="{{$signature->ID}}" @selected((string) old('signature_id', $user->SIGNATURE_ID ?? '') === (string) $signature->ID)>{{$signature->NAME}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                     </div>
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Gender</span>
                                            </div>
                                            <select class="form-control @error('gender') is-invalid @enderror" name="gender">
                                                <option value="">-- Select Gender --</option>
                                                <option value="1" @if(old('gender', $user->GENDER ?? '') == 1) selected @endif>Male</option>
                                                <option value="2" @if(old('gender', $user->GENDER ?? '') == 2) selected @endif>Female</option>
                                            </select>
                                            @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>
                                    </div>
                                </div>
                                <p style="color:#e35a80;font-weight: 600">User Privileges</p>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Role</span>
                                            </div>
                                            <select name="role_id" class="rhospital_id form-control @error('role_id') is-invalid @enderror">
                                                @foreach($roles as $role)
                                                    <option value="{{$role->ID}}" @selected((string) old('role_id', $user->ROLE_ID ?? '') === (string) $role->ID)>{{$role->NAME}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Branch</span>
                                            </div>
                                            <select id="report-hospital-id" name="hospital_id" class="rhospital_id form-control @error('hospital_id') is-invalid @enderror">
                                                @foreach($hospitals as $hospital)
                                                    <option value="{{$hospital->ID}}" @selected((string) old('hospital_id', $user->HOSPITAL_ID ?? '') === (string) $hospital->ID)>{{$hospital->NAME_EN}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Client</span>
                                            </div>
                                            <select name="org_id" class="rhospital_id form-control @error('org_id') is-invalid @enderror">
                                                <option value="">None</option>
                                                @foreach($orgs as $org)
                                                    <option value="{{$org->ID}}" @selected((string) old('org_id', $user->END_USER_ID ?? '') === (string) $org->ID)>{{$org->COMPANY_NAME}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                </div>
                                <div class="row" style="margin-bottom: 20px">
                                    <div class="col-md-4" style="margin-top: 16px">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Location</span>
                                            </div>
                                            <select class="form-control" style="width:16em" multiple id="wh-locations" name="wh-locations[]">
                                                <option value="">Select Location</option>
                                            </select>
                                        </div>

                                        <div class="input-group mb-3" style="display: none">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Location</span>
                                            </div>
                                            <select class="form-control" id="report-location-id" name="location">
                                                <option value="">Select Location</option>
                                            </select>
                                        </div>
                                    </div>

                                        <div style="display: flex;justify-content: center;align-items: center;" class="col-md-4">

                                        <div class="input-group ">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Incentive %</span>
                                            </div>
                                            <input type="number" class="form-control @error('incentive_percent') is-invalid @enderror" placeholder="%" name="incentive_percent" value="{{ old('incentive_percent', isset($user->INCENTIVE_PERCENTAGE) ? $user->INCENTIVE_PERCENTAGE : '') }}" />
                                        </div>
                                     </div>

                                    <div style="display: flex;justify-content: center;align-items: center;" class="col-md-4">

                                        <div class="input-group ">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Discount Allow %</span>
                                            </div>
                                            <input type="number" class="form-control @error('allow_percent') is-invalid @enderror" placeholder="%" name="allow_percent" value="{{ old('allow_percent', isset($user->ALLOW_PERCENTAGE) ? $user->ALLOW_PERCENTAGE : '') }}" />
                                        </div>
                                    </div>

                                    <div style="display: flex;justify-content: center;align-items: center;" class="col-md-4">

                                        <div class="input-group ">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Employee Number</span>
                                            </div>
                                            <input type="text" class="form-control @error('employee_number') is-invalid @enderror" placeholder="#" name="employee_number" value="{{ old('employee_number', $user->EMPLOYEE_NUM ?? '') }}" />
                                        </div>
                                    </div>
                                </div>

                                @if($units->count() > 0)
                                <div class="row mb-3 mt-3">
                                        <div class="col-12">
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">Lab Unit</span>
                                                </div>
                                            <select class="form-control runit_id" id="report-unit-id" placeholder="Select Unit" multiple="multiple" name="unit_id[]">
                                                <option value="">Select Unit</option>
                                                @foreach($units as $eunit)
                                                    <option @if(!empty($unit) && in_array($eunit->ID,$unit) ) selected @endif value="{{$eunit->ID}}">{{$eunit->NAME_EN}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        </div>
                                </div>
                                @endif

                                <div class="row mb-3 mt-3">
                                    <div class="col-12">
                                        <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">Access Branch</span>
                                        </div>
                                        <select class="form-control" id="user-access-branch-id" placeholder="Select access branches" multiple="multiple" name="access_branches[]">
                                            <option value="">Select access branches</option>
                                            @foreach($hospitals as $hospital)
                                                <option @if(!empty($ubranch) && in_array($hospital->ID,$ubranch) ) selected @endif value="{{$hospital->ID}}">{{$hospital->NAME_EN}}</option>
                                            @endforeach
                                        </select>
                                        </div>
                                    </div>
                                </div>

                                <p style="color:#e35a80;font-weight: 600">Extra Actions</p>
                                <div class="row">

                                    <div class="col-md-6">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Disable Payment / Refund</span>
                                            </div>
                                            @php
                                                $disablePaymentOld = old('disable_payment', !empty($user->DISABLE_PAYMENT) && (int) $user->DISABLE_PAYMENT === 1 ? '1' : '');
                                            @endphp
                                            <select name="disable_payment" class="form-control">
                                                <option value="" @selected($disablePaymentOld !== '1')>No</option>
                                                <option value="1" @selected($disablePaymentOld === '1')>Yes</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Sales Target</span>
                                            </div>
                                            <input class="form-control @error('sales_target') is-invalid @enderror" value="{{ old('sales_target', $user->TARGET ?? '') }}" type="number" name="sales_target" placeholder="This input is for the account manager">
                                        </div>
                                    </div>

                                    <div class="col col-6">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->IS_MULTI_BRANCH_LOGIN) && $user->IS_MULTI_BRANCH_LOGIN==1) checked="checked" @endif id="has-multi-branch" name="is_multi_branch">
                                            <label class="custom-control-label" for="has-multi-branch">Active Multi Branch Login ( <small>Based on access branches</small> )</label>
                                        </div>
                                    </div>
                                    <div class="col-md-6"></div>
                                    <div class="col col-6">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->IS_BLOCKED) && $user->IS_BLOCKED==1) checked="checked" @endif id="has-block" name="is_blocked">
                                            <label class="custom-control-label" for="has-block">Block</label>
                                        </div>
                                    </div>
                                    <div class="col col-12">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->ALLOW_PACKAGE_DISCOUNT) && $user->ALLOW_PACKAGE_DISCOUNT==1) checked="checked" @endif id="allow-package-discount" name="allow_package_discount">
                                            <label class="custom-control-label" for="allow-package-discount">Allow Package Discount</label>
                                        </div>
                                    </div>

                                    <div class="col col-12">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->IS_AFFILIATE) && $user->IS_AFFILIATE == 1) checked="checked" @endif id="is-affiliate" name="is_affiliate">
                                            <label class="custom-control-label" for="is-affiliate">Affiliate</label>
                                        </div>
                                    </div>
                                            <div class="col col-12">
                                                <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->DISABLE_BOOKING_PRICE) && $user->DISABLE_BOOKING_PRICE==1) checked="checked" @endif id="disable-book-price" name="disable_booking_price">
                                            <label class="custom-control-label" for="disable-book-price">Disable Booking Price</label>
                                        </div>
                                    </div>
                                    <div class="col col-12">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->SHOW_ALL_NOTIFICATION) && $user->SHOW_ALL_NOTIFICATION==1) checked="checked" @endif id="show-all-notification" name="show_all_notification">
                                            <label class="custom-control-label" for="show-all-notification">Show all Notification</label>
                                        </div>
                                    </div>
                                    <div class="col col-12">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->IS_INDEPENDENT_RESERVATION) && $user->IS_INDEPENDENT_RESERVATION==1) checked="checked" @endif id="is-independent-reservation" name="is_independent_reservation">
                                            <label class="custom-control-label" for="is-independent-reservation">View Own Reservations Only</label>
                                        </div>
                                    </div>
                                    <div class="col col-12">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($user->COLLECTOR_FLAG) && $user->COLLECTOR_FLAG==1) checked="checked" @endif id="collector-flag" name="collector_flag">
                                            <label class="custom-control-label" for="collector-flag">Collector</label>
                                        </div>
                                    </div>

                                </div>
                                @permission('mange_administration_users')
                                <div class="row">
                                    <div class="col" style="text-align: center">
                                        <input type="submit"  class="btn btn-info" value="@if(!empty($user->USERNAME)) Edit User @else Add User @endif" />
                                    </div>
                                </div>
                                @endpermission
                             </form>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->


@endsection

@section('footer-scripts')
    @if(session('toast_success'))
        <script>$(function () { toastr.success({!! json_encode(session('toast_success')) !!}); });</script>
    @endif
    @if(isset($errors) && $errors->any())
        <script>$(function () { @foreach($errors->all() as $message) toastr.error({!! json_encode($message) !!}); @endforeach var $el = $('.is-invalid:visible').first(); if ($el.length) { $('html, body').animate({ scrollTop: $el.offset().top - 120 }, 250); $el.trigger('focus'); } });</script>
    @endif
    <script src="/js/select2totree.js"></script>
    <script>
        $("#user-access-branch-id").select2({
            width : '100%'
        });
        var selectedWHLocations = @json($whLocations);
        if (selectedWHLocations !== null){
            selectedWHLocations = selectedWHLocations.map( Number );
        }

        $.ajax({
            type: "GET",
            url: "/operations/warehouse/stock-balance-locations",
        }).done(function (data) {
            $("#wh-locations").select2ToTree({
                treeData: {expandAll: true, dataArr: data},
                maximumSelectionLength: 100
            });
            if (selectedWHLocations !== null) {
                $('#wh-locations option').each(function () {
                    var index = $(this).val();
                    if ($.inArray(Number(index), selectedWHLocations) !== -1) {
                        $(this).attr('selected', true);
                    }
                });
            }
            $("#wh-locations").trigger('change');
        });

        $(document).ready(function() {

            $('#has-multi-branch').change(function() {
                if ($(this).is(':checked')) {
                    $('#user-access-branch-id').attr('required', 'required');
                } else {
                    $('#user-access-branch-id').removeAttr('required');
                }
            });

            // Single submit handler (validations + async username uniqueness check)
            $("#user-form").on("submit", function(e) {
                e.preventDefault();

                var $form = $(this);
                var $submitBtn = $form.find("input[type='submit'],button[type='submit']").first();
                var originalSubmitValue = $submitBtn.is('input') ? $submitBtn.val() : $submitBtn.text();

                // Prevent double submit while request is in-flight
                if ($submitBtn.prop('disabled')) return false;

                // Reset username error UI each submit
                var $usernameInput = $("input[name='username']");
                $("#username-error").text("");
                $usernameInput.removeClass("is-invalid");

                // Password validation (allow empty when editing)
                var password = $("#password").val();
                // Uppercase, digit, any special char, 8+ chars (same rule as server; all characters allowed except the rule checks)
                var passwordRegex = /^(?=.*[A-Z])(?=.*\d)(?=.*[^A-Za-z0-9]).{8,}$/;
                if (!passwordRegex.test(password) && password != '') {
                    $("#password").addClass("is-invalid");
                    $("#password-error").text("Password must be at least 8 characters and include an uppercase letter, a number, and a special character.");
                    return false;
                } else {
                    $("#password").removeClass("is-invalid");
                    $("#password-error").text("");
                }

                // Multi-branch validation
                if ($("#has-multi-branch").is(':checked') && ($("#user-access-branch-id").val() == "" || $("#user-access-branch-id").val() == null)) {
                    alert("Please select a Access branch.");
                    return false;
                }

                // Disable submit while validating username
                $submitBtn.prop('disabled', true);
                if ($submitBtn.is('input')) $submitBtn.val('Checking...');
                else $submitBtn.text('Checking...');

                var username = $usernameInput.val();
                var user_id = $("input[name='user_id']").val() || '';

                $.ajax({
                    type: 'POST',
                    url: '/operations/check-username',
                    data: {username: username, user_id: user_id},
                    success: function(resp) {
                        if (resp && resp.exists) {
                            toastr.error('This username is already taken. Please choose a unique username.');
                            $usernameInput.addClass("is-invalid");
                            $("#username-error").text("This username is already taken. Please choose a unique username.");
                            return;
                        }

                        // Username OK -> allow submit
                        $usernameInput.removeClass("is-invalid");
                        $("#username-error").text("");

                        $form.off('submit');
                        $form.trigger('submit');
                    },
                    error: function() {
                        toastr.error('Could not validate username.');
                        $usernameInput.addClass("is-invalid");
                        $("#username-error").text("Could not validate username.");
                    },
                    complete: function() {
                        $submitBtn.prop('disabled', false);
                        if ($submitBtn.is('input')) $submitBtn.val(originalSubmitValue);
                        else $submitBtn.text(originalSubmitValue);
                    }
                });

                return false;
            });
        });

    </script>
@endsection