@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')
        <div class="card main_card">
            <div class="card-header">
                <div class="row">
                    <div class="col">
                        <div class="row">
                            <div class="col-6">

                                <div class="btn-group" role="group" aria-label="Basic example">

                                <button type="submit" disabled onclick="$('#bulk_archive_form').submit()"  class="btn btn-secondary bulk-button " title="{{trans('labels.archive_selected_rows')}}"><i class="bx bxs-archive-in"></i>{{ trans("labels.archive") }}
                                </button>
                                {{-- <button type="submit"  disabled onclick="$('#bulk_delete_form').submit()"  class="btn btn-danger bulk-button" title="{{trans('labels.delete_selected_rows')}}"><i class="fa-solid fa-trash-can"></i>{{ trans("labels.delete") }}
                                </button> --}}
                                <button type="submit"  disabled onclick="bulk_alert('bulk-delete-logs')"  class="btn btn-danger bulk-button" title="{{trans('labels.delete_selected_rows')}}"><i class="fa-solid fa-trash-can"></i>{{ trans("labels.delete") }}
                                </button>

                            </div>
                            </div>
                            <div class="col-6">
                                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button class="btn primary" onclick="showFilterForm()" id="advanced_search" type="button">{{ trans('labels.advanced_search') }}</button>
                                </div>
                            </div>
                            <form method="post" id="bulk_delete_form" action="{{route($modelName.'.bulk_delete')}}" style="display: inline-block;">
                                @csrf
                                {{-- @method('delete') --}}
                                <input type="hidden" name="logs_ids" id="deleted-record-ids" class="record-ids">
                            </form><!-- end of form -->
                            <form method="post" id="bulk_archive_form" action="{{route($modelName.'.bulk_archive')}}" style="display: inline-block;">
                        @csrf
                        {{-- @method('delete') --}}
                        <input type="hidden" name="logs_ids" id="record-ids" class="record-ids">
                    </form><!-- end of form -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <form id="filters" style="{{$searchFlag?'display: block':'display: none'}}" action="{{ route('logs.filter') }}" method="GET">
                    <div id="search_options"  class="row">
                        <div class="col-4">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'user')}}</label>
                            <input type="text" id="user" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="user" value="{{ old('user')}}" />

                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'from')}}</label>
                            <input type="text" id="from" class="form-control datepicker" name="from" value="{{old('from')}}"/>

                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'to')}}</label>
                            <input type="text" id="to" class="form-control datepicker " name="to" value="{{old('to')}}"/>
                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'platform')}}</label>
                            <input type="text" id="platform" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="platform" value="{{ old('platform') }}" />
                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'code')}}</label>
                            {{-- <input type="text" id="code" class="form-control " name="code" /> --}}
                            <select class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="code" id="code">
                                <option selected hidden value="">{{ trans('messages.select') }}</option>
                                <option value=""></option>
                                @foreach ($codes as $code )
                                    <option value="{{ $code->id }}" {{ old('code')==$code->id ?'selected':''}}>{{ $code->display_value }} <span>{{ $code->key }}</span></option>
                                @endforeach
                             </select>
                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'url')}}</label>
                            <input type="text" id="url" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="url"  value="{{\Illuminate\Support\Facades\Request::input('url')}}" />
                        </div>
                    </div>
                    <button type="submit" class="btn btn-secondary my-2"><i class="bx bx-filter"></i>{{ trans("labels.search") }}</button>
                </form>
                <div class="table-responsive">
                    <table id="example2" class="table table-striped table-bordered text-center errors">
                        <thead>
                            <tr>
                                <th>
                                    <div class="animated-checkbox">
                                        <label class="m-0">
                                            <input class="form-check-input" type="checkbox" id="record__select-all">
                                            <span class="label-text"></span>
                                        </label>
                                    </div>
                                </th>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'user')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'code')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'url')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'platform')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'date')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'action')}}</th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($logs as $row)
                            <tr id="row_{{$row->id}}">
                                <td>
                                    <div class="animated-checkbox">
                                        <label class="m-0">
                                            <input type="checkbox" class="form-check-input record__select"  value="{{ $row->id }}">
                                            <span class="label-text"></span>
                                        </label>
                                    </div>
                                </td>
                                <td>{{$loop->iteration}}</td>
                                @if ($row->errorUser->id != 0)
                                <td><a href="{{ route('users.details',$row->errorUser->id) }}">{{$row->errorUser->name}}</a></td>
                                @else
                                <td>{{$row->errorUser->name}}</td>
                                @endif
                                <td>{{$row->errorCode->display_value}}</td>
                                <td>{{$row->url}}</td>
                                <td>{{$row->platform}}</td>
                                <td>{{$row->date}}</td>
                                <td>
                                    <div class="dropdown">
                                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class='bx bx-list-ul'></i>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-light" aria-labelledby="dropdownMenuButton2">
                                          <li class="dropdown-item"><a href="{{route($modelName.'.view',$row->id)}}" class="btn  btn-sm"><i
                                            class='bx bx-show'></i>{{ trans($namespaceName.'/'.$modelName.'.'.'view') }}</a> </li>
                                          <li class="dropdown-item"> <a href="{{route($modelName.'.archive',$row->id)}}" class="btn  btn-sm"><i
                                            class='bx bx-archive'></i>{{ trans($namespaceName.'/'.$modelName.'.'.'archive') }}</a> </li>
                                          <li class="dropdown-item"><a onclick="logs_delete_alert({{ $row->id }},'logs/delete')" class="btn btn-sm"><i
                                            class='bx bx-trash'></i>{{ trans($namespaceName.'/'.$modelName.'.'.'delete') }}</a> </li>
                                          {{-- <li class="dropdown-item"><a href="{{route($modelName.'.destroy',[$row->id])}}" class="btn btn-sm"><i
                                            class='bx bx-trash'></i>{{ trans($namespaceName.'/'.$modelName.'.'.'delete') }}</a> </li> --}}
                                        </ul>
                                    </div>
                                </td>

                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
    <script>
        function showFilterForm()
        {
            let x = document.getElementById("filters");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
            }

    </script>
@endpush