@extends('admin.layout.master')

@section('content')
<div class="app-content  my-3 my-md-5">
		<div class="side-app">
			<div class="page-header">
				<h4 class="page-title">Edit Cms</h4>
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="{{route('admin.cms')}}">Cms</a></li>
					<li class="breadcrumb-item active" aria-current="page">Edit Cms</li>
				</ol>

			</div>
			<div class="row ">
				
				<div class="col-lg-12">
					@if(Session::has('success'))

						<div class="alert alert-primary">
							<p>{{ Session::get('success') }}</p>
						</div>

					@endif

                    @if(Session::has('errors'))

                    <div class="alert alert-danger">
                        <p>
                            <ul>
                                @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            
                            </ul>
                        
                        </p>
                    </div>

                @endif

					<form class="card" method="post" action="{{ route('admin.cmsUpdate')}}" onsubmit="return cmsValidate()" enctype="multipart/form-data">
                        @csrf
					
					<input type="hidden" name="cms_count" id="cms_count" value="{{count($cms_data)}}">
					<input type="hidden" name="master_cms_id" id="master_cms_id" value="{{$master_cms_id}}">
						<div class="card-header">
							<h3 class="card-title">Add Cms</h3>
						</div>
						
						@foreach($cms_data as $key=>$val)
						<input type="hidden" name="cms_id[]" id="cms_id" value="{{$val->id}}">
						<input type="hidden" name="lang_id[]" id="lang_id" value="{{$val->lang_id}}">
						<div class="card-body">
							<div class="col-md-12" style="border: 1px solid #858d97; border-radius: 5px">
								<div class="row">
									<div class="col-sm-6 col-md-4">
										<div class="form-group">
											@foreach($languages as $lang)
												@if($lang->id == $val->lang_id)
													<label class="form-label">Title[{{$lang->name}}]</label>
												@endif
											@endforeach
											
										<input type="text" class="form-control" name="title[]" id="title{{$key+1}}" value="{{$val->title}}">
										</div>
									</div>
									<div class="col-sm-6 col-md-10">
										<div class="form-group">
											@foreach($languages as $lang)
												@if($lang->id == $val->lang_id)
													<label class="form-label">Description[{{$lang->name}}]</label>
												@endif
											@endforeach
											
										<textarea class="ckeditor" name="desc[]" id="desc{{$key+1}}">{{$val->description}}</textarea>
										</div>
									</div>
									
							</div>
						</div>
						</div>
						
						@endforeach
						<div class="card-footer text-center">
							<span><p id="adderrorcheck" style="color: red; display: none;"></p></span>
							<button type="submit" class="btn btn-primary btn-lg custom-btn mr-2">Save</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
@endsection
@section('scripts')
<script type="text/javascript">
	// CKEDITOR.replace( 'desc' );
	var cms_count = $('#cms_count').val();
	for (i = 0; i < cms_count; i++) {
		CKEDITOR.replace( 'desc'+i );
	}
	function cmsValidate() {
		var cms_count = $('#cms_count').val();
	    for (i = 1; i <= cms_count; i++) {
			var title   = $('#title'+i).val();
			//alert(title);
			var desc = CKEDITOR.instances['desc'+i].getData();
			//alert(title);
			if(title == '' || title == undefined ){
				$('#adderrorcheck').show();
				$('#adderrorcheck').html('** Please Fill Title Field');
				setTimeout(function(){
					$('#adderrorcheck').hide();
					}, 2000);

				return false;
			 } 
			else if(desc == '' || desc == undefined ){
				$('#adderrorcheck').show();
				$('#adderrorcheck').html('** Please Fill Description Field');
				setTimeout(function(){
					$('#adderrorcheck').hide();
					}, 2000);

				return false;
			}
		}
		
	}
</script>
@endsection