@extends('admin.template.master') 

@section('title', $title)

@section('content')

<style type="text/css">
	.login-mediumlogo {
	    width: 40px;
	    border-radius: 50%;
	}
</style>

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
	            <h3 class="content-header-title mb-0 d-inline-block">Users</h3>
	            <div class="row breadcrumbs-top d-inline-block">
	                <div class="breadcrumb-wrapper col-12">
		                <ol class="breadcrumb">
		                    <li class="breadcrumb-item"><a href="{{ route('auth.dashboard') }}">Home</a>
		                    <li class="breadcrumb-item"><a href="{{ route('auth.users.social.index') }}">List Social Users</a></li>
		                    <li class="breadcrumb-item active">Data</li>
		                </ol>
	                </div>
	            </div>
            </div>
        </div>
        <div class="content-body">
          <!-- HTML5 export buttons table -->
	        <section id="html5">
		      	<div class="row">
		      		<div class="col-12">
		      			<div class="card">
		      				<div class="card-header">
		      					<h4 class="card-title">Users</h4>
		      					<a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
		      					<div class="heading-elements">
		      						<ul class="list-inline mb-0">
		      							<li><a data-action="collapse"><i class="ft-minus"></i></a></li>
		      							<li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
		      							<li><a data-action="expand"><i class="ft-maximize"></i></a></li>
		      							<li><a data-action="close"><i class="ft-x"></i></a></li>
		      						</ul>
		      					</div>
		      				</div>
		      				<div class="card-content collapse show">
		      					<div class="card-body card-dashboard">
		      						@include('admin.partials.flash_message') 
		      						<table class="table table-striped table-bordered dataex-html5-export">
		      							<thead>
		      								<tr>
		      									<th class="column-title">S.no</th>
												<th class="column-title">User</th>
												<th class="column-title">Email</th>	
												<th class="column-title">Login Medium</th>
												<th class="column-title">Created On</th>
												<th class="column-titlest">Action</th>
		      								</tr>
		      							</thead>
		      							<tbody>
		      								@foreach($socialusers as $k=>$u)

											<tr>

												<td>{{ ++$k }}</td>

												<td>{{ $u->name }}</td>

												<td>{{ $u->email }}</td>

												@if(!empty($u->google_id))        
												    <td><center><img src="{{ asset('public/assets/admin/images/google.png') }}" class="login-mediumlogo"></center></td>       
												@elseif(!empty($u->facebook_id)) 
												    <td><center><img src="{{ asset('public/assets/admin/images/fb.png') }}" class="login-mediumlogo"></center></td>    
												@elseif(!empty($u->linkedin_id)) 
												    <td><center><img src="{{ asset('public/assets/admin/images/linkedin.png') }}" class="login-mediumlogo"></center></td>  
												@else
												    <td><center><img src="{{ asset('public/assets/admin/images/user.png') }}" class="login-mediumlogo"></center></td>     
												@endif

												<td>{{ Carbon\Carbon::parse($u->created_at)->format('d-M-Y H:i:s') }}</td>

												<!--<td>

													<a href="{{ route('auth.users.delete', $u->id) }}"><i class="fa fa-trash"></i> Delete</a>

													<a href="{{ route('auth.users.reset.password', $u->id) }}"><i class="fa fa-exchange"></i> Reset Password</a>

												</td> -->

												<td style="display: flex; border-bottom: none;">
													{{-- <a href="{{ route('auth.users.reset.password', $u->id) }}">
														<button class="btn btn-primary" style="margin: auto 5px;"><i class="fa fa-pencil"></i> Reset Password</button>
													</a> --}}
													<form action="{{ route('deleteuser', $u->id) }}" method="POST">
											            {{ csrf_field() }} 
											            <a onclick="return confirm('Are you sure to Delete this file ?');" data-toggle="tooltip" data-placement="top" title="Delete">
											            	<button type="submit" class="btn btn-danger" name="userStatus" value="10"><i class="fa fa-trash"></i></button>
											            </a>
											        </form> 			
												</td>

											</tr>

											@endforeach    								
		      							</tbody>
		      							<tfoot>
		      								<tr>
		      									<th class="column-title">S.no</th>
												<th class="column-title">User</th>
												<th class="column-title">Email</th>	
												<th class="column-title">Login Medium</th>
												<th class="column-title">Created On</th>
												<th class="column-titlest">Action</th>
		      								</tr>
		      							</tfoot>
		      						</table>				
		      					</div>
		      				</div>
		      			</div>
		      		</div>
		      	</div>
	        </section>
          <!--/ HTML5 export buttons table -->
        </div>
    </div>
</div>

@endsection