@extends('layout')
@section('title','Créer un nouveau compte')
@section('description','Créer un nouveau compte')
@section('content')
	<!--=====  End of breadcrumb area  ======-->

	<!--=============================================
	=            Login register page content         =
	=============================================-->
	
	 <div class="page-content mb-50">
	 
	 <br/><br/><br/>
	 
		<div class="container">
			<div class="row">
				 <div class="col-lg-5 offset-lg-3 col-md-12 ">
				
				@if (session('status'))
                        <div class="alert alert-success" style="font-size: 15px; background-color: #328039; color: white">
                            <i class="ti-check"></i> {{ session('status') }}
                        </div>
                    @endif

                    @if (session('error'))
                        <div class="alert alert-danger" style="font-size: 15px; background-color: #fb5757; color: white">
                            <i class="ti-na"></i> {{ session('error') }}
                        </div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger" style="font-size: 15px; background-color: #fb5757; color: white" >
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li> <i class="ti-na"></i> {{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
				
					<!-- Login Form s-->
					<form action="{{route('registerPost')}}" method="post">
                        {{csrf_field()}}
						<div class="login-form">
							<div class="row">
								<div class="col-md-12 col-12 mb-20" style="text-align:center">
									

								<img src="{{asset('storage/'.$info_logo)}}" alt="Logo" style="height: 50px" alt="">

								</div>
								
								<div class="col-md-12 col-12 mb-20">
									<label>{{ __('messages.no') }} <font color="red">*</font></label>
									<input class="mb-0" type="text" name="nom" placeholder="{{ __('messages.pln') }}" required>
								</div>
								<div class="col-md-12 col-12 mb-20">
									<label>{{ __('messages.pnom') }} <font color="red">*</font></label>
									<input class="mb-0" type="text" name="prenom" placeholder="{{ __('messages.plp') }}" required>
								</div>
								<div class="col-md-12 mb-20">
									<label>{{ __('messages.em') }} <font color="red">*</font></label>
									<input class="mb-0" type="email" name="email" placeholder="{{ __('messages.mem') }}" required>
								</div>
							
								
								<div class="col-md-6 mb-20">
									<label>{{ __('messages.tel') }} <font color="red">*</font></label>
									<input class="mb-0" type="number" name="tel" placeholder="Ex : 0022890909090" required>
								</div>
								
								<div class="col-md-6 mb-20">
									<label>{{ __('messages.adr') }} <font color="red">*</font></label>
									<input class="mb-0" type="text" name="adresse" placeholder="{{ __('messages.madr') }}" required>
								</div>
								
							   <div class="col-md-6 mb-20">
									<label>{{ __('messages.mdp') }} <font color="red">*</font></label>
									<input class="mb-0" type="password" name="password" placeholder="{{ __('messages.mpass') }}" required>
								</div>
								<div class="col-md-6 mb-20">
									<label>{{ __('messages.cmdp') }} <font color="red">*</font></label>
									<input class="mb-0" type="password" name="confirm" placeholder="{{ __('messages.cmdp') }}" required>
								</div>
								
								<div class="col-md-12">

									<div class="check-box d-inline-block ml-0 ml-md-2 mt-10">
										<input type="checkbox" id="remember_me" required>
										<label for="remember_me">{{ __('messages.accep') }} 
										<br/><font color="red"> ({{ __('messages.coch') }})</font></label>
									</div>
								</div>
								</br>
								</br>
								</br></br>
								<div class="col-md-12">
									<button class="register-button mt-0" style="width:100%">
									{{ __('messages.enr') }}
									</button>
								</div>
								<br/><br/>
							</div>
						</div>

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


@push('scripts')

	
@endpush

@endsection