@extends('layouts.admin')

@section('content')
    @push('css')
    @endpush
    <div class="container-fluid">
        <div class="row">

            <div class="col-md-1">
            </div>
            <div class="col-md-10">
                <div class="card">
                    <div class="card-body">
                        <h1 class="card-title text-center" style="text-align:center;font-size:25px;">Search Member</h1>
                        <div class="general-label mt-3">
                            <form class="form-inline justify-content-center align-items-center" role="form" action="{{route('members.photo_gallery')}}" method="get">

                                <div class="form-group m-l-10">
                                    <label class="sr-only" for="member">Member Search</label>
                                    <input type="text" required class="form-control-lg " id="member" name="search" placeholder="Enter User ID" value="{{ old('search') }}">
                                </div>
                                <button type="submit" class="btn btn-primary btn-lg  ml-2">Search</button>
                                <a href="{{ route('members.photo_gallery') }}" type="reset" class="btn btn-danger btn-lg  ml-2">Clear</a>
                            </form>
                        </div>
                        @if($user)
                            <div class="row mt-4">
                                <div class="col text-center">
                                    <b>User Name: <mark>{{$user->name}}</mark>,</b>
                                    <b>ID: <mark>{{$user->user_id}}</mark></b>
                                    <b>Phone: <mark>{{$user->phone_number}}</mark></b>
                                    <b>Email: <mark>{{$user->email}}</mark></b>
                                </div>
                            </div>
                        <br>
                        <br>
                            <div class="col-md-8 offset-2">
                                <div class="card profile" style="box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2)">
                                    <div class="card-body">
                                        <div class="">
                                            <div class="text-center">
                                                <img src="{{ $user->picture ? asset('uploads/users/'.$user->picture) : default_image()}}" alt="" class="rounded-circle img-thumbnail avatar-xl">

                                                <h4 class="mt-3">{{ $user->name }}</h4><br>
                                            </div>

                                            <div class="row">
                                                @if(count($user->userDocuments)>0)
                                                    @foreach ($user->userDocuments as $user_document)
                                                        @php
                                                            $file =  explode('.', $user_document->file);
                                                            $ext = $file[1];
                                                            $ex_array = ['JPEG', 'jpg', 'JPG', 'png', 'PNG', 'GIF', 'gif', 'jpeg']
                                                        @endphp
                                                        @if(in_array($ext, $ex_array))
                                                        <div class="col-md-4">
                                                            <div class="thumbnail">
                                                                <a href="{{ asset('/uploads/users/documents/'.$user_document->file) }}" target="_blank">
                                                                    <img width="150px" height="150px" src="{{ asset('/uploads/users/documents/'.$user_document->file) }}" alt="Lights" style="width:100%">
                                                                    <div class="caption">
                                                                        <p>{{ $user_document->document_type_data->name }}</p>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        @else
                                                            <div class="col-md-4">
                                                                <div class="thumbnail">
                                                                    <a href="{{ asset('/uploads/users/documents/'.$user_document->file) }}" target="_blank">
                                                                        <img width="150px" height="150px" src="https://previews.123rf.com/images/urfandadashov/urfandadashov1808/urfandadashov180817380/107956703-document-vector-icon-isolated-on-transparent-background-document-logo-concept.jpg" alt="Lights" style="width:100%">
                                                                        <div class="caption">
                                                                            <p>{{ $user_document->document_type_data->name }}</p>
                                                                        </div>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                       @endif


                                                    @endforeach
                                                @endif
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div> <!-- end col -->
        </div>

    </div> <!-- container-fluid -->

    @push('alljs')



    @endpush
@endsection