@extends('layouts.admin')

@section('title', 'Trade users')
@section('page_title', 'Trade users')

@section('content')
<div class="kt-card">
    <div class="kt-card-header"><h3 class="kt-card-title">Accounts</h3></div>
    <div class="kt-card-content p-0">
        <table class="kt-table">
            <thead><tr><th>Name</th><th>Type</th><th>Contact</th><th>Status</th><th></th></tr></thead>
            <tbody>
                @foreach($users as $user)
                    <tr>
                        <td>{{ $user->company_name ?: $user->name }}<br><span class="text-secondary-foreground">{{ $user->name }}</span></td>
                        <td>{{ $user->customerType->name ?? ucfirst($user->role) }}</td>
                        <td>{{ $user->email }}<br>{{ $user->phone }}</td>
                        <td>{{ ucfirst($user->account_status) }}</td>
                        <td class="text-end">
                            <form method="POST" action="{{ route('admin.trade.users.status', $user) }}" class="flex justify-end gap-2">
                                @csrf
                                @method('PATCH')
                                @if($user->account_status !== 'active')
                                    <button class="kt-btn kt-btn-sm kt-btn-primary" name="account_status" value="active">Activate</button>
                                @endif
                                @if($user->account_status !== 'inactive')
                                    <button class="kt-btn kt-btn-sm kt-btn-outline" name="account_status" value="inactive">Deactivate</button>
                                @endif
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <div class="p-4">{{ $users->links() }}</div>
    </div>
</div>
@endsection