@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 class="all-vol-btn">                                         
        						            <a href="{{url($pageInfo->home_url)}}"><button type="button">Back</button></a>
        						            </div>                                
    						            </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-4">
								<label class="span2">{{$pageInfo->page_title}} Name</label>
							</div>
							<div class="col-md-8">
								<input class="form-control" type="text" placeholder="Name"  maxlength="50" name="name" value="{{isset($data->name) ? $data->name :old('name')}}">
								@error('name')
								<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-4">
								<label class="span2">Size Order</label>
							</div>
							<div class="col-md-8">
								<input class="form-control" type="text" placeholder="size order"  maxlength="50" name="size_order" value="{{isset($data->size_order) ? $data->size_order :old('size_order')}}">
								@error('size_order')
								<label class="text-danger mt-3">{{$message}}</label>
								@enderror
							</div>
						</div>
				</div>
				
				
				
				
								<div class="next-step-btn">
												<div class="universal-border-sitecolor-btn">
								                    <a href="{{url($pageInfo->home_url)}}"><button type="button">Back</button></a>
								                </div>
								                <div class="universal-sitecolor-btn">
								                    <button type="submit">Submit</button>
								                </div>
								            </div>
	 									</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div><!-- /.box -->         
			</div><!-- /.col-->
		</div><!-- ./row -->
	</section><!-- /.content -->			
</section>
 <script>
$(function(){
        $(document).on('click', '.dbtn-add', function(e){
			e.preventDefault();
			var controlForm = $('.DescriptionData:first'),
			currentEntry = $(this).parents('.ddata:first'),
			newEntry = $(currentEntry.clone()).appendTo(controlForm);
			newEntry.find('input').val('');
			var timestamp = new Date().getUTCMilliseconds();
			newEntry.find('input').attr('id',timestamp);
			controlForm.find('.ddata:not(:last) .dbtn-add').removeClass('dbtn-add').addClass('dbtn-remove').removeClass('btn-success').addClass('btn-danger').html('<span class="fa fa-minus"></span>');
			
		}).on('click', '.dbtn-remove', function(e){
			$(this).parents('.ddata:first').remove();
			e.preventDefault();
			return false;
		});
    });	
 </script>
 @endsection