{{-- Team view --}}
@extends('layouts.app')
@section('page-title','Team')
@section('content')
<div style="margin-bottom:16px;display:flex;justify-content:flex-end">
    @if(auth()->user()->isAdmin())
    <button class="btn btn-primary" onclick="openModal('addMemberModal')"><i class="fas fa-user-plus"></i> Add Member</button>
    @endif
</div>

<div class="card">
    <div class="table-wrap">
        <table>
            <thead><tr><th>Name</th><th>Email</th><th>Phone</th><th>Role</th><th>Manager</th><th>Status</th><th></th></tr></thead>
            <tbody>
            @foreach($members as $member)
            <tr>
                <td>
                    <div style="font-weight:500">{{ $member->full_name }}</div>
                    @if($member->designation)<div style="font-size:12px;color:#64748b">{{ $member->designation }}</div>@endif
                </td>
                <td style="font-size:13px">{{ $member->email }}</td>
                <td style="font-size:13px">{{ $member->phone ?? '—' }}</td>
                <td><span class="badge badge-info">{{ ucfirst(str_replace('_',' ',$member->role ?? '')) }}</span></td>
                <td style="font-size:13px">{{ $member->manager?->full_name ?? '—' }}</td>
                <td>
                    @if($member->is_active)
                        <span class="badge badge-success">Active</span>
                    @else
                        <span class="badge badge-danger">Inactive</span>
                    @endif
                </td>
                <td>
                    @if(auth()->user()->isAdmin())
                    <div class="dropdown">
                        <button class="btn btn-secondary btn-sm btn-icon" data-dropdown><i class="fas fa-ellipsis-h"></i></button>
                        <div class="dropdown-menu">
                            @if($member->is_active)
                            <form method="POST" action="{{ route('team.deactivate',$member) }}">@csrf
                                <button type="submit" class="dropdown-item warning"><i class="fas fa-user-slash"></i> Deactivate</button>
                            </form>
                            @else
                            <form method="POST" action="{{ route('team.activate',$member) }}">@csrf
                                <button type="submit" class="dropdown-item"><i class="fas fa-user-check"></i> Activate</button>
                            </form>
                            @endif
                        </div>
                    </div>
                    @endif
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

{{-- Add Member Modal --}}
<div class="modal-overlay" id="addMemberModal">
    <div class="modal"><div class="modal-header"><h3>Add Team Member</h3><button class="modal-close" onclick="closeModal('addMemberModal')">×</button></div>
    <form method="POST" action="{{ route('team.store') }}">@csrf
        <div class="modal-body">
            <div class="form-row">
                <div class="form-group"><label>Full Name *</label><input type="text" name="full_name" class="form-control" required></div>
                <div class="form-group"><label>Email *</label><input type="email" name="email" class="form-control" required></div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Phone</label><input type="text" name="phone" class="form-control"></div>
                <div class="form-group"><label>Designation</label><input type="text" name="designation" class="form-control"></div>
            </div>
            <div class="form-row">
                <div class="form-group"><label>Role *</label>
                    <select name="role" class="form-control" required>
                        <option value="salesman">Salesman</option>
                        <option value="manager">Manager</option>
                        <option value="admin">Admin</option>
                        <option value="accounts">Accounts</option>
                    </select>
                </div>
                <div class="form-group"><label>Manager</label>
                    <select name="manager_id" class="form-control">
                        <option value="">None</option>
                        @foreach($members->where('is_active',true) as $m)
                        <option value="{{ $m->id }}">{{ $m->full_name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="form-group"><label>Password *</label><input type="password" name="password" class="form-control" required minlength="8"></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" onclick="closeModal('addMemberModal')">Cancel</button>
            <button type="submit" class="btn btn-primary">Add Member</button>
        </div>
    </form></div>
</div>
@endsection