@extends('layouts.master')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-te/1.4.0/jquery-te.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-te/1.4.0/jquery-te.css" rel="stylesheet" type="text/css">


@push('cssCode')
 <style type="text/css">


.uploadProfileImage{
/*background: rgba(170, 201, 177, .7);*/
    height: 100px;
    width: 100px;
    margin: 0px auto;
    background-size: cover;
   /* border-radius: 50%;*/
    z-index: 2;
    overflow: hidden;
    border: 2px solid #fff;
    cursor: pointer;

}
#top{
  margin-top: 10px;
}
.col-sm-2{
  margin-top:15px;
}
 .switch {
  position: relative;
  display: inline-block;
   width: 52px;
    height: 27px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;

}
.slider:before {
  position: absolute;
  content: "";
height: 20px;
    width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {

  background-color: #2196F3;

}
input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}
input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}
/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}
.slider.round:before {

  border-radius: 50%;

}


  </style>


<style>
.clientTable{
	margin:20px auto;
	font-size:15px;
	font-weight: bold;
}

.clientTable tr td{
	padding: 4px;
	/* text-align: center; */
}
.nav-tabs li.active a{
	background-color: #41B3AB !important;
	color: #ffffff !important;
}
table td .btn{
	margin-right: 0px !important;
}
.text-right-width{
	text-align: right;
	width: 50%;
}
.profile-img{
	width: 150px;
    margin: 20px auto;
    border: 3px solid #000000;
    height: 150px;
}
.dataTables_wrapper .dataTables_length {
	float: right;
	display: none;
}
.dataTables_wrapper .dataTables_filter {
	float: left;
	text-align: left;
}
/*.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0;
}*/
.manage-line{
border: .5px solid gray;
    left: 0px;
    margin-left: 3%;
    top: 71px;
    width: 92%;
    margin-right: 46%;
}


.tab-content
{
	padding:10px;
}



 .switch {

  position: relative;

  display: inline-block;

   width: 52px;
    height: 27px;


}

.switch input {display:none;}
</style>
@endpush

