@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;
    }

    .search-list {
        margin-top: 20px;
    }
</style>

<div class="search-list">
    <div class="content-wrapper search-result-list">
        <section class="content-header">
            <h1> User Role Log Data </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">User Role Log Data</li>
            </ol>
        </section>

        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-info">
                        <div class="box-header">
                            <div class="col-md-2">
                                <strong style="color: #00c0ef;">History Logs</strong>
                            </div>
                            <div class="clearfix"></div>
                        </div>

                        <div class="box-body">
                            @if($results->isEmpty())
                                <div class="col-md-12" style="margin-bottom: 3px;">
                                    <p>No log data found</p>
                                </div>
                            @else
                                @foreach ($results as $log)
                                {{-- @dd($log); --}}
                                    <div class="col-md-12" style="margin-bottom: 15px; overflow-wrap: break-word;"> User
                                        <strong>
                                            {{ ucwords($log->userRoleAdmin->first_name . ' ' . $log->userRoleAdmin->last_name) }}
                                        </strong> :
                                        In the   <strong>{{ $log->roleId->RoleName ?? 'null' }}</strong>
                                        role section, <strong>{{ $log->name }}</strong>
                                       the permission was updated from  <strong>{{ $log->old_values ?: 'null' }}</strong> to
                                          <strong>{{ $log->new_values ?: 'null'}}</strong> 
                                       on {{ \Carbon\Carbon::parse($log->created_at)->format('d/m/Y h:i:s A') }}
                                    </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>
    document.querySelectorAll('#watermarked').forEach(function(el) {
        el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
    });
</script>

@endsection