@extends('layouts.auth-login')

@section('content')
<div class="login-container">

			<div class="container-fluid h-100">
			
			<!-- Row start -->
			<div class="row no-gutters h-100">
				<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
					<div class="login-about">
                        
                        <div id="carouselLockScreen" class="carousel slide carousel-login" data-bs-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-bs-target="#carouselLockScreen" data-bs-slide-to="0" class="active"></li>
                                <li data-bs-target="#carouselLockScreen" data-bs-slide-to="1"></li>
                                <li data-bs-target="#carouselLockScreen" data-bs-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <div class="carousel-quotes">
                                        <p>“The happiest people don’t have the best of everything, they just make the best of everything.”</p>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <div class="carousel-quotes">
                                        <p>“The only way to do great work is to love what you do. If you haven’t found it yet, keep looking. Don’t settle.”</p>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <div class="carousel-quotes">
                                        <p>“Think big and don’t listen to people who tell you it can’t be done. Life’s too short to think small.”</p>
                                    </div>
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselLockScreen" role="button" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselLockScreen" role="button" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </a>
                        </div>

					</div>
				</div>
				<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
					<div class="login-wrapper">
                    <form method="POST" action="{{ route('Newregister') }}">
                        @csrf
						@include('inc.errorfile')
							<div class="login-screen">
								<div class="login-body">
									<a href="/">
										<img src="/assets/img/{{$app->fav_icon}}" alt="logo" style="max-height:80px;">
									</a>
									<h6>Register New User,<br>Please Create to your account.</h6>

                                    <div class="field-wrapper">
										<input type="text" class="form-control @error('email') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="email" autofocus>

                                        @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
										<div class="field-placeholder">Name</div>
									</div>

									<div class="field-wrapper">
										<input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                                        @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
										<div class="field-placeholder">Email ID</div>
									</div>

                                    <div class="field-wrapper mb-3">
                                        <select class="select-single js-states" name="station" title="Select Term" data-live-search="true">
                                        <option value="ACCRA WAREHOUSE">ACCRA WAREHOUSE</option>
                                            @foreach($warehouses as $warehouse)
                                            <option>{{$warehouse->warehouse_name}}</option>
                                            @endforeach
                                            @foreach($kitchens as $kitchen)
                                            <option>{{$kitchen->kitchen_name}}</option>
                                            @endforeach
                                        </select>

                                            @error('role')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                            <div class="field-placeholder">Station</div>
                                    </div>