@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getcontactus()" ng-cloak>
    <div class="left-content">
	    <div class="mother-grid-inner">
		    <div id="loadercontainer" style="display:none" ><div class="loader pull-right"></div></div>
				<div class="clearfix"> </div>
            	<div class="validation-form" ng-if="!newproductshow">
                 	<form>
                    <h3>CONTACT US COMMENT</h3>
                     	<div class="vali-form">
                        <div class="col-md-3 form-group1 group-mail">
                           <input type="text" placeholder="Name" ng-model="search.name" ng-enter="getcontactus()" ng-blur="getcontactus()" ng-change="getcontactus()" >
                        </div>
                         <div class="col-md-3 form-group1 group-mail">
                           <input type="text" placeholder="Email" ng-model="search.email" ng-enter="getcontactus()" ng-blur="getcontactus()" ng-change="getcontactus()" >
                        </div>
                        <div class="col-md-3 form-group2 group-mail">
                            <select ng-model="search.status" placeholder="STATUS" ng-change="getcontactus()">
                                <option value="1">Active</option>
                                <option value="2">Completed</option>
                            </select>
                        </div>
                        <div class="col-md-3 form-group margin-top">
                            <button type="button" ng-click="getcontactus()" class="btn btn-default searchbutton">Go</button>
                            <span  ng-click="resetcontact()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;padding-left: 8px;"><i class="fa fa-refresh" aria-hidden="true" style="padding-top: 45px;"></i></span>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    </form>
                 
                <div class="inbox-mail"> 
    	            <div ng-if="!newproductshow">
            	        <div class="w3l-table-info table-responsive" style="display: inline-block;position: relative;width: 100%;">
                				<table id="table">
            						<thead>
            						    <tr>
                              <th>Name</th>
            							    <th>Email</th>
                              <th>Message</th>
                              <th>Status</th>
                              <th>Action</th>
                						</tr>
                					</thead>
                					<tbody>
                						<tr ng-repeat="contact in contactus track by $index">
                                            <td>{$contact.name$}</td>
                                            <td>{$contact.email$}</td>
                                            <td>{$contact.message$}</td>
                                            <td><p ng-if="contact.status==1">Active</p><p ng-if="contact.status==2">Completed</p></td>
                                            <td><select ng-model="contact.actionstatus" ng-change="statuscontactchange(contact)">
                                                <option value="1">Active</option>
                                                <option value="2">Completed</option>
                                               
                                            </select><span ng-if="contact.updateshow"><a href="javascript:void(0)" ng-click="updatecontactstatus(contact)"><i class="fa fa-check fa-lg"></i></a><a href="javascript:void(0)" ng-click="contactstatusupdate(contact)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></a></span>
                                            </td>
                                        </tr>
                					</tbody>
                				</table>
                			
                                <div class="col-xs-12 pagin vali-form">
                                    <div class="short_pul pull-right" ng-if="!mailread" ng-cloak ng-show="total=='true'">
                                    <button type="button" ng-click="pagefirstcontact()" class="btn btn-primary searchbutton rightpage">First Page</button>
                                    <a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previouscontactpage()" ng-show="previousdisable=='true'"></i></a>
                                    {$begin$} - {$end$} of {$totallength$}  
                                    <a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextcontactpage()" ng-show="nextdisable=='true'"></i></a>
                                    <button type="button" ng-click="pagelastcontact()" class="btn btn-primary searchbutton leftpage">Last Page</button>
                                    </div>
            	                </div>
                        </div>
                </div>
              </div>
              </div>
        </div>
    </div>
    	@include('users.admin.sidebar')
</div>
@endsection
@section('js')  
    <link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	<link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	<script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
    <script src="{{ asset('bower_components/ng-file-upload/ng-file-upload.js')}}"></script>  
    <script src="{{ asset('js/angular_library/ng-file-upload-shim.min.js') }}"></script>
    <script src="{{ asset('js/angular_library/ng-file-upload.min.js') }}"></script>
    <script src="{{ asset('js/angular_library/ng-file-upload-all.min.js') }}"></script>
    <script src="{{ asset('js/angular_controllers/productcontroller.js') }}"></script>
@endsection