@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('Create EPG for TV program schedule') }} <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('Create EPG for TV program schedule') }}</li>
		</ol>
	</section>
	<section class="content"> 
		@php
			$getUserRoleData = userRoleData();
			$EPG		= explode(",",$getUserRoleData->EPG);
		@endphp	
		<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
								<div class="row">			
									<div class="col-md-10 col-sm-10 col-md-offset-1 epg">
									@if(in_array("Add",$EPG))
										<form class="form-horizontal" id="chennellist" action="{{ route('createXMLFileData') }}" method="post" onsubmit="return validateDropDown('ddl');">							
											{!! Form::token() !!}
											<div class="form-group">
												<label for="epg_for" class="col-sm-2 control-label">Epg For</label>
												<div class="col-sm-10">
																										<select class="form-control" name="epg_for" id="epg_for" required>						
														<option value="Jio" {{$selectedJio}}>Jio</option>
														<!--<option value="Dish" {{$selectedDish}}>Dish</option>-->
														<option value="Ontv" {{$selectedOntv}}>Ontv</option>
														<option value="Dish India" {{$selectedDishIndia}}>Dish India</option>
														<option value="UK" {{$selectedUK}}>UK</option>
														<!--<option value="Hum TV HD" {{$selectedHumTvHD}}>Hum TV HD</option>-->														
														<option value="Geo Entertainment" {{$selectedEg}}>Geo Entertainment</option>
														<!--<option value="Aplus" {{$selectedAplus}}>Aplus</option>														
														<option value="D2H" {{$selectedD2H}}>D2H</option>														
														<option value="Star EPG" {{$selectedStarEPG}}>Star EPG</option>-->														
													</select>
												</div>
											</div>
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-2 control-label">Select Date</label>
												<div class="col-sm-10">
													<input type="text" class="form-control" name="date" id="datepicker"  placeholder="Date" required="" autocomplete="off">
												</div>
											</div>
											<div class="form-group">
												<label for="inputPassword3" class="col-sm-2 control-label">You Want Epg For</label>
												<div class="col-sm-10">
													<select class="form-control" name="day_count" id="day_count" required>														
														<option value="1">1</option>
														<option value="2">2</option>
														<option value="3">3</option>
														<option value="4">4</option>
														<option value="5">5</option>
														<option value="6">6</option>
														<option value="7">7</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label for="inputPassword3" class="col-sm-2 control-label">You Want Epg For</label>
												<div class="col-sm-10">
													<article class="row options">
														<div class="col-sm-12">						        	
															<input type='checkbox' name='checkall' onclick='checkedAll(chennellist);'>
														</div>
																				     						     
													</article>
												</div>
											</div>
											<div class="form-group">
												<label for="inputPassword3" class="col-sm-2 control-label">Select Shift Timing</label>
												<div class="col-sm-10">
													<select class="form-control" name="time_shift" id="timeShift" required>
														<option value="1">Choose Option</option>														
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																													<option value="{{$ic}}">{{$ic}}</option>
																											</select>
												</div>
											</div>
											<div class="form-group">
												<div class="col-sm-offset-2 col-sm-10">
													<button type="submit" class="btn btn-primary">Submit</button>
												</div>
											</div>
										</form>                       
										@else
											<p> <strong>Please contact with SuperAdmin</strong></p>
										@endif
									</div>
								</div>
							</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 type="text/javascript">	
	checked=false;
	function checkedAll (chennellist) {
		var aa= document.getElementById('chennellist'); if (checked == false){
			checked = true
	}
	else{
	checked = false
	}for (var i =0; i < aa.elements.length; i++){ aa.elements[i].checked = checked;}
	}
</script>
<script type="text/javascript">
	$(document).ready(function () {
		$('#checkall').click(function() {
		  checked = $("input[type=checkbox]:checked").length;
		  if(!checked) {
			alert("You must check at least one checkbox.");
			return false;
		  }
		});
	});
</script>
<script>
	$( function() {
		$( "#datepicker" ).datepicker({ 
			dateFormat: 'dd-mm-yy',
			minDate: 0,
			todayHighlight: true,
			autoclose: true
		}).val();
	});		
  </script>
	   <script type="text/javascript">
            function validateDropDown() {
                var ddl = document.getElementById('timeShift');
                if(ddl.selectedIndex == 0 || ddl.options[ddl.selectedIndex].value == -1) {
                    alert('Select One Option!');
                    return false;
                }
                return true;
            }
        </script>
        <script>
		    $(function(){
		      // bind change event to select
		      $('#epg_for').on('change', function () {
		          var epg_for = $(this).val(); // get selected value
		          if (epg_for !="") { // require a URL
						var url = '{{URL('admin/epg/create-epg')}}' + '?epg_for=' + epg_for;			          
		              	window.location = url; // redirect
		          }
		      });
		    });
		</script>
		<script>
			document.querySelectorAll('#watermarked').forEach(function(el) {
					  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
				  });
		  </script>
@endsection