@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
	Video {{ trans('app.update_item') }}
	@parent
@stop

@section('content')
	<section class="content-header">
		<h1>Update Video</h1>
		<ol class="breadcrumb">
			<li>
				<a href="{{ route('admin.dashboard') }}">
					<i class="livicon" data-name="home" data-size="14" data-color="#000"></i>
					Dashboard
				</a>
			</li>
			<li><a href="#"> Video</a></li>
			<li class="active">Update Video</li>
		</ol>
	</section>
	<section class="content">
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<h3 class="panel-title">
							<i class="livicon" data-name="user-add" data-size="18" data-c="#fff" data-hc="#fff" data-loop="true"></i>
							Update Video
						</h3>
                                <span class="pull-right clickable">
                                    <i class="glyphicon glyphicon-chevron-up"></i>
                                </span>
					</div>
					<div class="panel-body">
	{!! Form::model($item, [
			'action' => ['Admin\VideoController@update', $item->video_id],
			'method' => 'put', 
			'files' => true
		])
	!!}

	<div class="row mB-40">
		<div class="col-sm-8">
			<div class="bgc-white p-20 bd">
				<div class="row">
					<div class="col-6">
						{!! Form::myInput('text', 'videos_title', 'Video Title') !!}
					</div>
					<div class="col-6">
						{!! Form::mySelect('category[]', 'Category', Arr::pluck($categories, 'category_name','category_id'), null, ['class' => 'form-control select2', 'multiple' => 'multiple', 'selected' => 'selected']) !!}
					</div>
					<div class="col-6">
						{!! Form::myInput('text', 'Series', 'Series') !!}
					</div>
					<div class="col-6">
						{!! Form::mySelect('status','status', config('variables.status'), null, ['class' => 'form-control select2']) !!}
					</div>
					<div class="col-6">
						<table class="table table-bordered">
							<thead>
								<tr>
									<th scope="col">Sizes</th>
									<th scope="col">Price</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<div class="form-group form-check">
											
											<input name="smallcheck"   {{( old('smallcheck')) ? 'checked' : ''  }}  type="checkbox" class="form-check-input check" id="small">
											<label class="form-check-label" for="small-check">Small</label>
										   </div>
									   </td>
								   <td><input  value="{{PriceformatWithIcon($item->price_small) ?? PriceformatWithIcon($site->small_image_price) }}" name="smallprice" type="text" {{old('smallcheck') ?? 'readonly' }} class="check-price" id="small-price"></td>
							   </tr>
							   <td>
								   <div class="form-group form-check">
									   <input  {{old('mediumcheck') ? 'checked' : '' }} name="mediumcheck" type="checkbox" class="form-check-input check" id="medium">
									   <label class="form-check-label" for="medium-check">Medium</label>
								   </div>
							   </td>
							   <td><input value="{{PriceformatWithIcon($item->price_medium) ?? PriceformatWithIcon($site->medium_image_price)}}" name="mediumprice" type="text" {{old('mediumcheck') ?? 'readonly' }}  class="check-price"  id="medium-price"></td>
						   </tr><tr>
								   <td>
									   <div class="form-group form-check">
										   <input   {{old('largecheck') ? 'checked' : '' }} name="largecheck" type="checkbox" class="form-check-input check" id="large">
										   <label class="form-check-label"  for="large-check">Large </label>
									   </div>
									 </td>
									 <td><input value="{{PriceformatWithIcon($item->price_large) ?? PriceformatWithIcon($site->large_image_price)}}" name="largeprice" type="text" {{old('largecheck') ?? 'readonly' }}  class="check-price" name="" id="large-price"></td>
								   </tr>
							   </tbody>
						</table>
					</div>
					<div class="col-6">
						<textarea class="form-control" rows="6" name="keyword" cols="50" id="keyword">{{implode(", ",explode(" ", $item->keyword))}} </textarea>
					</div>
					<div class="col-6">
						{!! Form::mySelect('license_type','License type', config('variables.License'), ['class' => 'form-control select2','id' => 'license_type']) !!}
					</div>
					<div class="col-6">
						{!! Form::mySelect('people','People type', config('variables.People'), null, ['class' => 'form-control select2']) !!}
					</div>
				</div>
			</div>  
		</div>
	</div>





		<button type="submit" class="btn btn-primary">{{ trans('app.edit_button') }}</button>
		
	{!! Form::close() !!}
					</div>
				</div>
			</div>
		</div>
		<!--row end-->
	</section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
	<script>

		// $('.check').change(function(){
		// 	let id = '#' + this.id + '-price';
		// 	$(id).prop('readonly',!this.checked).focus()
		
		// })
		function readURL(input) {
		  if (input.files && input.files[0]) {
			var reader = new FileReader();
		
			reader.onload = function(e) {
			  $('#preview').attr('src', e.target.result);
			}
		
			reader.readAsDataURL(input.files[0]); // convert to base64 string
		  }
		}
		
$('.check-price').each(function(){
	if(this.value){
	let id = '#'+ this.id.replace('-price','');
		console.log(id);
	$(id).prop('checked',true)
	}

})


$('.check').change(function(){
	let id = '#' + this.id + '-price';
	$(id).prop('readonly',!this.checked).focus()

})
$('.check').each(function(){
	let id = '#' + this.id + '-price';
	$(id).prop('readonly',!this.checked)
})


function EnablePriceInput(params) {
	let id = '#' + params + '-price';
	$(id).prop('readonly',true)}





$("#license_type").change(function (){

	console.log(this.value);
	let checkedvalue = this.value;
	if(this.value == 1){
		$('.check-price').prop('readonly',true);
		$('.check-price').prop('value',0);
	}else{

		
		$.ajax({
            type : "GET",
            url : '/api/getprice',
            headers : {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			data:{item_type:2},
			beforeSend:function () {
				$('.check-price').prop('readonly',true);
			},
            success : function(response)
            {
				console.log(response);
				if(checkedvalue == 0){

					$('#large-price').prop('value',response[2].royality_price)
					$('#small-price').prop('value',response[0].royality_price)
					$('#medium-price').prop('value',response[1].royality_price)
				}

				if(checkedvalue == 2){

					$('#large-price').prop('value',response[2].premium_price)
					$('#small-price').prop('value',response[0].premium_price)
					$('#medium-price').prop('value',response[1].premium_price)
				}

				$('.check-price').prop('readonly',false);
                
            }
        });
		
	}
	})
		
		</script>
@stop