@extends('master')

@section('title')
Monitoreo de actividad
@endsection

@section('breadcrumb')
    <li class="breadcrumb-item">
        <a href="{{'/users/activity'}}">
            <i class="fas fa-user-clock"></i>
            Monitoreo de actividad
        </a>
    </li>
@endsection
@section('link')
<link rel="stylesheet" href="{{url('/static/css/timeline.css?v='.time())}}">
@endsection
@section('body')
    <div class="col wrapper  ">
        
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-4 col-12 mtop16">
                <div class="row">
                    <div class=" col-12 ">
                        <div class="panel myshadow">
                            <div class="mypanel">
                                <div class="title">
                                    <p><i class="bi bi-search"></i> Filtrar</p>
                                    <form action="{{url('/users/activity')}}" method="get" >
                                        <div class="mb-3">
                                            <label for="user" class="form-label">Usuario</label>
                                            <select class="form-select" name="user">
                                                @foreach ($users as $user)
                                                    <option @if(isset($_GET['user'])) @if($_GET['user'] == $user->id) selected @endif @endif  value="{{$user->id}}">{{$user->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="mb-3">
                                            <label for="filter" class="form-label">Filtrar acciones</label>
                                            <select class="form-select" name="filter">
                                                @foreach (activities() as $a => $b)
                                                    <option @if(isset($_GET['filter'])) @if($_GET['filter'] == $a) selected @endif @endif value="{{$a}}">{{$b}}</option>
                                                @endforeach
                                            </select>
                                        </div>
            
                                        <div class="mb-3">
                                            <label for="date_start" class="form-label">Fecha inicial</label>
                                            <input type="date" class="form-control"  name="date_start" id="date_start">
                                        </div>
            
                                        <div class="mb-3">
                                            <label for="date_end" class="form-label">Fecha final</label>
                                            <input type="date" class="form-control"  name="date_end" id="date_end">
                                        </div>
                                        <button type="submit" class="btn btn-success" >Buscar</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-8 col-md-8 col-sm-8 col-12 mtop16 mb-5">
                <div class="panel myshadow">
                    <div class="mypanel">
                        <div class="d-flex justify-content-between">
                            <div class="title">
                                <p><i class="bi bi-list-nested"></i> Monitoreo de actividades</p>
                            </div>
                        </div>
                        <div class="timeline">
                            @foreach ($activities as $activity)
                                <div class="timeline__group">
                                    <div class="timeline__cards">
                                        <div class="timeline__card card-time">
                                            <header class="card__header">
                                                <p class="name">{{optional($activity->getUser)->name}}</p>
                                                <time class="time" >                                            
                                                    <span class="time__day">{{$activity->created_at->format('d')}}</span>
                                                    <span class="time__month">{{$activity->created_at->format('M')}}</span>
                                                    <span class="time__hour">{{$activity->created_at->format("h:i A"); }}</span>
                                                </time>
                                            </header>
                                            <div class="card__content centerf" style="justify-content: flex-start;">
                                                <div class="image centerf">
                                                    <img src="{{url('/static/img/activities/'.$activity->type.'.png')}}" alt="">
                                                </div>
                                                <p class="text d-block">
                                                    <span class="title"> {{$activity->title}}</span> <br>
                                                    <span class="desc" > {{$activity->message}}</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="my-2">
                            {{$activities->links()}}
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>   
@endsection