@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">
            <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 class="col">
                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <button class="btn btn-primary" onclick="showFilterForm()" id="advanced_search" type="button">{{ trans('labels.advanced_search') }}</button>
                            <div class="dropdown d-grid gap-2 d-md-flex justify-content-md-end">
                                <button class="btn btn-secondary dropdown-toggle submit-button" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class='bx bx-download'></i> {{trans($namespaceName.'/'.$modelName.'.export')}}
                                </button>
                                <ul class="dropdown-menu dropdown-menu-light" aria-labelledby="dropdownMenuButton2">
                                  <li class="dropdown-item"> <form action="{{ route('companies-invitation-link.export') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="data"class="export" value="{{ json_encode($data) }}">
                                    <input type="hidden" name="exportFormat" value="excel">
                                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="submit-button btn btn-sm">EXCEL</button>

                                </form> </li>

                                  <li class="dropdown-item"> <form action="{{ route('companies-invitation-link.export') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="data" class="export" value="{{ json_encode($data) }}">
                                    <input type="hidden" name="exportFormat" value="pdf">
                                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="submit-button btn btn-sm">PDF</button>

                                </form> </li>


                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <form id="filters" style="{{$searchFlag?'display: block':'display: none'}}" action="{{ route('company-invitation-link-report.filter') }}" method="GET">
                    <div id="search_options"  class="row">

                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'link_name')}}</label>
                            <input type="text" id="link_name" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="link_name" value="{{ old('link_name') }}" />
                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'company')}}</label>
                            <select class="multiple-select" name="company_id" data-placeholder="Choose anything" value="{{old('company_id')}}">
                                <option value="" ></option>
                                @foreach($companies as $company)
                                    <option value="{{ $company->id }}"> {{$company->name}}  ({{  $company->code }})</option>
                                @endforeach
                            </select>
                            
                        </div>

                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'created_at')}}</label>
                            <input type="date" id="created_at" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="created_at" value="{{ old('created_at') }}" />
                        </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">
                        <thead>
                            <tr>
                                <th>#</th>
                               
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'link_name')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'company')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'vip_short_link')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'regular_short_link')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'invitation_type')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'event')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'created_at')}}</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->link_name}}</td>
                                <td>{{$row->company->name}}</td>
                                <td><button class="btn btn-secondary btn-sm" onclick="copyToClipboard('{{ $row->vip_registration_link }}')">{{trans('labels.copy')}} <i class='bx bxs-copy-alt' ></i></button></td>
                                <td><button class="btn btn-secondary btn-sm" onclick="copyToClipboard('{{ $row->regular_registration_link }}')">{{trans('labels.copy')}} <i class='bx bxs-copy-alt' ></i></button></td>
                                {{-- <td>{{$row->vip_registration_link}}</td> --}}
                                {{-- <td>{{$row->regular_registration_link}}</td> --}}
                                <td>{{$row->invitation_type}}</td>
                                <td>{{$row->event->name}}</td>
                                <td>{{$row->created_at}}</td>
                                <td>
                                    {{-- <a href="#" class="btn btn-success btn-sm">
                                        <i
                                        title="{{ trans('labels.edit') }}" class='bx bx-edit'></i></a> --}}
                                        <a href="{{route('companies-invitation-link.show',$row->id)}}" title="{{ trans('labels.show') }}" class="btn btn-primary btn-sm"><i
                                            class='bx bx-show'></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 showFilterForm()
        {
            let x = document.getElementById("filters");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }



        
        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