@extends('mainlayout.layout')

@section('content')
<div class="portal-workspace">
    <div class="portal-page-header">
        <div>
            <span class="portal-eyebrow">Access control</span>
            <h1>Staff Assignments</h1>
            <p>Limit Customer Support visibility to the owners and projects they are responsible for.</p>
        </div>
    </div>

    @if(session('message'))
        <div class="alert alert-success" role="status">{{ session('message') }}</div>
    @endif

    <div class="row g-4">
        <div class="col-xl-4">
            <section class="portal-card">
                <div class="portal-card__header"><h2>Add assignment</h2></div>
                <form method="POST" action="{{ route('staff-assignments.store') }}" class="portal-form">
                    @csrf
                    <div class="mb-3">
                        <label for="user_id" class="form-label">Support user</label>
                        <select id="user_id" name="user_id" class="form-select @error('user_id') is-invalid @enderror" required>
                            <option value="">Select user</option>
                            @foreach($supportUsers as $staff)
                                <option value="{{ $staff->uid }}" @selected((string) old('user_id') === (string) $staff->uid)>
                                    {{ trim($staff->first_name . ' ' . $staff->last_name) }} — {{ $staff->email }}
                                </option>
                            @endforeach
                        </select>
                        @error('user_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label for="property_owner_id" class="form-label">Entire owner portfolio</label>
                        <select id="property_owner_id" name="property_owner_id" class="form-select @error('property_owner_id') is-invalid @enderror">
                            <option value="">Select owner (optional)</option>
                            @foreach($owners as $owner)
                                <option value="{{ $owner->id }}" @selected((string) old('property_owner_id') === (string) $owner->id)>{{ $owner->name }}</option>
                            @endforeach
                        </select>
                        @error('property_owner_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="portal-choice-divider"><span>or assign one project</span></div>
                    <div class="mb-3">
                        <label for="property_id" class="form-label">Project</label>
                        <select id="property_id" name="property_id" class="form-select @error('property_id') is-invalid @enderror">
                            <option value="">Select project (optional)</option>
                            @foreach($properties as $property)
                                <option value="{{ $property->id }}" data-owner="{{ $property->propertyownerid }}" @selected((string) old('property_id') === (string) $property->id)>{{ $property->name }}</option>
                            @endforeach
                        </select>
                        @error('property_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label for="scope" class="form-label">Responsibility</label>
                        <select id="scope" name="scope" class="form-select" required>
                            <option value="support" @selected(old('scope', 'support') === 'support')>Customer support</option>
                            <option value="sales" @selected(old('scope') === 'sales')>Sales follow-up</option>
                        </select>
                    </div>
                    <button class="btn btn-success w-100" type="submit">Save assignment</button>
                </form>
            </section>
        </div>

        <div class="col-xl-8">
            <section class="portal-card">
                <div class="portal-card__header"><h2>Portfolio access</h2></div>
                <form method="GET" class="portal-filter-bar">
                    <select name="user_id" class="form-select">
                        <option value="">All support users</option>
                        @foreach($supportUsers as $staff)
                            <option value="{{ $staff->uid }}" @selected((string) ($filters['user_id'] ?? '') === (string) $staff->uid)>{{ trim($staff->first_name . ' ' . $staff->last_name) }}</option>
                        @endforeach
                    </select>
                    <select name="status" class="form-select">
                        <option value="active" @selected(($filters['status'] ?? 'active') === 'active')>Active</option>
                        <option value="inactive" @selected(($filters['status'] ?? '') === 'inactive')>Inactive</option>
                    </select>
                    <button class="btn btn-outline-success" type="submit">Filter</button>
                </form>
                <div class="table-responsive">
                    <table class="table portal-table align-middle mb-0">
                        <thead><tr><th>Support user</th><th>Access</th><th>Scope</th><th>Status</th><th class="text-end">Action</th></tr></thead>
                        <tbody>
                        @forelse($assignments as $assignment)
                            <tr>
                                <td><strong>{{ trim(($assignment->user?->first_name ?? '') . ' ' . ($assignment->user?->last_name ?? '')) }}</strong><br><small>{{ $assignment->user?->email }}</small></td>
                                <td>{{ $assignment->property?->name ?? $assignment->owner?->name ?? 'Unavailable portfolio' }}<br><small>{{ $assignment->property ? 'Project only' : 'All owner projects' }}</small></td>
                                <td><span class="portal-status portal-status--neutral">{{ ucfirst($assignment->scope) }}</span></td>
                                <td><span class="portal-status {{ $assignment->is_active ? 'portal-status--success' : 'portal-status--neutral' }}">{{ $assignment->is_active ? 'Active' : 'Inactive' }}</span></td>
                                <td class="text-end">
                                    @if($assignment->is_active)
                                        <form method="POST" action="{{ route('staff-assignments.deactivate', $assignment) }}">
                                            @csrf @method('PATCH')
                                            <button class="btn btn-sm btn-outline-danger" type="submit">Deactivate</button>
                                        </form>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="5"><div class="portal-empty">No assignments match these filters.</div></td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="mt-3">{{ $assignments->links() }}</div>
            </section>
        </div>
    </div>
</div>
@endsection