@extends('panel.layouts.master')
@section('title', 'کاربران')
@section('content')
    <div class="container-fluid p-4">
        <div class="content-section slide-up">
            <div class="tabs text-center mb-5">
                <a href="{{ route('users.index') }}" class="tab btn btn-dark {{ !$role ? 'active' : '' }}">همه</a>
                @foreach($roles as $r)
                    <a href="{{ route('users.index', ['role' => $r->name]) }}"
                       class="tab btn btn-dark {{ $role ? $role == $r->name ? 'active' : '' : '' }}">{{ $r->title }}</a>
                @endforeach
            </div>
            @can('users.create')
                <div class="d-flex gap-2 flex-wrap mb-3">
                    <a href="{{ route('users.create') }}" class="btn btn-primary btn-sm ms-auto">
                        <i class="fas fa-plus me-2"></i>افزودن
                    </a>
                </div>
            @endcan
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th></th>
                        <th>ردیف</th>
                        <th>نام</th>
                        <th>نقش</th>
                        <th>شماره تماس</th>
                        <th>کد ملی</th>
                        <th>نام کاربری</th>
                        <th>ایمیل</th>
                        @if($role == 'organization_agent')
                            <th>نام سازمان</th>
                        @elseif($role == 'broker')
                            <th>نام و کد کارگزار/نماینده</th>
                        @endif
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data as $key => $item)
                        <tr>
                            <td>
                                @can('users.edit')
                                    <a href="{{ route('users.edit', $item->id) }}"
                                       class="btn btn-outline-primary btn-sm me-1">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                @endcan
                                @can('users.delete')
                                    @if(!$item->hasRole('admin'))
                                        <button class="btn btn-outline-primary btn-sm trashRow"
                                                data-url="{{ route('users.destroy', $item->id) }}"
                                                data-id="{{ $item->id }}">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    @endif
                                @endcan
                            </td>
                            <td class="text-center">{{ ++$key }}</td>
                            <td>{{ $item->fullName }}</td>
                            <td>{{ $item->rolesName }}</td>
                            <td class="text-end">{{ $item->phone }}</td>
                            <td class="text-end">{{ $item->national_code }}</td>
                            <td class="text-end">{{ $item->username }}</td>
                            <td class="text-end">{{ $item->email }}</td>
                            @if($role == 'organization_agent')
                                <td>{{ $item->organization?->name ?? '-' }}</td>
                            @elseif($role == 'broker')
                                <td>{{ $item->broker ? $item->broker->name . ' - ' . $item->broker->code : '-' }}</td>
                            @endif
                        </tr>
                    @endforeach
                    </tbody>
                </table>

                {!! $data->links() !!}
            </div>
        </div>
    </div>
@endsection