@extends('layout.adminlayout')

@section('content')
	<style>
		.profile{
			width: 100%;
			display: inline-block;
		}
		.button2{
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		.inContainer{
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		.button{
		    color: #fff;
		    background-color: #007bff;
		    border-color: #007bff;
		    font-size: 12px;
		    text-decoration: none;
		    display: inline-block;
		    text-align: center;
		    justify-content: center;
		    padding: 8px;
		    margin: 16px;
		    margin-left: 0px;
		    border-radius: 6px;			
		}
		.card
		{	
			display: block;
			background-color: white;
			margin: 10px;
			border-radius: .25rem;
		}
		.card-header{
			color: black;
			background-color: rgba(0, 0, 0, 0.08);
			border-bottom: 1px solid rgba(0,0,0,.125);
			border-top-left-radius: 8px;
    		border-top-right-radius: 8px;
			padding: .75rem 1.25rem;
		}
		.card-body{
			padding: 5px;
		}
		.input{
			display: block;
		    width: 90%;
		    border: 1px solid #ced4da;
		    border-radius: 5px;
		    padding: 10px;
		    margin-top: 5px;
		    margin-bottom: 10px;
		}
		.alert {
		    padding: 20px;
		    background-color: #4CAF50;
		    color: white;
		}
		.alert1 {
		    padding: 20px;
		    background-color: red;
		    color: white;
		}
		.closebtn {
		    margin-left: 15px;
		    color: white;
		    font-weight: bold;
		    float: right;
		    font-size: 22px;
		    line-height: 20px;
		    cursor: pointer;
		    transition: 0.3s;
		}

		.closebtn:hover {
		    color: black;
		}

	</style>
	<div class="inContainer">

		<div class="profile">
						@if (session('response'))
		    <div class="alert">
		  		<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
		  		<strong>Success!</strong> {{ session('response') }}
		    </div>
			@endif
			@if (session('error'))
		    <div class="alert1">
		  		<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
		  		<strong>Error!</strong> {{ session('error') }}
		    </div>
			@endif
				<div  class="card card-default">
					<div class="card-header">Edit Users</div>
					<div class="card-body">
					<form method="post" action="{{ url('/updateprofile') }}" style="padding: 10px;">
						@csrf
						Name<br>
						<input type="text" name="name" class="input" value="{{ $user->name }}" required>
		   				Email<br>
						<input type="email" name="email" class="input" value="{{ $user->email }}" required>
                        Username<br>
						<input type="email" name="email" class="input" value="{{ $user->email }}" required>
                        Designation<br>
						<input type="email" name="email" class="input" value="{{ $user->email }}" required>
                        Email<br>
						<input type="email" name="email" class="input" value="{{ $user->email }}" required>
		    			<button class="button">Update Profile</button>
					</form>
					</div>
                    </div>
                </div>
	</div>
@endsection