@extends('layouts.menu')
@section('dashboard')

<!-- BEGIN: Content -->
<div class="content" style="padding-top: 0rem;">
    <div class="grid grid-cols-12 gap-6 mt-5">
          <!-- BEGIN: Recent Activities -->
          <div class="col-span-12 md:col-span-6 xl:col-span-4 2xl:col-span-12 mt-3">
            <div class="intro-x flex items-center h-10">
                <h2 class="text-lg font-medium text-success truncate mr-5">
                    Journal récent
                </h2>
            </div>
            <div class="mt-5 relative before:block before:absolute before:w-px before:h-[85%] before:bg-slate-200 before:dark:bg-darkmode-400 before:ml-5 before:mt-5">
                @if($histories->count() > 0 )
                @foreach($histories as $history)
                <div class="intro-x relative flex items-center mb-3">
                    <div class="before:block before:absolute before:w-20 before:h-px before:bg-slate-200 before:dark:bg-darkmode-400 before:mt-5 before:ml-5">
                        <div class="w-10 h-10 flex-none image-fit rounded-full overflow-hidden">
                            <img alt="Midone - HTML Admin Template" src="dist/images/profile-1.jpg">
                        </div>
                    </div>
                    <div class="box px-5 py-3 ml-4 flex-1 zoom-in">
                        <div class="flex items-center">
                            <div class="font-medium">{{ $history->name }} </div>
                            <div class="text-xs text-slate-500 ml-auto">{{ $history->created_at->todatestring() }} <br> {{ $history->created_at->format('H:i:s') }}</div>
                        </div>
                        <div class="text-slate-500 mt-1">{{ $history->user->firstName }} {{ $history->user->lastName }}</div>
                    </div>
                </div>
                
                <!-- <div class="intro-x text-slate-500 text-xs text-center my-4">12 November</div> -->
                @endforeach
                <div class="flex items-center">
                    <div class="text-xs text-slate-500 ml-auto">{{ $histories->links() }}</div>
                </div>
               
                @else
                <div class="intro-x relative flex items-center mb-3">
                    <div class="before:block before:absolute before:w-20 before:h-px before:bg-slate-200 before:dark:bg-darkmode-400 before:mt-5 before:ml-5">
                        <div class="w-10 h-10 flex-none image-fit rounded-full overflow-hidden">
                            <img alt="Midone - HTML Admin Template" src="dist/images/profile-1.jpg">
                        </div>
                    </div>
                    <div class="box px-5 py-3 ml-4 flex-1 zoom-in">
                        <div class="flex items-center">
                            <div class="font-medium">Aucun Historique Disponible </div>
                            <div class="text-xs text-slate-500 ml-auto">{{ now()->toDateTimeString() }} <br> {{ now()->format('H:i:s') }}</div>
                        </div>
                        <div class="text-slate-500 mt-1"></div>
                    </div>
                </div>
                @endif

            </div>
        </div>
        <!-- END: Recent Activities -->
    </div>
</div>
<!-- END: Content -->
@endsection