@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; 
    }
    html .magicsearch-wrapper .multi-item span {
        line-height: 1;
        font-size: 11px;
        align-self: center;
    }

    html .magicsearch-wrapper .multi-item {
        display: flex;
        font-size: inherit;
        position: relative;
        background: #ecf5fc;
        border: solid 1px #c2e0ff;
        padding-left: 4px;
        border-radius: 2px;
        margin-right: 4px !important;
        padding-right: 5px;
        margin-bottom: calc(1rem * 0.375) !important;
        height: auto !important;
        line-height: 1 !important;
    }

    html .magicsearch-wrapper .multi-item-close {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1;
        font-size: 11px;
        height: 100%;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 6px;
        padding-right: 6px;
        margin-left: 4px;
        border-left: solid 1px #c2e0ff;
        display: block;
        position: static;
    }

    html .magicsearch-wrapper .multi-item-close:before {
        content: "\00D7";
        transform: none;
        border: 0;
        background: transparent;
        height: auto;
        width: auto;
        font-size: 11px;
        position: static;
        line-height: 1;
        display: block;
        width: 10px;
    }

    html .magicsearch-wrapper .multi-item-close:after {
        display: none;
    }

    html .magicsearch-wrapper .multi-items {
        position: static;
        clear: both;
        margin-top: 4px;
        max-height: 60px;
        overflow-y: auto;
    }

    html .magicsearch-wrapper .multi-items:after {
        content: "";
        display: block;
        clear: both;
    }

    html .magicsearch-wrapper .multi-item-close:hover:before {
        background: transparent !important;
    }
    html .magicsearch-wrapper input.magicsearch.multi {
        display: block;
        width: 100% !important;
        height: 34px !important;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        border-radius: 0;
    }

    html .magicsearch-wrapper {
        width: 100% !important;
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Log Data') }} <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('Log Data') }}</li>
    </ol>
  </section>
	@php
		$getUserRoleData 			= userRoleData();
		$User				= explode(",",$getUserRoleData->User);
		//$User				= array("Add", "View", "Edit", "Delete");
     
	@endphp
  <section class="content"> 
    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
          <div class="box-header">
            <!-- <h3 class="box-title">{{ trans('Log Data') }} </h3> -->

												<div class="clearfix"></div>
													<!-- <hr class="hr-primary" /> -->
												<div class="clearfix"></div>
												<div class="col-md-2">
													<strong style="color: #00c0ef;">History Logs</strong>
												</div>
												<div class="col-md-12">
												
                                            </div>
                                            <div class="clearfix"></div>
                                            @if($logs->isEmpty())
                        <div class="col-md-12" style="margin-bottom: 3px;">
                            <p>No log data found</p>
                        </div>
                        @else
												@foreach ($logs as $cmVal)
														<div class="clearfix"></div>
														<div class="col-md-12"  style="margin-bottom: 3px; overflow-wrap: break-word;">
                                                        <strong>{{ ($cmVal->managed_by == 0) ? 'Suspension Code' : ucwords($cmVal->managed_by_first_name. ' ' . $cmVal->managed_by_last_name) }}</strong>
                                                        changed {{ $cmVal->name }} from 
                                                        <strong>{{ $cmVal->old_values }}</strong>
                                
                                                        <strong>to</strong> 
                                                         <strong>{{ $cmVal->new_values }}</strong>
                                                         on {{ date('d/m/Y h:i:s A', strtotime($cmVal->created_at)) }}
														</div>
												@endforeach
												@endif
														
													
          </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="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>


@endsection