@extends('admin.layouts.app')

@section('header-form')

    <div class="c-field c-table__title-action" style="width:300px; right:calc(25% - 250px); top:17px">
        <form action="{{route('users.searchname')}}" id="search" method="GET">
            <input class="c-input" id="navbar-search"  name="value" type="text" placeholder="Search User..." value="{{ $searchValue ?? ''}}">
            <span class="c-field__icon">
                <i class="fa fa-search" style="transform: translate(270px, -34px);" onclick="$('#search').submit()"></i>
            </span>

        </form>
    </div>

@endsection
@section('content')

    <div class="row">
        @foreach($users as $user)
            @php( $name = $user->fullname ?? 'No Name Yet')

            <div class="col-xl-4">
            <div class="c-candidate">
                <div class="c-candidate__cover">
                    <img src="{{asset('img/user-bg.jpg')}}" alt="{{$user->fullname}}'s Cover photo">
                </div>

                <div class="c-candidate__info">
                    <div class="c-candidate__avatar">
                        <img src="{{Avatar::create($name)->toBase64()}}" alt="{{$user->fullname}}'s Avatar">
                    </div>

                    <div class="c-candidate__meta">
                        <h3 class="c-candidate__title">{{$user->fullname}}
                            <span class="c-candidate__country">
                                            <i class="fa fa-envelope-o"></i>{{$user->email}}
                                        </span>
                        </h3>
                    </div>
                </div>

                <div class="c-candidate__footer">
                    <a href="{{route('admin.showusers', $user->id)}}" class="c-btn c-btn--info">
                        <i class="fa fa-user-o u-mr-xsmall u-opacity-heavy"></i>View
                    </a>
                </div><!-- // .c-candidate__footer -->

            </div><!-- // .c-candidate -->
        </div>
        @endforeach
    </div>


        <nav class="c-pagination u-mt-small u-justify-between">
            @php($searchValue = request('value'))

        @if($users->previousPageUrl() != null)
                @php(isset($searchValue) ? $users->appends(['value' => $searchValue])->previousPageUrl():'')

                <a class="c-pagination__control" href="{{$users->previousPageUrl()}}">
                <i class="fa fa-caret-left"></i>
            </a>
        @else
            <a class="" href="">
            </a>
        @endif

        <p class="c-pagination__counter">Page {{$users->currentPage()}} of {{$users->lastPage()}}</p>

        @if($users->nextPageUrl() != null)
            @php(isset($searchValue) ? $users->appends(['value' => $searchValue])->nextPageUrl():'')
            <a class="c-pagination__control" href="{{$users->nextPageUrl()}}">
                <i class="fa fa-caret-right"></i>
            </a>
        @else
            <a class="" href="">
            </a>
        @endif
    </nav>

@endsection