@extends('Admin.layout')
@section('pagetitle', __('trans.reviews'))
@section('content')

<div class="my-2 text-sm-end">
    <button type="button" id="DeleteSelected" onclick="DeleteSelected('contacts')" class="btn btn-dark" disabled>@lang('trans.Delete_Selected')</button>
</div>
<table class="table table-bordered data-table table-striped" id="DataTable">
    <thead>
        <tr>
            <th>#</th>
            <th>@lang('trans.name')</th>
            <th>@lang('trans.phone')</th>
            <th>@lang('trans.rate')</th>
            <th>@lang('trans.comment')</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        @foreach($reviews as $review)
            <tr>
                <th>{{ $loop->iteration }}</th>
                <th>{{ $review->client_name }}</th>
                <th>{{ $review->client_phone }}</th>
                <th>{{ $review->rate }}</th>
                <th>{{ $review->comment }}</th>
                <th>
                    <form class="formDelete" method="POST" action="{{ route('admin.reviews.destroy', $review->id) }}">
                        @csrf
                        <input name="_method" type="hidden" value="DELETE">
                        <button type="button" class="btn btn-flat show_confirm" data-toggle="tooltip" title="Delete"><i class="fa-solid fa-eraser"></i></button>
                    </form>
                </th>
            </tr>
        @endforeach
    </tbody>
</table>

@endsection



@push('js')


    <script type="text/javascript">

        $(document).ready(function () {
            var table = $('#DataTable').dataTable({
                oLanguage: {
                    sUrl: '{{ DT_Lang() }}'
                }
                , dom: 'Blfrtip'
                , buttons: [
                    {
                        extend: 'copy',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'excel',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'csv',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'pdf',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'print',
                        exportOptions: {
                            stripHtml : false,
                            columns: ':visible'
                        }
                    },
                    'colvis'
                ]
                , lengthMenu: [[-1,10, 25, 50], ["All",10, 25, 50]]
                
             });
        });
    </script>

@endpush