@extends('master')
@section('content')
    <div class="page-view active">
        <div class="add-page-container">
            <div class="add-page-header">
                <h1 class="add-page-title">Edit Data Pengguna</h1>
            </div>

            <div class="add-page-card">
                <form id="form-add-user" method="POST" action="{{ route('user.update', $user->id) }}">
                    @csrf

                    <div class="c-field">
                        <div class="c-label">Nama Lengkap <span class="required">*</span></div>
                        <input
                            class="c-input @error('name') is-error @enderror"
                            id="inp-nama"
                            name="name"
                            placeholder="Masukkan nama lengkap"
                            value="{{ old('name', $user->name) }}"
                            required
                        />
                        @error('name')
                            <span class="c-error">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="c-field">
                        <div class="c-label">Email <span class="required">*</span></div>
                        <input
                            class="c-input @error('email') is-error @enderror"
                            id="inp-email"
                            name="email"
                            type="email"
                            placeholder="Masukkan alamat email"
                            value="{{ old('email', $user->email) }}"
                            required
                        />
                        @error('email')
                            <span class="c-error">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="c-field">
                        <div class="c-label">Jabatan <span class="required">*</span></div>
                        <select
                            class="c-input"
                            name="role_id"
                            disabled
                            style="cursor: not-allowed; opacity: 0.7;"
                        >
                            <option value="">— Pilih jabatan —</option>
                            @foreach($roles as $role)
                                <option value="{{ $role->id }}" {{ $user->role_id == $role->id ? 'selected' : '' }}>{{ $role->name }}</option>
                            @endforeach
                        </select>
                        <input type="hidden" name="role_id" value="{{ $user->role_id }}">
                        <div style="font-size: 11px; color: var(--gray-400); margin-top: 4px;">Jabatan tidak dapat diubah</div>
                    </div>

                    @if($user->role && in_array($user->role->name, ['FA', 'Agronomis']))
                    <div class="assign-section">
                        <div class="assign-section-label">
                            Assign ke {{ $user->role->name === 'FA' ? 'Agronomis' : 'Marketing Manager' }}
                        </div>
                        <div class="assign-rows" style="pointer-events: none; opacity: 0.7;">
                            @forelse($assignedIds as $assignedId)
                                @php
                                    $assignedUser = $user->role->name === 'FA'
                                        ? $agronomis->firstWhere('id', $assignedId)
                                        : $marketingManagers->firstWhere('id', $assignedId);
                                @endphp
                                @if($assignedUser)
                                    <div class="assign-selected-item">
                                        <span>{{ $assignedUser->name }}</span>
                                    </div>
                                @endif
                            @empty
                                <div class="assign-placeholder">Tidak ada penugasan</div>
                            @endforelse
                        </div>
                        <input type="hidden" name="assign_to" value="{{ json_encode($assignedIds) }}">
                        <div style="font-size: 11px; color: var(--gray-400); margin-top: 4px;">Penugasan tidak dapat diubah</div>
                    </div>
                    @endif

                    <div class="form-actions">
                        <button type="submit" class="btn-primary" onclick="prepareFormSubmit(event)">Update Data</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script>
        window.agronomisData = @json($agronomis);
        window.marketingManagersData = @json($marketingManagers);
        window.assignedIds = @json($assignedIds);
    </script>

@endsection

@push('scripts')
    @vite(['resources/js/user-management/user-edit.js'])
@endpush