@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">
                        <a href="{{route($modelName.'.create')}}"
                            class="btn btn-success">{{trans($namespaceName.'/'.$modelName.'.Create')}}</a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="example2" class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'group_name')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'reserved_number')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'group_owner')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'group_join_link')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data as $row)
                            <tr id="row_{{$row->id}}">
                                <td>{{$loop->iteration}}</td>
                                <td>{{$row->group_name}}</td>
                                <td>{{$row->reserved_number}}</td>
                                <td>{{$row->group_owner}}</td>
                                <td id="regitster_{{$row->id}}" data-url="{{$row->join_group_url}}">
                                    <button class="btn btn-secondary btn-sm" onclick="copyToClipboard('{{$row->join_group_url}}')">{{trans('labels.copy')}} <i class='bx bxs-copy-alt' ></i></button>
                                </td>
                                <td>
                                    <a href="{{route('viewVisitorGroup',$row->id)}}" title="{{ trans('labels.show') }}" class="btn btn-primary btn-sm"><i
                                        class='bx bx-show'></i></a>
                                    {{-- <a href="{{route($modelName.'.edit',$row->id)}}" class="btn btn-success btn-sm"><i
                                            class='bx bx-edit'></i></a> --}}
{{--                                    <button type="button" class="btn btn-danger waves-effect waves-light btn-sm"--}}
{{--                                            onclick="delete_alert({{$row->id}},'hosts')"><i--}}
{{--                                            class="bx bx-trash"></i></button>--}}
                                </td>
                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
    <script>
        function copyToClipboard(url) {

            var temp = $("<input>");
            $("body").append(temp);
            temp.val(url).select();
            document.execCommand("copy");
            temp.remove();

            const Toast = Swal.mixin({
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 1000,
                timerProgressBar: false,
                width:'200px',
                didOpen: (toast) => {
                    toast.addEventListener('mouseenter', Swal.stopTimer)
                    toast.addEventListener('mouseleave', Swal.resumeTimer)
                }
            })

            Toast.fire({
                icon: 'success',
                title: '{{trans('messages.copied')}}'
            })
        }
    </script>
@endpush