@extends('partials.app')

@section('title', isset($user) ? 'Edit User' : 'Create User')

@section('content')
    <div class="content-wrapper">
        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
                    <div>
                        <h4 class="card-title mb-1">{{ isset($user) ? 'Edit User' : 'Create New User' }}</h4>
                        <p class="text-muted mb-0">Organize identity, access, and profile details in a shorter,
                            easier-to-scan layout.</p>
                    </div>
                    <a href="{{ route('users.index') }}" class="btn btn-light">Back to users</a>
                </div>

                @if ($errors->any())
                    <div class="alert alert-danger">
                        <strong>Please fix the following issues:</strong>
                        <ul class="mb-0 mt-2">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form action="{{ isset($user) ? route('users.update', $user->id) : route('users.store') }}" method="POST">
                    @csrf
                    @if (isset($user))
                        @method('PUT')
                    @endif

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Full Name</label>
                                <input type="text" name="name" class="form-control"
                                    value="{{ old('name', $user->name ?? '') }}" required>
                                @error('name')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Employee ID</label>
                                <input type="text" name="corporate_id" class="form-control"
                                    value="{{ old('corporate_id', $user->corporate_id ?? '') }}" required>
                                @error('corporate_id')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>


                        @if (isset($user) && auth()->user()->getRoleNames()->map(fn ($role) => strtolower(trim($role)))->intersect(['admin', 'super admin', 'super-admin', 'dqa'])->isNotEmpty())
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Internal ID</label>
                                    <input type="text" name="internal_id" class="form-control"
                                        value="{{ old('internal_id', $user->internal_id ?? '') }}">

                                    @error('internal_id')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>
                        @endif


                        <!--make changes in email field -->






                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Job Role</label>
                                <select name="roles[]" class="form-control js-example-basic-multiple" multiple>
                                    @foreach ($roles as $role)
                                        <option value="{{ $role->name }}"
                                            {{ isset($user) && $user->hasRole($role->name) ? 'selected' : '' }}>
                                            {{ $role->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('roles')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                                @error('roles.*')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="password-row">
                            <div class="form-group">
                                <label>Password {{ isset($user) ? '(Leave blank to keep current)' : '' }}</label>
                                <input type="password" name="password" class="form-control"
                                    {{ isset($user) ? '' : 'required' }}>
                                @error('password')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            @if (!isset($user))
                                <div class="form-group">
                                    <label>Confirm Password</label>
                                    <input type="password" name="password_confirmation" class="form-control" required>
                                    @error('password_confirmation')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            @endif
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Department</label>
                                <select name="department_id" class="form-control">
                                    <option value="">Select Department</option>
                                    @foreach ($departments as $dept)
                                        <option value="{{ $dept->id }}"
                                            {{ old('department_id', $user->department_id ?? '') == $dept->id ? 'selected' : '' }}>
                                            {{ $dept->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('department_id')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Subdepartment</label>
                                <select name="subdepartment_id" class="form-control">
                                    <option value="">Select Subdepartment</option>
                                    @foreach ($subdepartments as $subdept)
                                        <option value="{{ $subdept->id }}"
                                            {{ old('subdepartment_id', $user->subdepartment_id ?? '') == $subdept->id ? 'selected' : '' }}>
                                            {{ $subdept->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('subdepartment_id')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Designation</label>
                                <select name="designation_id" class="form-control">
                                    <option value="">Select Designation</option>
                                    @foreach ($designations as $desg)
                                        <option value="{{ $desg->id }}"
                                            {{ old('designation_id', $user->designation_id ?? '') == $desg->id ? 'selected' : '' }}>
                                            {{ $desg->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('designation_id')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Years of Experience</label>
                                <input type="number" name="experience_years" class="form-control"
                                    value="{{ old('experience_years', $user->experience_years ?? 0) }}">
                                @error('experience_years')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Qualification</label>
                                <input type="text" name="qualification" class="form-control"
                                    value="{{ old('qualification', $user->qualification ?? '') }}"
                                    placeholder="e.g. M.Sc. Chemistry">
                                @error('qualification')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6 d-flex align-items-center mt-3">
                            <div class="card bg-label-primary border-0 w-100 shadow-none">
                                <div class="card-body p-3">
                                    <div class="form-check">
                                        <input type="checkbox" name="is_trainer" value="1" id="is_trainer"
                                            class="form-check-input"
                                            {{ isset($user) && $user->is_trainer ? 'checked' : '' }}>
                                        <label class="form-check-label fw-semibold text-primary" for="is_trainer">
                                            Authorize as a Trainer
                                        </label>
                                    </div>
                                    <div class="mt-1 ps-4">
                                        <small class="text-muted d-block">If checked, this user will appear in the trainer
                                            assignments and session log lists.</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mt-4">
                        <button type="submit"
                            class="btn btn-success mr-2">{{ isset($user) ? 'Update User' : 'Create User' }}</button>
                        <a href="{{ route('users.index') }}" class="btn btn-light">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {
            $('.js-example-basic-multiple').select2({
                placeholder: "Select job roles",
                allowClear: true
            });
        });
    </script>
@endpush