@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;
	}
  .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> {{$result['pageHeading']}}</h1>
    <ol class="breadcrumb">       
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i>Dashboard</a></li>
      <li class="active"> {{$result['pageHeading']}}</li>
    </ol>
  </section>
  <section class="content"> 
    <div class="row">
      <div class="col-md-12">
        <div class="box box-info"> 
          <div class="box-body">
             @if(session()->has('message') || session()->has('error'))
                <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>
              @endif
 
            {{-- <div class="col-xs-12">
              <div class="row">
                <form action="" method="GET" id="search_form">                  
                  <div class="col-sm-4 col-md-4">
                                        <div class="form-group">
                      <label>
                      <input type="radio" name="status_filter" value="2" class="" autocomplete="off" {{$allStatus}} onclick="submitSearchForm()"> All</label>
                      &nbsp;&nbsp;&nbsp;<label>
                      <input type="radio" name="status_filter" value="1" class="" autocomplete="off" {{$activeStatus}} onclick="submitSearchForm()"> Active</label>
                      &nbsp;&nbsp;&nbsp;<label>
                      <input type="radio" name="status_filter" value="0" class="" autocomplete="off" {{$inactiveStatus}} onclick="submitSearchForm()"> Inactive</label>
                            </div>
                          </div>
                </form>
              </div>
              <br>
            </div> --}}
            <div class="row">
              <div class="col-xs-12 swapSearch">
                <table id="example1" class="table table-bordered table-striped example">
                  <thead>
                    <tr>
                      <th width="5%">Sn</th>
                      <th width="20%">Name</th>
                      <th width="10%">Email</th>                      
                      <th width="10%">Phone</th>
                      <th width="10%">Domain</th>
                      <th width="10%">IP</th>
                      {{-- <th width="5%">Status</th> --}}
                      <th width="15%">Added Date</th>
                      <th width="10%">Action</th>
                    </tr>
                  </thead>
                  <tbody>
                  
                                    </tbody>
                </table>
              </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 src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap.min.js"></script>
<link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript">  
  var jq162  = jQuery.noConflict(true);
  jq162(document).ready(function() {
    jq162('.example').DataTable({
      "pageLength": 50,
      "lengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],
      "order": [[ 6, "desc" ]]
    });
  });
</script>
<script>
  function submitSearchForm() {
    document.getElementById("search_form").submit();
  } 
</script>

<!--Style added by Dalip Sharma on 21-09-2020 for swap search placement-->
<style>

    .swapSearch div.dataTables_wrapper > div.row:first-child {
    display: flex;
    flex-wrap: wrap;
}

.swapSearch div.dataTables_wrapper > div.row:first-child > .col-sm-6:first-child {
    order: 2;
    text-align: right;
}

.swapSearch div.dataTables_wrapper > div.row:first-child > .col-sm-6:last-child {
    order: 0;
    text-align: left;
}

.swapSearch div.dataTables_wrapper > div.row:first-child > .col-sm-6:last-child div#example1_filter {
    text-align: left;
}

</style>
<!--Style added by Dalip Sharma on 21-09-2020 for swap search placement-->
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>
@endsection