@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('editXmlFileManualPost') }}" method="post" onsubmit="return validateDropDown('ddl');">							
											{!! Form::token() !!}
											<input type="hidden" name="id" value="{{ request('id') }}">
											<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" value="{{ $result['epg']->channel_id }}">
												</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" value="{{ $result['epg']->display_name }}">
												</div>
											</div>
											<div class="form-group">
												<label for="slug" class="col-sm-4 control-label">Slug</label>
												<div class="col-sm-5">
													<input type="text" name="slug" class="form-control" value="{{ $result['epg']->slug }}">
												</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" value="{{ date('m/d/Y', strtotime($result['epg']->date)) }}">
												</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}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $ic }}</option>
																													<option value="{{$ic}}" {{ $result['epg']->time_shift == $ic ? 'selected' : '' }}>{{ $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">
													<table class="table table-bordered">
														<thead>
															<tr><th><a href="javascript:void(0);" onclick="cp()" class="btn btn-info">Copy</a></th>
															@php $tr = []; $firstDt = true; @endphp
															@foreach($result['epg']->programme as $date => $prg)
																<th>{{ date('D [m/d/Y]', strtotime($date)) }}</th>
																@php $i = 0; @endphp
																@foreach($prg  as $time => $name)
																	@php
																		empty($tr[$time]) ? $tr[$time] = '<td><input type="text" name="programme[' . $date . '][' . $time . ']" class="form-control ' . ($firstDt ? 'fclm' : 'oclm' . $i++) . '" value="' . $name . '"></td>' : $tr[$time] .= '<td><input type="text" name="programme[' . $date . '][' . $time . ']" class="form-control ' . ($firstDt ? 'fclm' : 'oclm' . $i++) . '" value="' . $name . '"></td>';
																	@endphp
																@endforeach
																@php $firstDt = false; @endphp
															@endforeach
													 		</tr>
													 	</thead>
													 	<tbody>
													 	@foreach($tr as $time => $v)
													 	<tr><td>{{ $time }}</td>{!! $v !!}</tr>
													 	@endforeach
													 	</tbody>
													</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() + '&id={{ request('id') }}',
				success: function(res) {
					console.log(res)
					$('#time_table').html(res.tbl);
				}
			});
	    });
	});	

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