@extends('Common::admin.layout.page')
@section('page')
    <div class="row">
        <div class="col-12">
            @if (isset($list_includes))
                @foreach ($list_includes as $file)
                    @include($file)
                @endforeach
            @endif
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ __($title) }}</h3>
                    <div class="btns">
                        @if ($can_add)
                            @foreach ($head_buttons ?? [] as $btn)
                                {!! $btn !!}
                            @endforeach
                            <a href="{{ route("admin.$name.create", request()->query()) }}"
                                class="mlink btn btn-success"><i class="fa fa-plus"></i>
                                <span>{{ __('Add new') }}</span></a>
                        @endif
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body table-responsive">
                    <div class="list_search">
                        @if (isset($searchable))
                            @foreach ($searchable as $row)
                                <div class="form_group">
                                    @if ($row['type'] == 'select')
                                        <select name="{{ $row['name'] }}" class="form-control" id="">
                                            <option value="" selected disabled>{{ $row['title'] }}</option>
                                            @foreach ($row->values as $val => $name)
                                                <option value="{{ $val }}">{{ $name }}</option>
                                            @endforeach
                                        </select>
                                    @else
                                        <input class="form-control" name="{{ $row['name'] }}" />
                                    @endif
                                </div>
                            @endforeach
                        @endif
                    </div>
                    @php
                        
                    @endphp
                    <table id="example2" class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                @foreach ($list as $key => $col_title)
                                    <th>{{ app()->getLocale() == 'ar' ? $col_title : ucfirst($key) }}</th>
                                @endforeach
                                @if (isset($links))
                                    @foreach ($links as $link)
                                        @if (!isset($link['role']) ||
                                            auth()->user()->hasRole($link['role'], 'list'))
                                            <th>{{ __($link['title']) }}</th>
                                        @endif
                                    @endforeach
                                @endif
                                @if (isset($switches))
                                    @foreach ($switches as $inpTitle => $route)
                                        <th>{{ __($inpTitle) }}</th>
                                    @endforeach
                                @endif
                                @if ($can_edit)
                                    <th>{{ __('Edit') }}</th>
                                @endif
                                @if ($can_delete)
                                    <th>{{ __('Delete') }}</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($rows as $row)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    @foreach ($list as $key => $col_title)
                                        @php
                                            $value = $key != 'created_at' && is_object($row->$key) ? $row->$key->{app()->getLocale()} : $row->$key;
                                        @endphp
                                        @if (in_array($key, ['image', 'path']))
                                            <td><img height="80px" src="{{ $value }}" /></td>
                                        @else
                                            <td>{{ $value }}</td>
                                        @endif
                                    @endforeach

                                    @if (isset($links))
                                        @foreach ($links as $link)
                                            @if (!isset($link['role']) ||
                                                auth()->user()->hasRole($link['role'], 'list'))
                                                <td>
                                                    <a class="btn btn-{{ $link['type'] }} mlink"
                                                        href="{{ $link['url'] . '?' . $link['key'] . '=' . $row->id }}">
                                                        <i class="fa {{ $link['icon'] }}"></i>
                                                    </a>
                                                </td>
                                            @endif
                                        @endforeach
                                    @endif
                                    @if (isset($switches))
                                        @foreach ($switches as $inpTitle => $route)
                                            <td>
                                                <label class="switch">
                                                    <input type="checkbox" {{ $row->$inpTitle ? 'checked' : '' }}
                                                        class="change_status" value="{{ $row->id }}"
                                                        data-route="{{ $route }}">
                                                    <span class="slider round"></span>
                                                </label>
                                            </td>
                                        @endforeach
                                    @endif
                                    @if ($can_edit)
                                        <td>

                                            <a class="btn btn-primary mlink"
                                                href="{{ route("admin.$name.edit", array_merge([$row->id], request()->query())) }}">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                        </td>
                                    @endif
                                    @if ($can_delete)
                                        <td>
                                            <form action="{{ route("admin.$name.destroy", $row->id) }}" method="post"
                                                class="action_form remove">
                                                @csrf
                                                {{ method_field('delete') }}
                                                <button type="submit" class="btn btn-danger removethis">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    @endif
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <ul class="paginator">
                        @if ($paginate)
                            {{ $rows->appends(request()->query())->links() }}
                        @endif
                    </ul>

                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
    <script>
        // $('.table').DataTable({
        //     "paging": false,
        //     "lengthChange": false,
        //     "searching": false,
        //     "ordering": true,
        //     "info": false,
        //     "autoWidth": false,
        // });
    </script>

@stop