@section('content')
        <div id="waypoints_handle" class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Manage Splash frames</h3>                
              </div>
            </div>
            <div class="x_panel">
          <div class="x_title">
            <div class="clearfix"></div>
              <div class="row">
               
                <a href="https://rt66ug.com/admin/public/add_splash_frame" class="btn btn-primary pull-right " style="border-radius:50px;"> <b>+</b></a> </div>
              
              </div>      


                  </div>                 
                </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="">
                  <div class="">
                  

                    <div class="clearfix"></div>
					{{-- START ALERT BLOCK --}}
					@if(Session::has('successMessage'))
						<div class="alert alert-success" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('successMessage')) !!}
						</div>
					@endif
					@if(Session::has('dangerMessage') || count($errors))
						<div class="alert alert-danger" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('dangerMessage')) !!}
							{{ $errors->first() }}
						</div>
					@endif
					{{-- END ALERT BLOCK --}}
                  </div>
                  </div>
					<div class="table-responsive col-md-12">  
 
   


						  <table class="table table-striped">
						  <thead>
							<tr>
							  <th>Frame ID</th>
							 
							  <th>Frame Name</th>
							  <th>Thumbnail</th>
							  
							  <th>Action</th>
							</tr>
						  </thead>
						  <tbody>
						  	
							@forelse($splash_frames as $user)
							<tr>							
							  <td>{{$user->id}}</td>
							  <td >	{{$user->frame_name }}</td>		
							  <td>@if(!empty($user->camera_image) > 0)
      
        <img src="{{$user->camera_image}}" height="50" width="50" />
      
      @endif</td>
							 
							  <td>
								
								


  {!! html_entity_decode(link_to_route('del_frame', '<i  class="fa fa-trash-o btn btn-danger btn-xs" aria-hidden="true"></i>', [$user->id], ['onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!} 


  <a  class="fa fa-edit btn-success btn-xs"  href='https://rt66ug.com/admin/public/view_camera_image/{{$user->id}}'  title="Edit">
  </a>

 





							  </td>
							
		
														
							</tr>
					  </tbody>	

						@empty							
						<tr> <td colspan="4" class="text-center">No Records Found.</td> </tr>
						@endforelse						
					</table>
				</div>                      
        
      </div>
    </div>
  </div>
 	
	     
<style>
	.margintop{
	margin-top: 25px;
    margin-bottom: 20px;
	}
</style>



@endsection

@push('jsCode')

<script>





function close_modal() {
    location.reload();
}


	$(document).ready(function(){
	
		$('#btn').click( function(){			
				alert('done');
			var category_name = $('$categoryName').value();
			$.ajax({
				 type: "POST",
				 data: 'category_name=' + 'category_name',
				 url: '{{ url("/") }}/add-category',
				 success: function(data){
				 	console.log(data);
				 }
			});
		});
	}); 
</script>

<script>
$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': '{{ csrf_token() }}'
			}
		});

$(document).on('click', '.pagination li a', function(e){
	e.preventDefault();
	var url = $(this).attr('href');
	$('#searchForm').attr('action', url);
	console.log($('#searchForm').attr('action'));
	$('#searchForm').submit();
});

function checkInActive(){
	return confirm("Are you sure you want to Deactivate?");
}

function checkActive(){
	return confirm("Are you sure you want to Activate?");
}

function checkDelete(){
	return confirm("Are you sure you want to delete?");
}

$(document).ready(function(){
	disabledSearchBtn();
	
	$(document).on('change', '#searchForm select', function(){
		disabledSearchBtn();
	});
	
	$(document).on('keyup', '#searchForm input', function(){
		disabledSearchBtn();
	});
	
	function disabledSearchBtn(){
		var searchBtn = false;
		$('.filters').each(function(){
			if($(this).val() != ''){
				searchBtn = true;
				return true;
			}
		});
		
		if(searchBtn){
			$('#searchBtn').removeAttr('disabled');
		}
		else{
			$('#searchBtn').attr('disabled', true);
		}
	}
});
</script>

<script type="text/javascript">

 function uploadProfileImage1(fileInput) {
    if (fileInput.files && fileInput.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar1').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput.files[0]);
    }
  }   

 function uploadProfileImage2(fileInput2) {
    if (fileInput2.files && fileInput2.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar2').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput2.files[0]);
    }
  }   
 function uploadProfileImage3(fileInput3) {
    if (fileInput3.files && fileInput3.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar3').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput3.files[0]);
    }
  }   

function uploadProfileImage4(fileInput4) {
    if (fileInput4.files && fileInput4.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar4').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput4.files[0]);
    }
  }   

  function uploadProfileImage5(fileInput5) {
    if (fileInput5.files && fileInput5.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar5').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput5.files[0]);
    }
  }   

  function uploadProfileImage6(fileInput6) {
    if (fileInput6.files && fileInput6.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar6').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput6.files[0]);
    }
  }   

  function uploadProfileImage7(fileInput7) {
	id="nav_d"
    if (fileInput7.files && fileInput7.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtar7').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInput7.files[0]);
    }
  }   


 function uploadProfileImageH1(fileInputH1) {
    if (fileInputH1.files && fileInputH1.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtarH1').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInputH1.files[0]);
    }
  }   

 function uploadProfileImageH2(fileInputH2) {
    if (fileInputH2.files && fileInputH2.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtarH2').attr('src', e.target.result);
      };
      reader.readAsDataURL(fileInputH2.files[0]);

    }

  }   
 function uploadProfileImageH3(fileInputH3) {
    if (fileInputH3.files && fileInputH3.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        $('.avtarH3').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH3.files[0]);

    }
  }   
</script>


<script>
function delRecord(id){
    var id = id;
    var token = $("meta[name='csrf-token']").attr("content");

  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_nav_navigation" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
		},
		
        success: function (){
            
		
			$(".nav_d1").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
        }
    });
  } else {
   
  }

}
function delRecordsub(id,type){
    var id = id;
    var token = $("meta[name='csrf-token']").attr("content");

  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/dele_sub_overlay" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
             "type": type,
		},
		
        success: function (){
            
		if(type==1){

			$(".sub_class").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
		} else{
			$(".sub_class1").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");

		}
        }
    });
  } else {
   
  }

}



</script>
<script>
function delRecord2(id){
    var id = id;
    var token = $("meta[name='csrf-token']").attr("content");
  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_nav_direction" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
           
			$(".nav_d2").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
        }
    });
  } else {
   
  }  
}
</script>

<script>
function delRecord3(id){
    var id = id;
    var token = $("meta[name='csrf-token']").attr("content");

  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_nav_heads_up" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            
			$(".nav_d3").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
        }
    });
  } else {
   
  }
  
}
function delRecord4(id){

var id = id;
var token = $("meta[name='csrf-token']").attr("content");

var r = confirm("Are you sure ");
if (r == true) {
$.ajax(
{
	url: "https://rt66ug.com/admin/public/del_nav_map" + '/' +id,
	type: 'GET',
	data: {
		"id": id,
		"_token": token,
	},
	success: function (){
	
		$(".nav_d4").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
	}
});
} else {

}


}




