@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> Create EPG Manually  <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">Create EPG Manually</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-danger" role="alert">
											<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
											<span class="sr-only">{{ trans('labels.Error') }}:</span>
											{{ $error }}
										</div>
									@endforeach
								@endif
								@if(Session::get('success'))
						           <div class="alert alert-success">
						               {{session::get('success')}}
						           </div>
							   	@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('createXmlFileManualPost') }}" method="post" onsubmit="return validateDropDown('ddl');">							
											{!! Form::token() !!}
											<div class="form-group">
												<label for="channel_id" class="col-sm-4 control-label">Channel ID</label>
												<div class="col-sm-5">
													<input type="text" name="channel_id" class="form-control">
												</div>
											</div>
											<div class="form-group">
												<label for="display_name" class="col-sm-4 control-label">Display Name</label>
												<div class="col-sm-5">
													<input type="text" name="display_name" class="form-control">
												</div>
											</div>
											<div class="form-group">
												<label for="inputEmail3" class="col-sm-4 control-label">Select Date</label>
												<div class="col-sm-5">
													<input type="text" class="form-control" name="date" id="datepicker1"  placeholder="Date" required="" autocomplete="off">
												</div>
											</div>
											<div class="form-group">
												<label for="inputPassword3" class="col-sm-4 control-label">Select Shift Timing</label>
												<div class="col-sm-5">
													<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">
												<!-- <label for="time_table" class="col-sm-2 control-label">Time Table</label> -->
												<div class="col-sm-12" id="time_table">
													
												</div>
											</div>
											<div class="form-group">
												<div class="col-sm-12 text-center">
													<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>
	$( function() {
		$( "#datepicker1" ).datepicker({ 
			dateFormat: 'dd-mm-yy',
			minDate: 0,
			todayHighlight: true,
			autoclose: true
		})
		.on('changeDate', function(selected){
	        $.ajax({
				url: '{{ url("admin/epg/timetable?date=") }}' + $("#datepicker1").val(),
				success: function(res) {
					console.log(res)
					$('#time_table').html(res.tbl);
				}
			});
	    });
	});		
  </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>
			document.querySelectorAll('#watermarked').forEach(function(el) {
					  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
				  });

			function cp() {
				$('.fclm').each(function(i, obj) {
				    $('.oclm' + i).val(obj.value);
				});
			}
		  </script>
@endsection