@extends('layouts.master')
@section('title', $title)
@section('content')
<link rel="stylesheet" href="{{ asset('css/Showproduct.css')}}" />
	 <div class="color"> 
		 <div class="box">
		   <div class="first-box">
			 <img src="{{ asset('images/showproduct.png')}}" style="width: 50px;"/>
			 <div class="Present" style="    padding-top: 10px;">
			   <p>User Details</p>
			 </div>
		   </div>
		 </div> 
	 </div>
	 <div class="main_box_email">
	   <div class="mycontait">
		 <div class="maine_one_left_innerContainer">
		   <div class="innerContainer_checkboxs">
			 <div class="d-flex">
			   <div class="vancy">
				 <img src="{{ asset('images/Candidatess.png')}}" />
				 <label class="labelClass">Name</label>
				 <span>:</span>
				 <p class="main_box_designation" style="text-transform: capitalize; padding-top: 11px;"> {{ $user->name }}</p>
			   </div>
			 </div>
		   </div>
		   <hr />
		   <div class="innerContainer_checkboxs">
			 <div class="d-flex">
			   <div class="vancy">
				 <img src="{{ asset('images/candidate.png')}}" />
				 <label class="labelClass" style="text-transform: capitalize; padding-top: 11px;">Roles</label>
				 <span>:</span> 
				 
					@if(!empty($user->getRoleNames()))
                        @foreach($user->getRoleNames() as $v)
                        <label class="button_delete" style="margin-top: 24px;">{{ $v }}</label>
                        @endforeach
                        @endif
			   </div>
			 </div>
		   </div>
		    <button class="button_edit" style="    margin-top: 32px;"><a href="{{ route('user.list') }}" style="color: black;
    font-weight: 700;">Back</a></button>
		 </div>
		 <div class="maine_one_left_innerContainer">
		   <div class="innerContainer_checkboxs">
			 <div class="d-flex">
			   <div class="vancy">
				 <img src="{{ asset('images/Email_To_Consultants.png')}}" />
				 <label class="labelClass" style="text-transform: capitalize; padding-top: 11px;">Email</label>
				 <span>:</span>
				 <p class="main_box_designation">  {{ $user->email }}</p>
			   </div>
			 </div>
		   </div>
		   
		 </div>
	   </div>
	   <div class="main_detailmain_detail">
		 <div class="box-text" style="margin-bottom: 1rem;">
		   <img src="{{ asset('images/Productpage.png')}}" style="    width: 560px;" />
		 </div>
	   </div>
	 </div>
	
<!--div class="col-md-12">
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Show Product</h3>
        </div>
        <div style="margin-left: 1rem;">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>Name:</strong>
                        {{ $user->name }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>Email:</strong>
                        {{ $user->email }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <strong>Roles:</strong>
                        @if(!empty($user->getRoleNames()))
                        @foreach($user->getRoleNames() as $v)
                        <label class="badge badge-success">{{ $v }}</label>
                        @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="card-footer">
            <a class="btn btn-primary" href="{{ route('user.list') }}">Back</a>
        </div>
    </div>
</div-->
@endsection
<style>
.button_edit {
    padding: 12px 25px 12px 25px;
    border-radius: 6px;
    border-color: transparent;
    background-color: #ffb643;
    cursor: pointer;
    color: black;
}
.labelClass{ padding-top: 16px; padding-left: 12px; font-size: 20px;}
.button_delete {
    padding: 12px 20px 12px 20px;
    margin-left: 15px;
    border-radius: 6px;
    border-color: transparent;
    background-color: #ea0065;
    cursor: pointer;
    color: white;
}
</style>