@extends('layouts.master')
@section('title', 'User List')

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')

    @include('layouts.header')


    @include('layouts.title')



    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            {{-- <div class="row text-center mb-10">
                <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">
                    <h3 class="display-3 px-xl-10 mb-0"> CCCCCCC</h3>
                </div>

            </div> --}}

            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>

           
            <div class="col-lg-12">
                <div class="blog single">
                    <div class="card">
                        <div class="card-body">

                            <div align="right">

                                {{-- @if (Auth::user()->hasRole('Admin')) --}}

                               
                                            {{-- <a class="btn btn-sm btn-gradient gradient-1 rounded-pill me-2 scroll"
                                                href="{{ url('/employeegetedit', [$employee_member->employee_pi,$employee_member->employee_id]) }}"><i class="uil uil-pen"></i> Edit1 --}}


                                            
                                                    {{-- <a class="btn btn-sm btn-blue rounded-pill me-2 scroll"
                                                        href="{{ url('/researcherproject', $employee_member->employee_pi) }}"
                                                        >
                                                        <i class="uil uil-pen"></i> Back to Reseacher

                                                        <a class="btn btn-sm btn-gradient gradient-1 rounded-pill me-2 scroll"
                                                            href="{{ url('/usergetedit', $user_meta->id) }}"
                                                            >
                                                            <i class="uil uil-pen"></i> Edit --}}
                                  

                                
                                    <a class="btn btn-sm btn-gradient gradient-7 rounded-pill me-2 " href="{{ url('/usergetedit', $id) }}">
                                        <i class="uil uil-pen"></i> &nbsp;&nbsp;Edit
                                    </a>
                            </div>

                            <br>


                            <div align="center">
                                <div class="item">

                                   

                                       
                                        @if ($user_meta->user_picture == '')
                                            <img class="rounded-circle w-20 mx-auto mb-4"
                                                src="{{ asset('/picture/profile.png') }}"
                                                srcset="{{ asset('/picture/profile.png') }} 2x">
                                        @else
                                            <img class="rounded-circle w-20 mx-auto mb-4"
                                                src="{{ asset('/picture/' . $user_meta->user_picture) }}"
                                                srcset="{{ asset('/picture/' . $user_meta->user_picture) }} 2x">
                                        @endif
                                        <h4 class="mb-1">
                                            {{ $user_meta->user_title . ' ' . $user_meta->user_firstname . ' ' . $user_meta->user_lastname }}
                                        </h4>
                                        <!-- <div class="meta mb-2">Marketing Specialist</div> -->
                                        <p class="mb-2">{{ $user_meta->email }}</p>


                                    <!-- <nav class="nav social justify-content-center text-center mb-0">
                                      <a href="#"><i class="uil uil-twitter"></i></a>
                                      <a href="#"><i class="uil uil-slack"></i></a>
                                      <a href="#"><i class="uil uil-linkedin"></i></a>
                                     </nav> -->
                                </div>
                            </div>

                            <hr>

                            <div class="row">
                                <div class="item col-md-6">
                                    <div class="d-flex flex-row">
                                        <div>
                                            <div class="icon text-violet fs-28 me-6 mt-n1"><i
                                                    class="uil uil-user-circle"></i></div>
                                        </div>
                                        <div>
                                            <h5 class="mb-1 text-violet" style="margin-top: 5px; margin-left: -10px">
                                                Information</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <br>



                           
                          
                              
                                <div class="row">
                                    <div class="item col-md-6">
                                        <div class="d-flex flex-row">
                                            <div>
                                                <h5 class="mb-1">Username</h5>
                                                <p>{{ $user_meta->name }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item col-md-6">
                                        <div class="d-flex flex-row">
                                            <div>
                                                <h5 class="mb-1">Name-Surname (EN)</h5>
                                                <p>{{ $user_meta->user_title . ' ' . $user_meta->user_firstname . ' ' . $user_meta->user_lastname }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item col-md-6">
                                        <div class="d-flex flex-row">
                                            <div>
                                                <h5 class="mb-1">E-mail</h5>
                                                {{-- <p>{{ $user_meta->user_title_th . ' ' . $user_meta->user_firstname_th . ' ' . $user_meta->user_lastname_th }} --}}
                                                    <p>{{ $user_meta->email }}

                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item col-md-6">
                                        <div class="d-flex flex-row">
                                            <div>
                                                <h5 class="mb-1">Role</h5>
                                                {{-- <p>{{ $user_meta->user_title_th . ' ' . $user_meta->user_firstname_th . ' ' . $user_meta->user_lastname_th }} --}}
                                                    <p>{{ $user_meta->user_role }}

                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                   
                                    {{-- <div class="item col-md-6">
                                        <div class="d-flex flex-row">
                                            <div>
                                                <h5 class="mb-1">Start working</h5>
                                                <p>{{ date_format(date_create($user_meta->created_at), 'd M Y') }}
                                                </p>
                                            </div>
                                        </div>
                                    </div> --}}

                                </div>





                        

                           

                        

                            
                   
                          
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

        @include('layouts.footer')

    @endsection