@extends('layouts.app') 
@section('title', $pageInfo->page_title) 
@section('content')
 <script src="https://cdn.ckeditor.com/4.6.2/standard-all/ckeditor.js"></script>
<section class="content">
        <div class="row">
            <div class="col-xs-12 col-md-12">
                <div class="box">
                    <div class="box-body">
						<div class="inner-head-section">                            
						    <div class="row align-items-center">                                
						        <div class="col-md-6 col-xs-12 text-left">                                    
						            <div class="inner-title"> <span>{{$pageInfo->page_title}}</span> </div> </div>
    						            <div class="col-md-6 col-xs-12 text-right">                                                                
    						            </div>                            
						            </div>                        
						          </div>
                        <div class="card-box-area">
                            <div class="card-box-area-inner">
	                            <div class="row justify-content-center">
	                                <div class="col-md-12">
					        			
									<form action="{{url($pageInfo->save_url)}}" method="post" enctype="multipart/form-data">
                                         {{ csrf_field() }}
										 
										@if (session('error'))
										<div class="alert alert-danger">
											{{ session('error') }}
										</div>
										@endif 
										@if (session('success'))
										<div class="alert alert-success">
											{{ session('success') }}
										</div>
										@endif
										<input type="hidden" name="id" value="">																				
						     			<div class="form-role-area">
											<div class="control-group info">
												<div class="row align-items-center">
	                                                <div class="col-md-3">
														<label class="span2">Sales Tax Rate</label>
													</div>
													<div class="col-md-9">
	                                                    <input class="form-control" type="text" placeholder="sales_tax_rate"  maxlength="50" name="sales_tax_rate" value="{{isset($data->sales_tax_rate) ? $data->sales_tax_rate :old('sales_tax_rate')}}">
														@error('sales_tax_rate')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
	                                                </div>
												</div>
											</div>
											<div class="control-group info">
												<div class="row align-items-center">
	                                                <div class="col-md-3">
														<label class="span2">First Time Discount</label>
													</div>
													<div class="col-md-9">
	                                                    <input class="form-control" type="text" placeholder="first_time_discount"  maxlength="50" name="first_time_discount" value="{{isset($data->first_time_discount) ? $data->first_time_discount :old('first_time_discount')}}">
														@error('first_time_discount')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
	                                                </div>
												</div>
											</div>
											<div class="control-group info">
												<div class="row align-items-center">
	                                                <div class="col-md-3">
														<label class="span2">Copy Right</label>
													</div>
													<div class="col-md-9">
	                                                    <input class="form-control" type="text" placeholder="Copy Right"  maxlength="100" name="copy_right" value="{{isset($data->copy_right) ? $data->copy_right :old('copy_right')}}">
														@error('copy_right')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
	                                                </div>
												</div>
											</div>
											<div class="control-group info">
												<div class="row align-items-center">
	                                                <div class="col-md-3">
														<label class="span2">Footer Contact Address</label>
													</div>
													<div class="col-md-9">
	                                                    <input class="form-control" type="text" placeholder="Footer Contact Address"  maxlength="250" name="footer_contact_address" value="{{isset($data->footer_contact_address) ? $data->footer_contact_address :old('footer_contact_address')}}">
														@error('footer_contact_address')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
	                                                </div>
												</div>
											</div>
											<div class="control-group info">
												<div class="row align-items-center">
	                                                <div class="col-md-3">
														<label class="span2">Footer Contact Email One</label>
													</div>
													<div class="col-md-9">
	                                                    <input class="form-control" type="text" placeholder="Footer Contact Email One"  maxlength="100" name="footer_contact_email_1" value="{{isset($data->footer_contact_email_1) ? $data->footer_contact_email_1 :old('footer_contact_email_1')}}">
														@error('footer_contact_email_1')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
	                                                </div>
												</div>
											</div>
											<div class="control-group info">
												<div class="row align-items-center">
	                                                <div class="col-md-3">
														<label class="span2">Footer Contact Email Two</label>
													</div>
													<div class="col-md-9">
	                                                    <input class="form-control" type="text" placeholder="Footer Contact Email Two"  maxlength="100" name="footer_contact_email_2" value="{{isset($data->footer_contact_email_2) ? $data->footer_contact_email_2 :old('footer_contact_email_2')}}">
														@error('footer_contact_email_2')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
	                                                </div>
												</div>
											</div>
											<div class="control-group info">
												<div class="row align-items-center">
	                                                <div class="col-md-3">
														<label class="span2">Footer Contact Number</label>
													</div>
													<div class="col-md-9">
	                                                    <input class="form-control" type="text" placeholder="Footer Contact Number"  maxlength="100" name="footer_contact_no" value="{{isset($data->footer_contact_no) ? $data->footer_contact_no :old('footer_contact_no')}}">
														@error('footer_contact_no')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
	                                                </div>
												</div>
											</div>
											
											
											
											<div class="control-group info">
												<div class="row align-items-center">
													<div class="col-md-3">
														<label class="span2">Footer About</label>
														</div>
													<div class="col-md-9">
														<textarea class="form-control" name="footer_about" id="content" rows="100">{{isset($data->footer_about) ? $data->footer_about : old('footer_about')}}</textarea>												
														@error('footer_about')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
													</div>
												</div>
											</div>
											<div class="row align-items-center">
												<div class="col-md-3">
												<label class="span2">Header Logo Image</label>
												</div>
												<div class="col-md-9">

													<div class="controls">
														<div style="margin-bottom:15px;">
																																													<input name="old_header_logo_image" value="" type="hidden">
														</div>
														<div class="image-info">
															<span>
															Allowed image type  : <b> (jpg, png, gif)</b>
															</span>
															<div class="entry input-group col-xs-3" style="margin-bottom:15px;">

															<img id="fileUpload-Image-Header" src="{{url('images/no-image.png')}}" alt="preview image" width="100" height="80"/>													
															<input class="btn btn-primary" name="header_logo_image" type="file" accept="image/x-png,image/gif,image/jpeg,,image/jpg" id="upload-header" onchange="Upload('upload-header')"/>
															</div>
														</div>
														@error('header_logo_image')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
													</div>
												</div>
											</div>
											<div class="row align-items-center">
												<div class="col-md-3">
												<label class="span2">Footer Logo Image </label>
												</div>
												<div class="col-md-9">

													<div class="controls">
														<div style="margin-bottom:15px;">
																																													<input name="old_footer_logo_image" value="" type="hidden">
														</div>
														<div class="image-info">
															<span>
															Allowed image type  : <b> (jpg, png, gif)</b>
															</span>
															<div class="entry input-group col-xs-3" style="margin-bottom:15px;">

															<img id="fileUpload-Image-Footer" src="{{url('images/no-image.png')}}" alt="preview image" width="100" height="80"/>													
															<input class="btn btn-primary" name="footer_logo_image" type="file" accept="image/x-png,image/gif,image/jpeg,,image/jpg" id="upload-footer" onchange="UploadFooter('upload-footer')"/>
															</div>
														</div>
														@error('image')
														<label class="text-danger mt-3">{{$message}}</label>
														@enderror
													</div>
												</div>
											</div>
											
											<div class="control-group info">				
												<div class="next-step-btn">
													
													<div class="universal-sitecolor-btn">
														<button type="submit">Submit</button>
													</div>
												</div>
	 									    </div>
	 								</form>
							    </div>
						</div>
					</div>
				</div><!-- /.box -->         
			</div><!-- /.col-->
		</div><!-- ./row -->
	</section><!-- /.content -->			
