@php use App\Models\User; @endphp
@csrf

<div class="mb-4">
    <label for="role" class="label-control">Role</label>
    <select type="text" id="role" name="role" class="form-control">
        <option value="">Select a Role</option>
        @foreach ($roles as $role)
            <option value="{{ $role }}" @if (isset($user) && $user->role == $role) selected @endif>{{ ucfirst(implode(' ', explode('-', $role))) }}</option>
        @endforeach
    </select>
    @error('role')
        <p class="form-error">{{ $message }}</p>
    @enderror
</div>

@if (isset($user))
    @if ($user->role === User::ROLE_PORTFOLIO_MANAGER)
        <div class="mb-4" id="organization-div">
            <label for="organization" class="label-control required">Organization</label>
            <select type="text" id="organization" name="organization_id" class="form-control">
                <option value="">Select an Organization</option>
                @foreach($organizations as $organization)
                    <option value="{{ $organization->id }}" @if ($user->organization_id == $organization->id) selected @endif>{{ $organization->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4" id="designation-div">
            <label for="designation_id" class="label-control required">Designation</label>
            <select type="text" id="designation_id" name="designation_id" class="form-control">
                <option value="">Select a Designation</option>
                @foreach ($user->organization->designations()->get() as $designation)
                    <option value="{{ $designation->id }}" @if ($user->designation_id == $designation->id) selected @endif>{{ $designation->name }}</option>
                @endforeach
            </select>
            @error('designation_id')
                <p class="form-error">{{ $message }}</p>
            @enderror
        </div>
    @elseif ($user->role === User::ROLE_PROGRAM_MANAGER)
        <div class="mb-4 hidden" id="organization-div">
            <label for="organization" class="label-control required">Organization</label>
            <select type="text" id="organization" name="organization_id" class="form-control">
                <option value="">Select an Organization</option>
                @foreach($organizations as $organization)
                    <option value="{{ $organization->id }}" @if ($user->division->organization_id == $organization->id) selected @endif>{{ $organization->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4 hidden" id="division-div">
            <label for="division_id" class="label-control required">Division</label>
            <select type="text" id="division_id" name="division_id" class="form-control">
                <option value="">Select a Division</option>
                @foreach($user->division->organization->divisions()->get() as $division)
                    <option value="{{ $division->id }}" @if ($user->division_id == $division->id) selected @endif>{{ $division->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4" id="designation-div">
            <label for="designation_id" class="label-control required">Designation</label>
            <select type="text" id="designation_id" name="designation_id" class="form-control">
                <option value="">Select a Designation</option>
                @foreach ($user->division->organization->designations()->get() as $designation)
                    <option value="{{ $designation->id }}" @if ($user->designation_id == $designation->id) selected @endif>{{ $designation->name }}</option>
                @endforeach
            </select>
            @error('designation_id')
                <p class="form-error">{{ $message }}</p>
            @enderror
        </div>
    @elseif ($user->role === User::ROLE_PROJECT_MANAGER)
        <div class="mb-4" id="organization-div">
            <label for="organization" class="label-control required">Organization</label>
            <select type="text" id="organization" name="organization_id" class="form-control">
                <option value="">Select an Organization</option>
                @foreach($organizations as $organization)
                    <option value="{{ $organization->id }}" @if ($user->project->division->organization_id == $organization->id) selected @endif>{{ $organization->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4" id="division-div">
            <label for="division_id" class="label-control required">Division</label>
            <select type="text" id="division_id" name="division_id" class="form-control">
                <option value="">Select a Division</option>
                @foreach($user->project->division->organization->divisions()->get() as $division)
                    <option value="{{ $division->id }}" @if ($user->project->division_id == $division->id) selected @endif>{{ $division->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4" id="project-div">
            <label for="project_id" class="label-control required">Project</label>
            <select type="text" id="project_id" name="project_id" class="form-control">
                <option value="">Select a Project</option>
                @foreach($user->project->division->projects()->get() as $project)
                    <option value="{{ $project->id }}" @if ($user->project_id == $project->id) selected @endif>{{ $project->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4" id="designation-div">
            <label for="designation_id" class="label-control required">Designation</label>
            <select type="text" id="designation_id" name="designation_id" class="form-control">
                <option value="">Select a Designation</option>
                @foreach ($user->project->division->organization->designations()->get() as $designation)
                    <option value="{{ $designation->id }}" @if ($user->designation_id == $designation->id) selected @endif>{{ $designation->name }}</option>
                @endforeach
            </select>
            @error('designation_id')
                <p class="form-error">{{ $message }}</p>
            @enderror
        </div>
    @else
        <div class="mb-4" id="organization-div">
            <label for="organization" class="label-control required">Organization</label>
            <select type="text" id="organization" name="organization_id" class="form-control">
                <option value="">Select an Organization</option>
                @foreach($organizations as $organization)
                    <option value="{{ $organization->id }}" @if (count($user->departments) > 0 && $user->departments[0]->project->division->organization_id == $organization->id) selected @endif>{{ $organization->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-4" id="division-div">
            <label for="division_id" class="label-control required">Division</label>
            <select type="text" id="division_id" name="division_id" class="form-control">
                <option value="">Select a Division</option>
                @if (count($user->departments) > 0)
                    @foreach($user->departments[0]->project->division->organization->divisions()->get() as $division)
                        <option value="{{ $division->id }}" @if ($user->departments[0]->project->division_id == $division->id) selected @endif>{{ $division->name }}</option>
                    @endforeach
                @endif
            </select>
        </div>

        <div class="mb-4" id="project-div">
            <label for="project_id" class="label-control required">Project</label>
            <select type="text" id="project_id" name="project_id" class="form-control">
                <option value="">Select a Project</option>
                @if (count($user->departments) > 0)
                    @foreach($user->departments[0]->project->division->projects()->get() as $project)
                        <option value="{{ $project->id }}" @if ($user->departments[0]->project_id == $project->id) selected @endif>{{ $project->name }}</option>
                    @endforeach
                @endif
            </select>
        </div>

        <div class="mb-4 bg-gray-100 h-full rounded-md p-4" id="department-designation-div">
            <p class="font-semibold text-medium">Assign Department & Designation</p>

            @foreach ($user->designations as $key => $designation)
                <div class="flex flex-col md:flex-row gap-4 mt-4" id="department-designation-actual">
                    <div class="flex-col w-full @if (count($user->designations) > 1 && $key + 1 === count($user->designations)) md:w-11/12 @else md:w-1/2 @endif">
                        <label for="department_id" class="label-control required">Department</label>
                        <select type="text" id="department_id" name="departments[]" class="form-control">
                            <option value="">Select a Department</option>
                            @foreach($user->departments[$key]->project->departments()->get() as $department)
                                <option value="{{ $department->id }}" @if ($user->departments[$key]->id == $department->id) selected @endif>{{ $department->name }}</option>
                            @endforeach
                        </select>
                        @error('department_id')
                            <p class="form-error">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="flex-col w-full @if (count($user->designations) > 1 && $key + 1 === count($user->designations)) md:w-11/12 @else md:w-1/2 @endif">
                        <label for="designations" class="label-control required">Designation</label>
                        <select type="text" id="designations" name="designations[]" class="form-control">
                            <option value="">Select a Designation</option>
                            @foreach($designation->organization->designations()->get() as $item)
                                <option value="{{ $item->id }}" @if ($designation->id == $item->id) selected @endif>{{ $item->name }}</option>
                            @endforeach
                        </select>
                        @error('department_id')
                            <p class="form-error">{{ $message }}</p>
                        @enderror
                    </div>

                    @if (count($user->designations) > 1 && $key + 1 === count($user->designations))
                        <div class="flex flex-col items-center w-full md:w-1/12 has-remove-btn">
                            <span class="item-delete md:mx-2 md:mt-10 btn-remove-department"></span>
                        </div>
                    @endif
                </div>
            @endforeach

            <div id="department-designation-clone"></div>

            <button type="button" class="btn btn-outline-primary add-designation mt-5">Add</button>
        </div>
    @endif
@endif

@if (! isset($user))
    <div class="mb-4 hidden" id="organization-div">
        <label for="organization" class="label-control required">Organization</label>
        <select type="text" id="organization" name="organization_id" class="form-control">
            <option value="">Select an Organization</option>
            @foreach($organizations as $organization)
                <option value="{{ $organization->id }}" @if (isset($department) && $department->project->division->organization_id == $organization->id) selected @endif>{{ $organization->name }}</option>
            @endforeach
        </select>
    </div>
@endif

<div class="mb-4 hidden" id="division-div">
    <label for="division_id" class="label-control required">Division</label>
    <select type="text" id="division_id" name="division_id" class="form-control">
        <option value="">Select a Division</option>
    </select>
</div>

<div class="mb-4 hidden" id="project-div">
    <label for="project_id" class="label-control required">Project</label>
    <select type="text" id="project_id" name="project_id" class="form-control">
        <option value="">Select a Project</option>
    </select>
</div>

@if (isset($user) && ($user->role === User::ROLE_DEPARTMENT_MANAGER || $user->role === User::ROLE_TEAM_MEMBER))
    <div class="mb-4 hidden" id="designation-div">
        <label for="designation_id" class="label-control required">Designation</label>
        <select type="text" id="designation_id" name="designation_id" class="form-control">
            <option value="">Select a Designation</option>
            @if (count($user->designations) > 0)
                @foreach ($user->designations[0]->organization->designations()->get() as $designation)
                    <option value="{{ $designation->id }}">{{ $designation->name }}</option>
                @endforeach
            @endif
        </select>
        @error('designation_id')
            <p class="form-error">{{ $message }}</p>
        @enderror
    </div>
@endif

<div class="mb-4 hidden" id="designation-div">
    <label for="designation_id" class="label-control required">Designation</label>
    <select type="text" id="designation_id" name="designation_id" class="form-control">
        <option value="">Select a Designation</option>
    </select>
    @error('designation_id')
        <p class="form-error">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4 bg-gray-100 h-full rounded-md p-4 hidden" id="department-designation-div">
    <p class="font-semibold text-medium">Assign Department & Designation</p>

    <div class="flex flex-col md:flex-row gap-4 mt-4" id="department-designation-actual">
        <div class="flex-col w-full md:w-1/2">
            <label for="department_id" class="label-control required">Department</label>
            <select type="text" id="department_id" name="departments[]" class="form-control">
                <option value="">Select a Department</option>
            </select>
            @error('departments[]')
                <p class="form-error">{{ $message }}</p>
            @enderror
        </div>

        <div class="flex-col w-full md:w-1/2">
            <label for="designations" class="label-control required">Designation</label>
            <select type="text" id="designations" name="designations[]" class="form-control">
                <option value="">Select a Designation</option>
            </select>
            @error('designations[]')
                <p class="form-error">{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div id="department-designation-clone"></div>

    <button type="button" class="btn btn-outline-primary add-designation mt-5">Add</button>
</div>

<div class="mb-4">
    <label for="name" class="label-control">Name</label>
    <input type="text" id="name" name="name" placeholder="Name" value="{{ $user->name ?? null }}"
           class="form-control">
    @error('name')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="username" class="label-control">Username</label>
    <input type="text" id="username" name="username" placeholder="Username" value="{{ $user->username ?? null }}"
           class="form-control">
    @error('username')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

<div class="mb-4">
    <label for="email" class="label-control">Email</label>
    <input type="email" id="email" name="email" placeholder="Email" value="{{ $user->email ?? null }}"
           class="form-control">
    @error('email')
        <p class="text-pink-500 text-sm">{{ $message }}</p>
    @enderror
</div>

@if (! isset($user))
    <div class="mb-4">
        <label for="password" class="label-control">Password</label>
        <input type="password" id="password" name="password" placeholder="Password" value="{{ $user->password ?? null }}"
               class="form-control">
        @error('password')
            <p class="text-pink-500 text-sm">{{ $message }}</p>
        @enderror
    </div>
@endif

<div class="flex justify-end">
    <button type="submit" class="btn btn-primary">Save</button>
</div>