@extends('admin.layout')
@section('content')
<style type="text/css">
	.mb-0{
    margin-bottom: 0;
}
.dial_code{
    float: right;
    width: 100px;
}
	.my-current
	{
		color: #00c0ef;
	}
	hr {
		margin: 10px 0px 10px 0px;
	}
	.hr-primary{
		border: 1px solid #00c0ef;
	}
    ._notes div + br, ._notes br {
        display: block;
    }
	#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; 
	}
	.border-bottom {
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.pb-3{
		padding-bottom: 1rem;
	}
	.mb-3{
		margin-bottom: 1rem;
	}
	.fa-edit, .fa-trash{
		font-size: 2rem;
		cursor: pointer;
	}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('View Subscription Details') }} <small></small> </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('View Subscription Details') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$ministra		= explode(",",$getUserRoleData->ministra);
	@endphp

    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
			
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">
                         <div class="box-body">
			            	
						@if(in_array("View", $ministra))
						<div class="row">
							<div class="clearfix"></div>
								<form class="navbar-form" role="search" action="{{ url('admin/mac-search') }}">
							    <div class="form-group">
							    	<select name="search_by" class="form-control">
							    		<option value="" {{ !empty(request('search_by')) && request('search_by') == '' ? 'selected' : '' }}>Mac</option>
							    		<option value="phone" {{ !empty(request('search_by')) && request('search_by') == 'phone' ? 'selected' : '' }}>Phone</option>
							    		<option value="account" {{ !empty(request('search_by')) && request('search_by') == 'account' ? 'selected' : '' }}>Account No</option>
							    	</select>
							      <input type="text" name="id" class="form-control" placeholder="Mac Address" value="{{ request('id') }}">
							    </div>
							    <button type="submit" class="btn btn-primary">Search</button>
							  </form>
                      		<hr class="hr-primary" />
                      		<div class="clearfix"></div>
							 		<div class="col-sm-4 col-md-12">
							 			
								 						<div class="col-md-12">
			                                <strong style="color: #00c0ef;">
			                                @if(!empty($result['macDetails']))
			                                Subscription Details
			                                @else
			                                No Record Found.
			                                @endif
			                              </strong>
		                          		</div>
		                      		</div>
		                
		                      		<div class="clearfix"></div>  
		                      		<div id="mac-info-load" class="mac-info-load">
		                      			@foreach($result['macDetails'] as $k => $v)
		                      				<span class="single-mac">
		                      				@foreach($v as $k1 => $v1)                        		
								 									<div class="col-md-4">
			                                <div class="form-group">
																				<div class="col-sm-4 col-md-12">
																					<strong>{{ ucfirst($k1) }}</strong> 
																					@if($k1 == 'Valid until')
																					{{ date('d/m/Y', strtotime($v1)) }}
																					@else
																					{{ $v1 }}
																					@endif 

																					@if($k1 == 'DB' && in_array("Edit", $ministra)) 
																						<a href="javascript:void(0);" onclick="macInfoUpdate('{{ $v1 }}', this);" data-mac="{{ json_encode($v) }}"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;&nbsp;
																					@endif
																					@if($k1 == 'DB' && in_array("Delete", $ministra)) 
																						@if(in_array("Edit", $ministra)) &nbsp;&nbsp; @endif
																						<a href="javascript:void(0);" onclick="deleteMac('{{ $v1 }}', '{{ $v['mac'] }}', this);"><i class="fa fa-trash"></i></a> 
																					@endif
																				</div>
			                                </div>
		                          		</div> 
		                          		@endforeach
		                          		<div class="clearfix border-bottom pb-3 mb-3"></div>
		                          		</span>
		                      			@endforeach
		                      		</div>
		                      		
								</div>


									@if($result['logs']->isNotEmpty())
									<div class="clearfix border-bottom pb-3 mb-3"></div>
									<div class="col-sm-4 col-md-12">
								 			
				 						<div class="col-md-12">
	                            <strong style="color: #00c0ef;">Logs</strong>
	                    		</div>
	                		</div>
										@foreach($result['logs'] as $log)
										<div class="col-md-12" style="margin-bottom: 3px; overflow-wrap: break-word;">
														<strong>{{ $log->user->first_name . ' ' . $log->user->last_name }}</strong> changed {{ $log->name . ' ' . $log->old_values }}  <strong>to</strong> {{ $log->new_values }} on {{ date('d/m/Y h:i a', strtotime($log->created_at)) }}
						        </div>
						        @endforeach
					        @endif
								@endif

						 
                      </div>
                  </div>
              </div>
            </div>
          </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>
  </section>

</div>
</div>

@include('admin.mac-modal')

<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" />

@endsection 

@section('scripts')
@include('admin.mac-js')
<style type="text/css">
  span.card-details {
    font-size: 24px;
  }
  label.control-label {
    font-size: 16px;
  }
  div#err-message {
    color: red;
    padding-bottom: 15px;
    padding-left: 15px;
    font-size: 18px;
	display:none;
}
.select2-container {
    width: 100% !important; /* Make the dropdown full width */
}

.select2-container .select2-selection--single {
    width: 100% !important; /* Ensures the selection box takes full width */
}

</style>
@endsection