@extends('layouts.adminLayout.backendLayout')
@section('content')
<style> 
.selected_review_ids{ cursor:pointer;width: 41%; }
</style>
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-head">
            <div class="page-title">
                <h1>Product Review's Management</h1>
            </div>
        </div>
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <a href="{!! url('admin/dashboard') !!}">Dashboard</a>
            </li>
        </ul>
         @if(Session::has('flash_message_error'))
            <div role="alert" class="alert alert-danger alert-dismissible fade in"> <button aria-label="Close" data-dismiss="alert" style="text-indent: 0;" class="close" type="button"><span aria-hidden="true">×</span></button> <strong>Error!</strong> {!! session('flash_message_error') !!} </div>
        @endif
        @if(Session::has('flash_message_success'))
            <div role="alert" class="alert alert-success alert-dismissible fade in"> <button aria-label="Close" data-dismiss="alert" style="text-indent: 0;" class="close" type="button"><span aria-hidden="true">×</span></button> <strong>Success!</strong> {!! session('flash_message_success') !!} </div>
        @endif
        <div id="statusMessage" style="display: none;" role="alert" class="alert alert-success alert-dismissible fade in"><strong>Success!</strong> Status Updated Successfully.</div>
        <div class="row">
            <div class="col-md-12">
                <div class="portlet light">
                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-green-sharp bold uppercase">Product Review's</span>
                            <span class="caption-helper">manage records...</span>
                        </div>
                        
                    </div>
					<div class="form-group col-md-6">
                                    <label class="col-md-3 control-label">Goto</label>
                                    <div class="col-md-4">
                                       <select class="form-control goto"> 
											<option value=""> Select Action </option>
											<option value="active"> Active </option>
											<option value="deactive"> Deactive </option>
											<option value="delete"> Delete </option>
								       </select>
                                    </div>
                                </div>
				
                    <div class="portlet-body">
					   
                        <div class="table-container">
						
                            <table class="table table-striped table-bordered table-hover" id="datatable_ajax">
                                <thead>
                                    <tr role="row" class="heading">
                                        <th width="5%" style="text-align:center">
                                           Select 
                                        </th>
										
                                        <th width="10%">
                                           User Name
                                        </th>
										<th>
										    Img
										</th>
                                        <th width="10%">
                                           Product Name
                                        </th>
										
                                        <th>
                                            Rating
                                        </th>
                                        <th>
                                            Comments
                                        </th>
                                        <th width="15%">
                                            Status<br>
											
                                        </th>
                                        <th width="20%">
                                            Actions
                                        </th>
                                    </tr>
                                    <tr role="row" class="filter">
                                        <td><input type="checkbox"   class="form-control select_all" value="" style="cursor:pointer;width: 42%;">All</td>
                                        <td>
                                            <input type="text" autocomplete="off" class="form-control form-filter input-sm" name="name" placeholder="User Name">
                                        </td>
									   <td></td>
									   <td><input type="text" autocomplete="off" class="form-control form-filter input-sm" name="product_name" placeholder="Product Name" ></td>
                                        
                                        <td></td>
                                        
                                        
                                        
                                        <td></td>
										                                        <td>
                                            <div class="form-group">
                                                <label for="recipient-name" class="form-control-label"></label>
                                                <select class="form-control form-filter input-sm" name="review_status">
                                                    <option value="">Select</option>
                                                        <option value="1">Active</option>
                                                        <option value="0">Deactive</option>
                                                </select>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="margin-bottom-5">
                                                <button class="btn btn-sm yellow filter-submit margin-bottom"><i title="Search" class="fa fa-search"></i></button>
                                                <button class="btn btn-sm red filter-cancel"><i title="Reset" class="fa fa-refresh"></i></button>
                                            </div>
                                        </td>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
$('.select_all').change(function () {
    if(this.checked) {
		
        $(".selected_review_ids").prop("checked", true); 
		
        
    }else{
		$(".selected_review_ids").prop("checked", false);  
	}
 }); 
$('.selected_review_ids').change(function () { 
    $(".select_all").prop("checked", false); 
    
 }); 
function select_checkbox(val){ 
	if(!val.checked) {
       $(".select_all").prop("checked", false);
    }
}
function confirmdelete(){
	if(confirm('Are you sure?')){
		return true;
	}else{
		return false;
	}
}
$('.goto').change(function () { 
    var value = $('.goto').val();
		if(value !=''){
			if(confirm('Are you sure?')){
			var selected_review_ids = '';
			const selected = new Array();
			$("input:checkbox[type=checkbox]:checked").each(function(){
				if($(this).val() != ''){
					selected.push($(this).val());
				}
				 
			 });
			  var selected_toString = selected.toString();
			 if(selected_toString == ''){
				 alert('Please select atleast one id');
			 }else{
				 var url = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/acb20f5/public_html/alp/resources/views/admin/product_review/index.blade.php:183
Stack trace:
#0 {main}
  thrown in <b>/home/acb20f5/public_html/alp/resources/views/admin/product_review/index.blade.php</b> on line <b>183</b><br />