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

	.mask-types-table  br {
		display: none !important;
	}
	table th,td{
		text-align: center;
	}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
	<section class="content-header">
		<h1> {{ trans('Customers') }}</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('Customers') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData 		= userRoleData();
		$RhysleyCustomers		= explode(",",$getUserRoleData->RhysleyCustomers);
	@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-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">
														<form action="" method="GET" id="search_form">
                                <div class="col-sm-6 col-md-6">
                                    <strong style="color: #00c0ef;">Search By: Name/Company Name/Email/Phone/GST No/Pan No</strong>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <a href="{{ URL('admin/rhysley-customers') }}" class="btn-primary-apply pull-right">Clear Filter</a>
                                </div>
                                <div class="col-md-12">
                                    <div class="row myFlexDiv">
                                        <div class="col-sm-2 col-md-2 _subject">
                                            <div class="form-group">                    
                                                <input type="text" name="filter"  id="search_text" class="form-control typeahead" value="{{ $filter }}" placeholder="Search" autocomplete="off">
                                                <span class="error_search_text" id="error_search_text"></span>
                                            </div>
                                        </div>
                                        <div class="col-sm-3 col-md-3">
                                            {!! Form::select('status[]', $result['status'], $result['defaultStatus'], array('class'=>'form-control', 'id'=>'status', 'multiple'=>'')) !!}
                                        </div>
                                        <div class="col-sm-3 col-md-3"> 
                                        	<div class="form-group">
                                           		<input type="text" name="mp_from_date" id="mp_from_date" value="{{ $mp_from_date }}" placeholder="Date range" readonly="" class="form-control">
                                       		</div>
                                        </div>                  
                                        <!-- <div class="col-sm-2 col-md-2">&nbsp;</div>                        -->
                                        <div class="col-sm-2 col-md-2">&nbsp;</div>                       
                                        <div class="col-sm-2 col-md-2">
                                            @if(in_array("Add", $RhysleyCustomers))
                                                <div class="box-tools pull-right">
                                                    <a href="{{ route('rhysley-customers.create') }}" type="button" class="btn btn-block btn-primary">{{ trans('Add New Customer') }}</a>
                                                </div>
                                            @endif

                                        </div>
                                     </div>
                                </div>
                            </form>
						</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 width="20%">{{ trans('Customer Name') }}</th>
											<th width="25%">{{ trans('Comapny Name') }}</th>
											<th width="13%">{{ trans('Telephone') }}</th>
											<th width="17%">{{ trans('Email Address') }}</th>
											<th width="10%">{{ trans('Status') }}</th>
											<th width="10%">{{ trans('Action') }}</th>
										</tr>
									</thead>
									<tbody class="result-data">
										@if(count($result['data'])>0)
										    @foreach ($result['data'] as  $key)                           
										        <tr>
										            <td>{{ $key->id }}</td>
										            <td style="text-align: left;">{{ $key->full_name }}</td>
										            <td style="text-align: left;">{{ $key->company_name }}</td>
										            <td>{{ $key->telephone }}</td> 
										            <td>{{ $key->email_address }}</td>  
										            <td>
										                @if($key->status == "1")
										                    <a class="btn btn-success btn-xs" href="rhysley-customers/change-status/{{ $key->id }}/0">
										                        Active
										                    </a>
										                @else
										                    <a class="btn btn-danger btn-xs" href="rhysley-customers/change-status/{{ $key->id }}/1">
										                        Inactive
										                    </a>
										                @endif
										            </td>  
										            <td>
										            	@if(in_array("View", $RhysleyCustomers))
										                    <a href="{{URL('admin/rhysley-customers') }}/{{$key->id}}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-eye"></i><a/>
										                @endif
										                @if(in_array("Edit", $RhysleyCustomers))
										                    <a href="{{route('rhysley-customers.edit', [$key->id]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>
										                @endif
										                @if(in_array("Delete", $RhysleyCustomers))
										                    <a href="javascript:$('#destroy_{{ $key->id }}').submit();" class="btn btn-danger btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getDeleteConfirmation('{{ $key->full_name }}', {{ $key->id }}, 'Mask Type');"><i class="fa fa-trash"></i><a/>
										                    <form action="{{ route('rhysley-customers.destroy', [$key->id])}}" method="POST" id="destroy_{{ $key->id }}">
										                        <input type="hidden" name="_method" value="DELETE">
										                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
										                    </form>
										                @endif
										            </td>
										        </tr>
										    @endforeach
										    <tr>
										        <td colspan="7">
										            <div class="signatures-pagination">
										                {!! $result['data']->links() !!}
										            </div>
										        </td>
										    </tr>
										@else
											<tr>
											    <td colspan="7">No record found</td>                            
											</tr>
										@endif
									</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>
@endsection 
@section('scripts')
<!-- <script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script> -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
	
	function submitSearchForm() {
        $('.fullLoader').show();
        $('#search_form').submit();
    }
    $('#search_text').donetyping(function(){
        submitSearchForm();
    });	 

    $(function () { 
        // Status
        $("#status").select2({
            closeOnSelect: false,
            placeholder: 'Status',
        }).on("select2:select", function (e) {     
            submitSearchForm();
        }).on('select2:unselect', function (e) {
            submitSearchForm();
        });
    });

    $('#mp_from_date').daterangepicker({
        opens: 'left',
        locale: { cancelLabel: 'Clear' },      
        startDate: moment().subtract(1, 'month').startOf('month'),
        endDate: moment(),      
        ranges: {
             'Today': [moment(), moment()], 
             'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
             'Last 7 Days': [moment().subtract(6, 'days'), moment()],
             'Last 30 Days': [moment().subtract(29, 'days'), moment()],
             'This Month': [moment().startOf('month'), moment().endOf('month')],
             'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        }
    }, 
     function(start, end, label) {  
         console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
     });
    $('#mp_from_date').on('apply.daterangepicker', function(ev, picker) {
        var startDate = picker.startDate.format('YYYY-MM-DD')+'/'+picker.endDate.format('YYYY-MM-DD');
        $('#date_range').val(startDate);
        var machine = $('#mp_machines_name').val();
        var mp_inventory_status = $('#mp_inventory_status').val();            
        var operator_name = $('#mp_operator_name').val();
        var column_name = '';
        var sort_type = '';
        if ($('#hidden_column_name').val() != '') {
            column_name = $('#hidden_column_name').val();
        }        
        if ($('#hidden_sort_type').val() != '') {
            sort_type = $('#hidden_sort_type').val();
        }
        submitSearchForm();
    });
    $('#mp_from_date').on('apply.daterangepicker', function(ev, picker) {
        $(this).val(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format('DD/MM/YYYY'));
    });
    $('#mp_from_date').on('cancel.daterangepicker', function(ev, picker) {
        $('#date_range').val('');
        $('#mp_from_date').val('');
        var startDate = '';
        var machine = $('#mp_machines_name').val();
        var mp_inventory_status = $('#mp_inventory_status').val();            
        var operator_name = $('#mp_operator_name').val();
        var column_name = '';
        var sort_type = '';
        if ($('#hidden_column_name').val() != '') {
            column_name = $('#hidden_column_name').val();
        }        
        if ($('#hidden_sort_type').val() != '') {
            sort_type = $('#hidden_sort_type').val();
        }
       
        submitSearchForm();
    });
</script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>
@endsection