@php
    use App\Models\Profile;
    use App\Http\Controllers\Mod\ModClientProvider;
    use App\Http\Controllers\ModCronos;
@endphp

@include('plugin-datatable.datatable-css')
@include('plugin-datatable.datatable-css-responsive')
<!--/ CONTENT END -->


<h5 class="card-title"><i class="mdi smi-account-multiple text-themecolor"></i> Eventos pelo cliente </h5>

<div class="w-75 pb-2">
    <input id="input" type="text" placeholder="Pesquisar..." class="form-control ">
</div>




<div class="card-search">
    @foreach($record_evento_responsible as $row )
        @php
            $record_event = ModClientProvider::informationEventAction(['idClientProviderEventAction'=>$row->idClientProviderEventAction]);
        @endphp

        <div class="row list-multiline card-search-filter pb-2" data-tag="{{$record_event->xName}}">
            <div class="col-sm-5">

                {{$record_event->xName}}
            </div>

            <div class="col-sm-4">
                <small>
                    <div>
                        Autor: @php $profile= Profile::user($row->idUser ) @endphp
                        {{$profile->userName}}
                    </div>

                    @if($row->idClientProviderEventAction == 1)
                        <div>
                            Antigo responsável:
                            @isset($row->idUserResponsibleNew)
                                @php $profile= Profile::user($row->idUserResponsiblePreviso) @endphp
                                {{$profile->userName}}
                            @endisset
                        </div>
                        <div>
                            Novo responsável:
                            @isset($row->idUserResponsibleNew)
                                @php $profile= Profile::user($row->idUserResponsibleNew ) @endphp
                                {{$profile->userName}}
                            @endisset
                        </div>
                    @endif
                </small>
            </div>

            <div class="col-sm-3 nowrap">
                <small>{{ ModCronos::convertDateTimeBR($row->created_at)}}</small>
            </div>
        </div>
    @endforeach
</div>


{{--            <h6 class="card-subtitle">Lista todos os registro 2</h6>--}}

<script>
    document.addEventListener('DOMContentLoaded', function() {

        let input = document.getElementById('input');
        let authors = document.querySelectorAll('.card-search-filter');

        input.addEventListener('input', function(e) {
            const term = this.value.toLowerCase();
            authors.forEach(function(div) {
                const card = div.dataset.tag.toLowerCase();
                div.hidden = !card.includes(term);
            });
        });
    });
</script>