@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ $pageTitle }} @endsection
@section('heading') {{ $pageTitle }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection
{{--@section('page-breadcrumbs'){{ Breadcrumbs::render($options['route_name']) }}@endsection--}}
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header" style="color:white;background-color: {{config('custom.background')}}">
                    <h3 class="card-title p-2">
                        @if(optional($form)->id)
                            {{ __('common.members') }} - {{ optional($form)->title }} {{__('common.role')}}
                        @endif
                    </h3>
                    <a
                        href="{{ route($options['go_back']) }}"
                        class="btn float-right font-color-white" style="background-color: {{config('custom.btn-back')}}">
                        <i class="material-icons">reply_all</i>&nbsp;
                        {{ __('common.go_back') }}
                    </a>
                </div>
                <div class="card-body">
                    <div class="row">
                        @forelse(optional($form)->users as $key => $user)
                            <div class="col-md-3">
                                <!-- Widget: user widget style 1 -->
                                <div class="card card-widget widget-user shadow customer-card"
                                    {{--                                     onclick="location.href='https://appointease.servepratham.com/account/vendors/4'"--}}
                                >
                                    <!-- Add the bg color to the header using any of the bg-* classes -->
                                    <div class="widget-user-header">
                                        <h5 class="widget-user-username">{{$user->name}}</h5>
                                        <h6 class="widget-user-desc"><i class="fa fa-envelope"></i> {{$user->email}}
                                        </h6>
                                        <h6 class="widget-user-desc"><i
                                                class="fa fa-phone"></i> {{$user->phone}}</h6>
                                    </div>
                                    <div class="widget-user-image">
                                        <img class="img-circle elevation-2"
                                             src="{{ \App\Helpers\ProfileHelper::photoUrl(optional($user))}}"
                                             alt="User Avatar"
                                             style="height: 76px"
                                        >
                                    </div>
                                    <div class="card-footer">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="description-block">
                                                    <h5 class="description-header">{{$user->created_at->diffForHumans()}}</h5>
                                                    <span class="description-text">{{__('common.member_since')}}</span>
                                                </div>
                                                <!-- /.description-block -->
                                            </div>
                                            <!-- /.col -->
                                        </div>
                                        <!-- /.row -->
                                    </div>
                                </div>
                                <!-- /.widget-user -->
                            </div>
                        @empty
                            <div class="col-md-12">
                                <p class="text-center">{{__('common.no_members')}}</p>
                            </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('head.start')
    @include('includes.plugins', ['name' => 'lightbox-css'])
@endpush
@push('body.end')
    @include('includes.plugins', ['name' => 'lightbox-js'])
@endpush