function delRecord5(id){
var id = id;
var token = $("meta[name='csrf-token']").attr("content");
var r = confirm("Are you sure ");
if (r == true) {
$.ajax(
{
	url: "https://rt66ug.com/admin/public/del_nav_bottom" + '/' +id,
	type: 'GET',
	data: {
		"id": id,
		"_token": token,
	},
	success: function (){
		
		$(".nav_d5").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
	}
});
} else {

}
}






function delRecord6(id){
var id = id;
var token = $("meta[name='csrf-token']").attr("content");
var r = confirm("Are you sure ");
if (r == true) {
$.ajax(
{
	url: "https://rt66ug.com/admin/public/del_nav_image_map_overlay" + '/' +id,
	type: 'GET',
	data: {
		"id": id,
		"_token": token,
	},
	success: function (){
		
		$(".nav_d6").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
	}
});
} else {

}
}








function delRecord7(id){
var id = id;
var token = $("meta[name='csrf-token']").attr("content");
var r = confirm("Are you sure ");
if (r == true) {
$.ajax(
{
	url: "https://rt66ug.com/admin/public/del_new_image_heads_up2" + '/' +id,
	type: 'GET',
	data: {
		"id": id,
		"_token": token,
	},
	success: function (){
		
		$(".nav_d7").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
	}
});
} else {

}
}



function delRecord8(id){
var id = id;
var token = $("meta[name='csrf-token']").attr("content");
var r = confirm("Are you sure ");
if (r == true) {
$.ajax(
{
	url: "https://rt66ug.com/admin/public/del_new_image_map2" + '/' +id,
	type: 'GET',
	data: {
		"id": id,
		"_token": token,
	},
	success: function (){
		
		$(".nav_d8").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
	}
});
} else {

}
}






</script>



<script>
$("#del_audio").click(function(){
    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");
  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_nav_audio" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            console.log("it Works");
			$("#audio_here").css("display","none");
        }
    });
  } else {
   
  }
});
</script>

<script>
$("#nav-tab li:first").addClass("active");
$(document).ready(function(){
 var i=1;  
      $('#add').click(function(){  
		i++;   
		   $('#nav-tab').append('<li id="li'+i+'" ><a data-toggle="tab" href="#tab'+i+'">GPS- '+i+'</a><button onclick="remove('+i+')" type="button" id='+i+' style="position:absolute;top:1;right:0"><i   class="fa fa-trash"></i></button></li>');  
		   $('#tab-content').append('<div id="tab'+i+'" class="tab-pane fade in tab'+i+' "><div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"><input type="text" name="latitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS radius (meters) :</label><div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label > Is Continous :</label><div class="checkbox"><label><input   type="checkbox" value="True" onchange="valueChanged('+i+')"checked> Is Continous :</label><input id="check_continous'+i+'" class="thiss_check" type="hidden" name="iscontinous[]" value="True"></div>	</div></div>'); 
	     
	  });
	  
	  });
	  function remove(el) {
		
		  var elmnt1 = document.getElementById('li'+el);
		var elmnt = document.getElementById('tab'+el);
		elmnt.remove();
		elmnt1.remove();
	  }
	  
</script>
<script>
function manage_edit_drive(id)
{
	$(document).ready(function(){
var i=1;  
	 $('#add'+id).click(function(){  
	   i++;   

		  $('#nav-tab'+id).append('<li id="li'+i+'" ><a data-toggle="tab" href="#tab'+i+'">Form '+i+'</a><button onclick="remove('+i+')" type="button" id='+i+' style="position:absolute;top:1;right:0"><i   class="fa fa-trash"></i></button></li>');  
		  $('#tab-content'+id).append('<div id="tab'+i+'" class="tab-pane fade in tab'+i+' "><div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"><input type="text" name="latitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS radius (meters) :</label><div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label > Is Continous :</label><div style="padding: 5px;" class="form-group"><div  style="display:inline" class="radio"><label><input class="this_check" type="hidden" name="iscontinous[]" value="True"><input type="checkbox" value="True">True</label></div><div style="display:inline;margin-left:30px" class="radio"><label><input type="radio" value="False" name="iscontinous[]" checked>False</label></div></div></div>'); 
	  
	 });	 
	 });

}
</script>
<script>
	  function manage_class(id)
	  {
		document.getElementById('#tab'+id).classList.add('active in');
	  }
</script>



