@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;
    } 
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	.box-body br {
		display: block !important;
	}

	.signatures-table  br {
		display: none !important;
	}
	.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> {{ trans('Signatures List') }}</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"> {{ trans('Signatures List') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->LeadSources);
	@endphp	
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">												
						{{-- <div class="col-xs-10">
							<div class="row">
								<form action="" method="get">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-12"> 
                                        	<strong>Filter by:Channels Name</strong>
                                        </div>
                                        <div class="col-sm-3 col-md-3"> 
                                        	<div class="form-group">
                                        		<input type="text" name="channels" id="channels" value="" placeholder="Please enter channels name" class="form-control">    
                                        	</div>
                                        </div> 
                                        <div class="col-sm-2 col-md-2"> 
                                        	<div class="form-group">
	                                            <select name="channels_status[]" id="channels_status" multiple class="form-control">                
	                                                <option value="2">All</option>  
	                                                <option value="1" selected="">Active</option>  
	                                                <option value="0">Inactive</option>  
	                                            </select>
                                        	</div>
                                        </div>
                                    </div>
								</form>
							</div>
						</div> --}}
						{{-- @if(count($result['SignaturesData'])<1) --}}
						<div class="col-xs-2">
							<div class="row">
								<div class="box-tools pull-left">
									<a href="{{ route('signatures.create') }}" type="button" class="btn btn-block btn-primary">{{ trans('Add new signatures') }}</a>
								</div>
							</div>
							<br>
						</div>
						{{-- @endif --}}
						<div class="col-xs-12">
							<div class="row">
								@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
								@endif
								@if(session()->has('error'))
									<div class="alert alert-warning alert-dismissible">
									   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
									   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
										{{ session()->get('error') }}
									</div>
								@endif
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">	
				                <table id="example1" class="table table-bordered table-striped signatures-table">
									<thead>
										<tr>                      
											<th width="5%">{{ trans('ID') }}</th>
											<th>{{ trans('Name') }}</th>
											<th>{{ trans('Signatures') }}</th>
											<th width="15%">{{ trans('Date') }}</th>
											<th width="10%">{{ trans('Action') }}</th>
										</tr>
									</thead>
									<tbody class="result-data">
										@include('admin.signatures.signatures_pagination_data')
									</tbody>
				                </table>
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
							</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 type="text/javascript">	 	
	/*function fetchMachinesData(page = '', machine = '') {
		$.ajax({
			url: '{{URL("admin/get-machines-by-data")}}',
           type: "GET",
           //async: false,
	        data:{'page':page, 'machine':machine, 'machine':machine},
			success:function(data) {
				$('tbody.result-data').html('');
				$('tbody.result-data').html(data.data);
				//$('.pagination-result').html(data.pagination_val);
			}
		});
	}
    $('#machines_name').on('keyup',function(){
	    var machine = $('#machines_name').val();
	    //console.log(machine);
	    //return false;
	    fetchMachinesData(page = '', machine = machine);
    }); 

	$(document).on('click', '.machines-pagination .pagination a', function(event){    
	    event.preventDefault();
	    var page = $(this).attr('href').split('page=')[1];
	    //console.log(page);
	    $('#hidden_page').val(page);
	    $('li').removeClass('active');
	    $(this).parent().addClass('active');
	    var machine = '';
	    if ($('#machines_name').val() != '') {
	    	machine = $('#machines_name').val();
	    }
	    fetchMachinesData(page = page, machine = machine);
	});*/
</script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
  </script>
@endsection