@extends('layouts.main')

@section('title')
    Result Page
@endsection

@section('style')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/datatables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/toastr.css')}}">
@endsection
@section('content')
    @if($errors->any())
        @foreach ($errors->all() as $error)
            <div class="alert alert-danger mb-2" role="alert">
                <strong>{{$error}}</strong>
            </div>
        @endforeach
    @endif
    @if ($message = Session::get('success'))
        <div class="alert alert-success mb-2" role="alert">
            <strong>{{$message}}</strong>
        </div>
    @endif

    <div class="content-wrapper"><!--Statistics cards Starts-->
        <section id="friends">
            <div class="row">
                <div class="col-12">
                    <div class="content-header">Results</div>
                </div>
            </div>
            <div class="row">
                @if($users->count() == 0)
                    <div class="col-12 col-md-6 col-lg-4">
                        <h2>There is no matches.</h2>
                    </div>
                @endif

                @foreach($users as $user)
                                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card">
                        <div class="card-header text-center">
                            <a href="{{route('profile_page',['id'=>$user->id])}}" target="_blank">
                            @if($user->avatar)
                                <img src="{{asset('uploads/avatars')}}/{{$user->avatar}}" alt="Brek" width="150" class="rounded-circle gradient-mint">
                            @else
                                <img src="{{asset('app-assets/img/portrait/avatars/default.png')}}" alt="Brek" width="150" class="rounded-circle gradient-mint">
                            @endif
                            </a>
                        </div>
                        <div class="card-content">
                            <div class="card-body text-center">
                                <h4 class="card-title">{{$user->first_name}} {{$user->last_name}}</h4>
                                <hr class="grey">
                                <div class="row grey">
                                    <div class="col-6">
                                                                                <a><i class="ft-globe mr-1"></i> <span>{{$country_name}}</span></a>
                                    </div>
                                    <div class="col-6">
                                        <a><i class="ft-book mr-1"></i> <span>{{$user->phone}}</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </section>

    </div>


@endsection

@section('script')
    <script src="{{asset('app-assets/vendors/js/datatable/datatables.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('app-assets/vendors/js/datatable/dataTables.buttons.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('app-assets/vendors/js/datatable/buttons.flash.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('app-assets/vendors/js/toastr.min.js')}}" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
    <link type="text/css" href="{{asset('cometchat/cometchatcss.php')}}" rel="stylesheet" charset="utf-8">
    <script type="text/javascript" src="{{asset('cometchat/cometchatjs.php')}}" charset="utf-8"></script>

@endsection