@extends('admin.layout')

@section('title', 'مدیریت کاربران')

@section('content')
    <div class="block block-rounded">
        <div class="block-content fs-sm p-0">

            <div class="p-1">
                <form class=" bg-light m-1 rounded p-3">
                    <div class="row g-3 align-items-center">
                        <div class="col-12 col-sm-2">
                            <label class="form-label" for="search-type-select">نوع جستجو</label>
                            <select class="form-select" id="search-type-select" name="type">
                                <option value="exact">دقیق</option>
                                <option value="like">مشابه</option>
                            </select>
                        </div>
                        <div class="col-12 col-sm-10">
                            <label class="form-label" for="username-or-email-input">نام کاربری یا ایمیل</label>
                            <input type="text" class="form-control" id="username-or-email-input" name="query"
                                   dir="auto">
                        </div>
                        <div class="col-12 text-left">
                            <button type="submit" class="btn btn-primary w-100" style="max-width: 200px">جستجو</button>
                        </div>
                    </div>
                </form>
            </div>

            <div class="p-2 ltr text-left">
                <table class="table table-bordered table-striped table-vcenter">
                    <thead>
                    <tr>
                        <th class="d-none d-md-table-cell" class="text-center" style="width: 100px;">
                            <i class="far fa-user"></i>
                        </th>
                        <th class="d-none d-md-table-cell" style="width: 100px;">ID</th>
                        <th style="width: 20%;">Username</th>
                        <th>Email</th>
                        <th class="d-none d-md-table-cell" style="width: 15%;">Expire</th>
                        <th class="text-center" style="width: 100px;">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($users as $user)
                        <tr>
                            <td class="text-center d-none d-md-table-cell">
                                <a href="{{route('admin.users.edit', ['user' => $user->id])}}" data-bs-toggle="tooltip"
                                   title="Edit" target="_blank">
                                    <img class="img-avatar img-avatar48"
                                         src="https://www.gravatar.com/avatar/{{md5(strtolower(trim($user->email)))}}?d={{urlencode(asset('assets/media/avatars/avatar8.jpg'))}}&s=48"
                                         alt="">
                                </a>
                            </td>
                            <td class="d-none d-md-table-cell fw-semibold fs-sm text-center"
                                onclick="CopyToClipboard('{{$user->id}}')">{{$user->id}}</td>
                            <td class="fw-semibold fs-sm" onclick="CopyToClipboard('{{$user->user}}')">
                                {{$user->user}}
                                <div class="text-sm text-muted fw-light">{{$user->created_at}}</div>
                            </td>
                            <td class="fs-sm" onclick="CopyToClipboard('{{$user->email}}')">
                                {{$user->email}}
                                <div class="text-sm text-muted fw-light">{{$user->ip}}</div>
                            </td>
                            <td class="d-none d-md-table-cell">
                                @if($user->premium->remain ?? 0 > 0)
                                    <span
                                        class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-success-light text-success">
                                    {{$user->premium->remain}} days
                                </span>
                                @else
                                    <span
                                        class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-danger-light text-danger">0 days</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <div class="btn-group">
                                    <a href="{{route('admin.users.edit', ['user' => $user->id])}}"
                                       class="btn btn-sm btn-alt-secondary" data-bs-toggle="tooltip"
                                       title="Edit" target="_blank">
                                        <i class="fa fa-fw fa-pencil-alt"></i>
                                    </a>
                                    <button type="button" class="btn btn-sm btn-alt-secondary" data-bs-toggle="tooltip"
                                            title="Delete">
                                        <i class="fa fa-fw fa-times"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

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



@section('js-footer')

@endsection