@extends('layouts.app')
@section('title')
{{ __('messages.User activities') }}
@endsection
@section('style')
<style>
    .box-img img,
    {
    width: 100%;
    height: 100%;
    object-fit: cover;

    }

    .box-img {
        width: 100%;
        height: 300px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
@endsection
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    @include('inc.breadcrumb', [
    'breadcrumb_items' => [
    __('messages.Home') => route('home'),
    // __('messages.Website Management') => null,
    __('messages.User activities') => "active",
    ],
    ])


    <!-- Basic Bootstrap Table -->
    <div class="card">
        {{-- <div class="card mb-6">
            <div class="card-body">
                <div>
                  
                    @if($sel_user)
                    <span class=" mt-2 badge bg-label-success mx-2"><i data-input_name="select_user_id"
                            class="ti ti-x cursor-pointer btn_remove_filter"></i>{{ __("messages.Employee") }}
                        : {{ $sel_user}}</span>
                    @endif
                    @if (request('from_date'))
                    <span class="badge bg-label-success mx-2"><i data-input_name="select_from_date"
                            class="ti ti-x cursor-pointer btn_remove_filter"></i>{{ __('messages.From Date') }}
                        : {{ request('from_date') }}</span>
                    @endif

                    @if (request('to_date'))
                    <span class="badge bg-label-success mx-2"><i data-input_name="select_to_date"
                            class="ti ti-x cursor-pointer btn_remove_filter"></i>{{ __('messages.To Date') }}
                        : {{ request('to_date') }}</span>
                    @endif


                </div>
                <p class="demo-inline-spacing">
                    <a class="btn btn-primary me-1" data-bs-toggle="collapse" href="#collapseExample" role="button"
                        aria-expanded="false" aria-controls="collapseExample">
                        <i class="ti ti-adjustments-alt"></i> {{ __("messages.Filter") }}
                    </a>

                </p>
                <div class="collapse" id="collapseExample">

                    <form id="form_filter">
                        <div class="row">

                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary btn-block w-100">{{
                                    __("messages.Apply")
                                    }}</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div> --}}
        <div class="p-3 d-flex justify-content-between gap-1">
            <div>
            </div>
            <div>
                <div class="btn-group" role="group" aria-label="Basic example">





                </div>
            </div>
        </div>
        <div class="table-responsive text-nowrap">
            <table class="table">
                <thead>
                    <tr>
                        <th>المستخدم</th>
                        <th>العنوان</th>
                        <th>الرسالة</th>
                        <th>النوع</th>
                        {{-- <th>الموديل</th> --}}
                        {{-- <th>الرقم</th> --}}
                        <th>التاريخ</th>
                        <th>التفاصيل</th>
                    </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                    @php
                    $i = 1;
                    $skipCount = $data->perPage() * $data->currentPage() - $data->perPage();
                    @endphp
                    @include('inc.is_empty_data', [
                    'var_check_empty' => $data,
                    'var_check_empty_rows' => 8,
                    ])
                    @foreach($data as $log)
                    <tr>
                        <td>{{ $log->user?->name ?? 'غير معروف' }}</td>
                        <td>{{ $log->title }}</td>
                        <td>{{ Str::limit($log->message, 50) }}</td>
                        <td><span class="badge bg-primary">{{ $log->type }}</span></td>
                        {{-- <td>{{ class_basename($log->model_type) }}</td>
                        <td>{{ $log->model_id }}</td> --}}
                        <td>{{ $log->created_at->format('Y-m-d H:i') }}</td>
                        <td>
                            <a href="{{ route('admin.logs.show', $log->id) }}" class="btn btn-sm btn-info">
                                عرض
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="m-3">
                {{ $data->appends(Request::except(['_token']))->links() }}
            </div>

        </div>
    </div>
    <!--/ Basic Bootstrap Table -->

</div>
@endsection


@section('script')
<script>
    $(function(){
        $(".btn_remove_filter").click(function() {
            var input_name = $(this).data('input_name')
            $(`.${input_name}`).html(null)
            $(`.${input_name}`).val(null)
            $('#form_filter').submit()
        })
    })
</script>
@endsection