@extends('admin.layout') 
@section('content')
<style>
	#watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;
    display: block;
    width: 300%;
    height: 300%;
    transform: rotate(-45deg);
    content: attr(data-watermark);
    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1>
			{{ trans('Add New Channel') }} <small></small>
		</h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month') }}"><i
					class="fa fa-dashboard"></i> {{
					trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active">{{ trans('Add New Channel') }}</li>
		</ol>
	</section>
	<section class="content">
		<div class="row">
			<div class="col-md-12">
				<div class="box box-info">
					<div class="box-body">
						<div class="row">
							<div class="col-xs-12">
								@if( count($errors) > 0) 
									@foreach($errors->all() as $error)
										<div class="alert alert-success" role="alert">
											<span class="glyphicon glyphicon-exclamation-sign"
												aria-hidden="true"></span> <span class="sr-only">{{trans('labels.Error')
												}}:</span> {{ $error }}
										</div>
									@endforeach 
								@endif
								<form name="" id="add-channel" action="{{URL('admin/epg/add-channel-data')}}" method="post">
									{{ csrf_field() }}
									<div class="row">
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="channel_for" class="control-label">{{trans('Channel For') }} </label>
													</div>
													<div class="col-sm-4 col-md-12">
																												<select class="form-control" name="channel_for" id="channel_for" required>						
															<!--<option value="Dish" {{$selectedDish}}>Dish</option>-->
															<option value="Dish India" {{$selectedDishIndia}}>Dish India</option>
															<option value="Ontv" {{$selectedOntv}}>Ontv</option>
															<option value="Jio" {{$selectedJio}}>Jio</option>	
															<option value="UK" {{$selectedUK}}>UK</option>
															<!--<option value="HBO HD" {{$selectedHBOHD}}>HBO HD</option>
															<option value="Hum TV HD" {{$selectedHumTv}}>Hum TV HD</option>-->
															<option value="Geo Entertainment" {{$selectedGeTv}}>Geo Entertainment</option>
															<!--<option value="Aplus" {{$selectedAplusTv}}>Aplus</option>
															<option value="D2H" {{$selectedD2H}}>D2H</option>
															<option value="Star EPG" {{$selectedStarEPG}}>Star EPG</option>-->
														</select>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="channel_name" class="control-label">{{trans('Channel Name') }} <span class="required-mark">*</span></label>
													</div>
													<div class="col-sm-4 col-md-12">
														{!!	Form::text('channel_name', '', array('class'=>'form-control', 'id'=>'channel_name', 'required'=>'required')) !!}
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="channel_id" class="control-label">{{trans('Channel ID') }} <span class="required-mark">*</span></label>
													</div>
													<div class="col-sm-4 col-md-12">
														{!!	Form::text('channel_id', '', array('class'=>'form-control', 'id'=>'channel_id', 'required'=>'required')) !!}
													</div>
												</div>
											</div>
										</div>
		                          		<div class="clearfix"></div>
										@if($flag == "Dish" || $flag == "UK" || $flag == "Dish India" || $flag == "HBO HD" || $flag == "D2H"|| $flag == "Ontv")
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="dish_id" class="control-label">{{$dish_id}} <span class="required-mark">*</span></label>
													</div>
													<div class="col-sm-4 col-md-12">
														{!!	Form::text('dish_id', '', array('class'=>'form-control', 'id'=>'dish_id', 'required'=>'')) !!}
													</div>
												</div>
											</div>
										</div>
										@endif	
										@if($flag == "Dish")									
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="jumpTo" class="control-label">{{trans('Jump To') }} </label>
													</div>
													<div class="col-sm-4 col-md-12">
														{!!	Form::text('jumpTo', '', array('class'=>'form-control', 'id'=>'jumpTo')) !!}
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="skip" class="control-label">{{trans('Skip') }} </label>
													</div>
													<div class="col-sm-4 col-md-12">
														{!!	Form::text('skip', '', array('class'=>'form-control', 'id'=>'skip')) !!}
													</div>
												</div>
											</div>
										</div>
		                          		<div class="clearfix"></div>
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="take" class="control-label">{{trans('Take') }} </label>
													</div>
													<div class="col-sm-4 col-md-12">
														{!!	Form::text('take', '', array('class'=>'form-control', 'id'=>'take')) !!}
													</div>
												</div>
											</div>
										</div>										
										@endif	
										@if($flag == "Dish" || $flag == "Jio" || $flag == "HBO HD" || $flag == "D2H" || $flag == "Ontv")
										<div class="col-md-4">
											<div class="row">
												<div class="form-group">
													<div class="col-sm-3 col-md-12">
														<label for="dish_chanel_name" class="control-label">{{$dish_channel_name}} </label>
													</div>
													<div class="col-sm-4 col-md-12">
														{!!	Form::text('dish_chanel_name', '', array('class'=>'form-control', 'id'=>'dish_chanel_name')) !!}
													</div>
												</div>
											</div>
										</div>
										@endif	
										@if($flag == "Dish India" || $flag == "Star EPG")
											<div class="col-md-4">
												<div class="row">
													<div class="form-group">
														<div class="col-sm-3 col-md-12">
															<label for="dish_india_unique" class="control-label"> Dish India Unique ID <span class="required-mark">*</span></label>
														</div>
														<div class="col-sm-4 col-md-12">
															{!!	Form::text('dish_india_unique', '', array('class'=>'form-control', 'id'=>'dish_india_unique', 'required'=>'')) !!}
														</div>
													</div>
												</div>
											</div>
										@endif
										@if($flag == "Ontv")
											<div class="col-md-4">
												<div class="row">
													<div class="form-group">
														<div class="col-sm-3 col-md-12">
															<label for="dish_india_unique" class="control-label">Ontv Country Code <span class="required-mark">*</span></label>
														</div>
														<div class="col-sm-4 col-md-12">
															{!!	Form::text('dish_india_unique', '', array('class'=>'form-control', 'id'=>'dish_india_unique', )) !!}
														</div>
													</div>
												</div>
											</div>
										@endif
		                          		<div class="clearfix"></div>
			                          	<div class="col-md-12">
											<div class="box-footer text-center">
												<button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
												<a href="channel-list" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
				</div>

			</div>
		</div>
	</section>
</div>
</div>
<script	src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script	src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
		<script	src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
		<script>
			document.querySelectorAll('#watermarked').forEach(function(el) {
					  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
				  });
		  </script>
		<script type="text/javascript">
			$.ajaxSetup({
		        headers: {
		            'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
		        }
		    });
		</script>
        <script>
		    $(function(){
		      // bind change event to select
		      $('#channel_for').on('change', function () {
		          var epg_for = $(this).val(); // get selected value
		          if (epg_for !="") { // require a URL
						var url = '{{URL('admin/epg/add-channel')}}' + '?epg_for=' + epg_for;			          
		              	window.location = url; // redirect
		          }
		      });
		    });
		</script>

<script type="text/javascript">

	$( "#add-channel" ).validate( {
			rules: {
				channel_name: {
					required: true,
				},
				channel_id: {
					required: true,				
					remote: {
		                url: '{{URL("admin/epg/check-channel-id-add")}}',
		                data: {
		                    name: function () {
		                        //you need to read this value when the validation is executed, so pass the value as a function which will be called
		                        return $('#channel_id').val();
		                    }
		                },
		                type: "POST"
		            },
				},
			},
			messages: {
				channel_name: {
					required: "Please enter channel name",
				},
				channel_id: {					
					required: "Please enter channel id",
					remote: "The channel id already exit. Please use another channel id.",
				},
			},
			errorElement: "em",
			errorPlacement: function ( error, element ) {
				// Add the `help-block` class to the error element
				error.addClass( "help-block" );

				// Add `has-feedback` class to the parent div.form-group
				// in order to add icons to inputs
				element.parents( ".col-sm-5" ).addClass( "has-feedback" );

				if ( element.prop( "type" ) === "checkbox" ) {
					error.insertAfter( element.parent( "label" ) );
				} else {
					error.insertAfter( element );
				}

				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !element.next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
				}
			},
			success: function ( label, element ) {
				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !$( element ).next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
				}
			},
			highlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
				$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
			},
			unhighlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
				$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
			}
		} );	
</script>
<script type="text/javascript">
	$("#channel_id").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
	$("#dish_id").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
	$("#jumpTo").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
	$("#skip").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
	$("#take").keypress(function (e){
		var charCode = (e.which) ? e.which : e.keyCode;
		if (charCode > 31 && (charCode < 48 || charCode > 57)) {
			return false;
		}
	});
</script>
@endsection