@section('modal_title', __('location.employee-promotions'))

@section('content')
<div class="main-card mb-3 card">
    <div class="card-body">
        <form id="addSubmit" action="{{ route('employee-promotions.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <!-- User Selection -->
            <div class="form-group">
                <label for="user_id">User</label>
                <select name="user_id" id="user_id" class="form-control">
                    <option value="">Select User</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}">{{ $user->username }}</option>
                    @endforeach
                </select>
            </div>

            <!-- From Designation -->
            <div class="form-group">
                <label for="from_designation_id">From Designation</label>
                <select name="from_designation_id" id="from_designation_id" class="form-control">
                    <option value="">Select Designation</option>
                    @foreach($employeeDesignations as $designation)
                        <option value="{{ $designation->id }}">{{ $designation->designation_name }}</option>
                    @endforeach
                </select>
            </div>

            <!-- To Designation -->
            <div class="form-group">
                <label for="to_designation_id">To Designation</label>
                <select name="to_designation_id" id="to_designation_id" class="form-control">
                    <option value="">Select Designation</option>
                    @foreach($employeeDesignations as $designation)
                        <option value="{{ $designation->id }}">{{ $designation->designation_name }}</option>
                    @endforeach
                </select>
            </div>

            <!-- From Role -->
            <div class="form-group">
                <label for="from_role_id">From Role</label>
                <select name="from_role_id" id="from_role_id" class="form-control">
                    <option value="">Select Role</option>
                    @foreach($roles as $role)
                        <option value="{{ $role->id }}">{{ $role->name }}</option>
                    @endforeach
                </select>
            </div>

          <!-- To Role -->
        <div class="form-group">
            <label for="to_role_id">To Role</label>
            <select name="to_role_id" id="to_role_id" class="form-control">
                <option value="">Select Role</option>
                @foreach($roles as $role)
                    <option value="{{ $role->id }}">{{ $role->name }}</option>
                @endforeach
            </select>
        </div>

            <!-- From Department -->
            <div class="form-group">
                <label for="from_department_id">From Department</label>
                <select name="from_department_id" id="from_department_id" class="form-control">
                    <option value="">Select Department</option>
                    @foreach($employeeDepartments as $department)
                        <option value="{{ $department->id }}">{{ $department->department_name }}</option>
                    @endforeach
                </select>
            </div>

            <!-- To Department -->
            <div class="form-group">
                <label for="to_department_id">To Department</label>
                <select name="to_department_id" id="to_department_id" class="form-control">
                    <option value="">Select Department</option>
                    @foreach($employeeDepartments as $department)
                        <option value="{{ $department->id }}">{{ $department->department_name }}</option>
                    @endforeach
                </select>
            </div>

            <!-- Promotion Document -->
            <div class="form-group">
                <label for="promotion_document">Promotion Document</label>
                <input type="file" name="promotion_document" id="promotion_document" class="form-control">
            </div>

            <!-- Submit Button -->
            <br>
            <button type="submit" class="mt-1 btn btn-primary">{{ __('common.submit') }}</button>
        </form>
    </div>
</div>


<script>
$(document).ready(function () {
    $('#user_id').change(function () {
        let userId = $(this).val();

        if (userId) {
            $.ajax({
                url: '{{ route('employee.details') }}',
                type: 'POST',
                data: {
                    user_id: userId,
                    _token: '{{ csrf_token() }}'
                },
                success: function (response) {
                    if (response.success) {
                        $('#from_designation_id').val(response.data.from_designation_id).trigger('change');
                        $('#from_department_id').val(response.data.from_department_id).trigger('change');
                        $('#from_role_id').val(response.data.from_role_id).trigger('change');
                    } else {
                        alert(response.message);
                    }
                },
                error: function () {
                    alert('Something went wrong! Please try again.');
                }
            });
        } else {
            $('#from_designation_id, #from_department_id, #from_role_id').val('').trigger('change');
        }
    });
});









    </script>