@extends('layouts.admin')

@section('content')
@push('css')
    <link href="{{ asset('') }}/assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
    
@endpush
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h5>Activity Log Histories</h5>
                        </div>
                    </div>
                    
                </div>                                    
                    <div class="card-body">
                        <form method="GET" action="{{ url()->current() }}">
                        <div class="row mb-3" style="border-bottom: 1px solid #e4e3e3;">
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="admin" class="col-form-label pt-0">Admin</label>
                                    <select id="admin" class="select2 form-control mb-3 custom-select" name="admin">
                                    <option disabled="" selected="" value="">Select One</option>
                                    {{ create_option("users","id","name",old('admin'),'WHERE user_type="Admin"','ORDER BY name ASC') }} 
                                </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="start_date" class="col-form-label pt-0">Start Date</label>
                                    <input class="datepicker1 form-control" type="text" name="start_date" id="start_date" placeholder="Start Date" value="{{ old('start_date') }}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group ">
                                    <label for="end_date" class="col-form-label pt-0">End Date</label>
                                    <input class="datepicker1 form-control" type="text" name="end_date" id="end_date" placeholder="End Date" value="{{ old('end_date') }}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-3 mt-4">
                                <button class="btn btn-primary">Search</button>
                                <a href="{{route('admins.view_log_histories')}}" class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>
                    
                        <div class="activity">
                            @if(count($logs)>0)
                            @foreach($logs as $log)
                            <i class="mdi mdi-check text-primary" title="{{$log->id}}"></i>      
                            <div class="time-item">
                                <div class="item-info">
                                    <div class="text-muted float-right font-size-13">{{ utc_to_local('d M Y, g:i:s A',$log->created_at) }}</div>
                                    <h5 class="mt-0 mb-1" title="{{$log->module_id}}">{{ $log->summary }}</h5>
                                    <p class="text-muted font-size-13"><b>{{@$log->createdBy->name}}</b> Has {{$log->text}}
                                    </p>
                                </div>
                            </div>
                            @endforeach
                            @endif                                                           
                        </div>
                        <div class="justify-content-center" style="display: flex;">
                            {{ $logs->links() }}
                        </div>
                    </div>                                        
                                    
            </div>
        </div> <!-- end col -->                                                               
    </div><!--end row-->
    
</div> <!-- container-fluid -->
@push('alljs')
@endpush
@endsection