@extends('layouts.master')
@section('title', $title)
@section('content')

 <link rel="stylesheet" href="{{asset('css/Loginbackground.css')}}" />
		<div class="heading">
			<img src="{{asset('images/process.png')}}" alt="" />
			<h1 style=" color: #000; display: block; font-size: 2em;margin-block-start: 0.67em;
    margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;">Settings: Localization</h1>
		</div>
		@if ($error = Session::get('error'))
			<div class="alert alert-danger">
				<p>{{ $error }}</p>
			</div>
			@endif
			@if ($message = Session::get('success'))
			<div class="alert alert-success">
				<p>{{ $message }}</p>
			</div>
			@endif
			@if (count($errors) > 0)
			<div class="alert alert-danger">
				
				<ul>
					@foreach ($errors->all() as $error)
					<li>{{ $error }}</li>
					@endforeach
				</ul>
			</div>
			@endif
			<!--<b style="margin-left:20px;">These options affect how CATS formats numbers, dates, and time. You (and your other site users) will need to log out and log back in for these settings to take effect.</b>-->
				<form method="POST" action="{{ route('settings.localizationStore') }}" enctype="multipart/form-data">
					@csrf
					<div class="mycontait" style="display:flow;">
							<div class="left_upper">
								<div class="main_box_name">
									<div class="d-flex" style=" margin-top: 37px;">
										<div class="tag_assign">
											<label class="name_box_image" style="width: 343px;
   ">Please choose your time zone:</label>
											<select name="Timezone" class="vancy1">
																									
											</select>
										</div>
									</div>
								</div>
							</div>
							
							<div class="left_upper">
							
								<div class="main_box_name">
									<div class="d-flex">
										<div class="tag_assign">
											<label class="name_box_image">Please choose your preferred date format:</label>
											<select name="dateFormat" class="vancy1">
												 <option value="mdy">MM-DD-YYYY (US)</option>
												 <option value="dmy" selected="">DD-MM-YYYY (UK)</option>	
											</select>
										</div>
									</div>
								</div>
							</div>
							

					</div>
					
					<div class="alignmentOfButton">
						<button class="btn">Save</button>
					</div>
				</form>
			
			<style>
					.BlackColorAnchor {color:black;}
					.BlackColorAnchor:hover {color:black;}
					.alignmentOfButton {
						display: flex;
						align-items: center!important;
					}
					.left_upper{width:100%;padding:7px 52px;}
			</style>
@endsection