{{-- section --}}
<section id="content--section" class="content--section">
    <div class="container rtl--direction">




        {{-- submenu --}}
        <livewire:dashboard.management.components.submenu />










        {{-- ------------------------------------ --}}
        {{-- ------------------------------------ --}}








        {{-- topRow --}}
        <div class="row align-items-center rtl--direction" style="margin-bottom: 60px" data-aos="fade"
            data-aos-duration="600" data-aos-delay="600" data-aos-once="true" wire:ignore.self>




            {{-- empty --}}
            <div class="col-4"></div>








            {{-- search --}}
            <div class="col-4 text-center">
                <input class="form--input main-version w-100" type="search" wire:model.live.debounce.50ms='searchRole'
                    placeholder="{{ __('Search by Records') }}" disabled />
            </div>









            {{-- totalCount --}}
            <div class="col-4 text-end">
                <h2 class="fw-bold scale--self-05 counter--badge" data-bs-toggle="tooltip" data-bss-tooltip=""
                    title="{{ __('Number of Records') }}">
                    {{ $logs->count() }}
                </h2>
            </div>






        </div>
        {{-- end topRow --}}









        {{-- ------------------------------------------------------------------ --}}
        {{-- ------------------------------------------------------------------ --}}









        {{-- content --}}
        <div class="row mb-5 rtl--direction" data-aos="fade" data-aos-duration="600" data-aos-delay="600"
            data-aos-once="true" wire:ignore.self>
            <div class="col-12">
                <div class="table-responsive memoir--table">
                    <table class="table table-bordered" id="relatedCases--table">



                        {{-- headers --}}
                        <thead>
                            <tr>
                                <th class='th--xs'></th>
                                <th class='th--md'>{{__('Action')}}</th>
                                <th class='th--md'>{{__('Details')}}</th>
                                <th class='th--sm'>{{__('Action Date')}}</th>
                                <th class='th--sm'>{{__('Via User')}}</th>
                                <th class='th--xs'></th>
                            </tr>
                        </thead>
                        {{-- endHeaders --}}






                        {{-- ------------------------------- --}}
                        {{-- ------------------------------- --}}







                        {{-- tbody --}}
                        <tbody>


                            {{-- loop - logs --}}
                            @foreach ($logs ?? [] as $log)

                            <tr>



                                {{-- 1: name --}}
                                <td class='fw-semibold'>{{ $log?->id }}</td>
                                <td>{{ $log?->{__('action')} }}</td>
                                <td>{{ $log?->{__('description')} }}</td>



                                {{-- 1.2: date - user --}}
                                <td dir='ltr'>{{ $log?->creationDate }}</td>
                                <td>{{ $log?->user?->{__('name')} }}</td>




                                {{-- ------------------------- --}}
                                {{-- ------------------------- --}}




                                {{-- 1.3: viewAction --}}
                                <td>
                                    <a target='_blank' href="{{ $log?->getRoute() }}"
                                        class="btn btn--scheme btn--scheme-outline-5 fs-12 px-4 mx-1 btn--action">{{__('View')}}</a>
                                </td>






                            </tr>

                            @endforeach
                            {{-- end loop --}}



                        </tbody>
                    </table>
                </div>
                {{-- endTable --}}




            </div>
        </div>
    </div>
    {{-- end container --}}

















    {{-- ------------------------------------------------- --}}
    {{-- ------------------------------------------------- --}}







    {{-- :: modals --}}
    @section('modals')




    @endsection
    {{-- endSection --}}






    {{-- ------------------------------------------------- --}}
    {{-- ------------------------------------------------- --}}









</section>
{{-- endSection --}}