</section>
<script>
    function Upload(imageId) {
	
		var fileUpload = document.getElementById(imageId);
		//Check whether the file is valid Image.
		var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(.jpg|jpge|.png|.gif)$");
		if (regex.test(fileUpload.value.toLowerCase())) {
			if (typeof (fileUpload.files) != "undefined") {
				//Initiate the FileReader object.
				var reader = new FileReader();
				//Read the contents of Image File.
				reader.readAsDataURL(fileUpload.files[0]);
				reader.onload = function (e) {
					//Initiate the JavaScript Image object.
					var image = new Image();
					//Set the Base64 string return from FileReader as source.
					image.src = e.target.result;
					$("#fileUpload-Image-Header").attr('src', e.target.result);
					//Validate the File Height and Width.
					image.onload = function () {

						var height = this.height;
						var width = this.width;
						var imagesize=fileUpload.files[0].size;
					};

				}
			}
		}
    }
	
	function UploadFooter(imageId) {
		var fileUpload = document.getElementById(imageId);
		//Check whether the file is valid Image.
		var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(.jpg|jpge|.png|.gif)$");
		if (regex.test(fileUpload.value.toLowerCase())) {
			if (typeof (fileUpload.files) != "undefined") {
				//Initiate the FileReader object.
				var reader = new FileReader();
				//Read the contents of Image File.
				reader.readAsDataURL(fileUpload.files[0]);
				reader.onload = function (e) {
					//Initiate the JavaScript Image object.
					var image = new Image();
					//Set the Base64 string return from FileReader as source.
					image.src = e.target.result;
					$("#fileUpload-Image-Footer").attr('src', e.target.result);
					//Validate the File Height and Width.
					image.onload = function () {
						var height = this.height;
						var width = this.width;
						var imagesize=fileUpload.files[0].size;
					};

				}
			}
		}
    }
	CKEDITOR.replace('content', {
		height: 300,
		filebrowserUploadUrl: "upload.php",
		allowedContent:true,
		extraAllowedContent: 'p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*}',
	});
	CKEDITOR.dtd.$removeEmpty.i = 0;
</script>
@endsection