<script>
function index_number(idd,val)
{
$.post("https://rt66ug.com/admin/public/api/get_drive_mode", function(data, status){
	var parsed = JSON.parse(JSON.stringify(data)); 
	var parsing2 = parsed.data;
	
	var parsing = parsed.data[idd].lat_group;


  text ="<option value="+idd+">Form-"+idd+"</option>";
  var x = document.getElementById("waypoints_handle");
  var y = x.getElementsByClassName("form_class");
  var i;
  for (i = 0; i < y.length; i++) {
    y[i].innerHTML = text;
  }
  });
$get_id=idd;
$.post("https://rt66ug.com/admin/public/api/get_drive_mode", function(data, status){
	var name="";
	var latitude="";
	var lat_id="";
	var lon_id="";
	var  radius_id="";
	var cont_id="";

	var parsed = JSON.parse(JSON.stringify(data)); 
	var parsing2 = parsed.data;
	var parsing = parsed.data[$get_id].lat_group;
           var ull="";
	
	var i;
  for (i = 0; i < parsing.length; i++) {

	ull += '<li ><a data-toggle="tab" href="#'+val+'home'+i+'">GPS-'+i+'</a></li>';
	if(parsing[i].iscontinous=="True"){

  name += '<div id="'+val+'home'+i+'" class="tab-pane fade "> <div  class="col-md-12"><label > Select Form</label><div style="padding: 5px;" class="form-group"></div> </div> <div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"> <input  type="text" name="latitude[]" id="latitude_m'+val+'_'+i+'" class="form-control latitude'+val+'_'+i+'" value='+parsing[i].latitude+' placeholder=""></div></div><div class="col-md-6"> <label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control longitude'+val+'_'+i+'" value='+parsing[i].longitude+' placeholder="">			</div>	</div><div class="col-md-6"><label >  GPS radius (meters) :</label>	<div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control radius'+val+'_'+i+'" value='+parsing[i].radius+' placeholder=""></div></div><div class="col-md-6">	<div style="padding: 5px;" class="form-group"><label > Is Continous :</label><div class="checkbox"><label><input id="check_continous'+i+'" name="iscontinous[]" type="checkbox" value="True" checked  onchange="valueChanged('+i+')"> Is Continous :</label></div></div>	</div></div><input type="submit"></form>';
 
}

  else{
	name += '<div id="'+val+'home'+i+'" class="tab-pane fade "> <div  class="col-md-12"><label > Select Form</label><div style="padding: 5px;" class="form-group"></div> </div> <div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"> <input   type="text" name="latitude[]" id="latitude_m'+val+'_'+i+'" class="form-control latitude'+val+'_'+i+'" value='+parsing[i].latitude+' placeholder=""></div></div><div class="col-md-6"> <label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control longitude'+val+'_'+i+'" value='+parsing[i].longitude+' placeholder="">			</div>	</div><div class="col-md-6"><label >  GPS radius (meters) :</label>	<div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control radius'+val+'_'+i+'" value='+parsing[i].radius+' placeholder=""></div></div><div class="col-md-6">	<div style="padding: 5px;" class="form-group"><label > Is Continous :</label><div class="checkbox"><label><input id="check_continous'+i+'" name="iscontinous[]" type="checkbox" value="False"  onchange="valueChanged('+i+')"> Is Continous :</label></div></div>	</div></div><input type="submit"></form>';
	
  }
  latitude +=  parsing[i].latitude;

    document.getElementById('lat'+i+'_'+val).style.display = "none";
	document.getElementById('long'+i+'_'+val).style.display = "none";
	document.getElementById('radius'+i+'_'+val).style.display = "none";
	document.getElementById('label'+i+'_'+val).style.display = "none";

  }

  });
}
</script>
<script type="text/javascript">
function valueChanged(val)
{
 val = val;
 if($('#check_continous'+val).is(":checked"))   
        
		document.getElementById("check_continous"+val).value = "True";		
    else
	 document.getElementById("check_continous"+val).value = "False";
}
</script>
<script>
	$(document).ready(function(){
        $('#check_continous1').click(function(){
            if($(this).prop("checked") == true){
				
				document.getElementById("check_continous_dup").checked = false;

            }
            else if($(this).prop("checked") == false){
				
				document.getElementById("check_continous_dup").checked = true;
            }
        });
    });
</script>
<script>
	$(document).ready(function(){
        $('.check_edit').click(function(){
            if($(this).prop("checked") == true){
				this.value = 'True';
				$(".this_check").val('True');

            }
            else if($(this).prop("checked") == false){
				this.value = 'False';
				$(".this_check").val('False');
            }
        });
    });
</script>
<script>
function res(i,val)
{
	
     $('.hider').hide();
	document.getElementById('lat'+i+'_'+val).style.display = "block";
	document.getElementById('long'+i+'_'+val).style.display = "block";
	document.getElementById('radius'+i+'_'+val).style.display = "block";

	document.getElementById('label'+i+'_'+val).style.display = "block";
}


function isNumberKey(evt)
       {
          var charCode = (evt.which) ? evt.which : evt.keyCode;
         
          if (charCode != 46 && charCode > 31 
            && ( charCode > 57))
             return false;

          return true;
       }
</script>



@endpush