@extends('layouts.template')

@section('content')				
	<!--begin::Row-->
	<div class="card mb-5 mb-xl-10">
		<!--begin::Header-->
		<div class="card-header border-0 pt-5">
			<h3 class="card-title align-items-start flex-column">
				<span class="card-label fw-bolder fs-3 mb-1">Créer Utilisateurs</span>
			</h3>

			@if(session('success'))
			<div class="alert alert-success" role="alert">
				{{ session('success') }}
			</div>
			@endif

			<div class="card-toolbar">
				<!--begin::Menu-->
				<a href="{{ url('utilisateur/create') }}" type="button" class="btn btn-sm btn-primary" >
					<!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
					Ajouter Utilisateur
					<!--end::Svg Icon-->
				</a>
				
				<!--end::Menu-->
			</div>
		</div>
		<!--end::Header-->	
		
		<div class="card-body pt-9 pb-0">
			<form class="row g-3" action="{{ url('utilisateur') }}" method="POST">
			@csrf
				<div class="offset-md-3 col-md-6">
						<label for="" class="form-label">Nom</label>
						<input type="text" class="form-control" name="name" value="{{ old('name') }}" id="">
				</div>

				<div class="offset-md-3 col-md-6">
						<label for="" class="form-label">E-mail</label>
						<input type="email" class="form-control" name="email" value="{{ old('email') }}" id="">
				</div>

				<div class="offset-md-3 col-md-6">
					<label for="" class="form-label">Mot de passe</label>
					<div class="form-check form-switch form-check-custom form-check-solid">
						
						<input type="text" class="form-control" name="password" value="{{ old('password') }}" 
								id="password">
						<span class="btn btn-success mx-2" onclick="genPassword()">
							Générer
						</span>
					</div>
				</div>
									  	
				<div class="offset-md-3 col-6 mt-3">
						<button type="submit" class="btn btn-sm btn-primary mb-5">Ajouter</button>
				</div>

			</form>
		</div>
	</div>
	<!--end::Row-->	

<script type="text/javascript">
	var password=document.getElementById("password");

	 function genPassword() {
	    var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
	    var passwordLength = 8;
	    var password = "";
	 for (var i = 1; i <= passwordLength; i++) {
	   var randomNumber = Math.floor(Math.random() * chars.length);
	   password += chars.substring(randomNumber, randomNumber +1);
	  }
	        document.getElementById("password").value = password;
	 }

	function copyPassword() {
	  var copyText = document.getElementById("password");
	  copyText.select();
	  document.execCommand("copy");  
	}
</script>	

@endsection