@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="row">
            <div class="col">
                <div class="card main_card">

                    <div class="card-header">
                        <h1 class="card-title h6"><i class='bx bxs-category'></i> {{trans($namespaceName.'/'.$modelName.'.'.'basic_info')}}</h1>
                    </div>
                    <div class="card-body">
                        <div class="border p-3 rounded">
                            <div class="row ">
                                <div class="col-12">
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.host_name')}}</span> : {{auth()->user()->name}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.event_name')}}</span> : {{$event->name}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.event_start_date')}}</span> : {{$event->start_date}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.event_end_date')}}</span> : {{$event->end_date}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.default_department_code')}}</span> : {{$event->department_code}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.invited_visitors_count')}}</span> : {{count($assigned)}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.uninvited_visitors_count')}}</span> : {{count($unassigned)}}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- unassigned --}}
        <div class="card main_card">
            <div class="card-header">
                    <div class="col">
                        <h1 class="card-title h6"><i class='bx bxs-category'></i> {{trans($namespaceName.'/'.$modelName.'.'.'uninvited visitor')}}</h1>
                    </div>
                    <div class="col">
                        <div class="btn-group" role="group" aria-label="Basic example">
                           @include('host.host-events.includes.invite_selected_modal')
                        </div>
                        <form method="post" id="bulk_invite_form" action="/" style="display: inline-block;">
                            @csrf
                            @method('POST')
                            <input type="hidden" name="record_ids" id="record-ids">
                        </form><!-- end of form -->
                    </div>
            </div>

            @if($unassigned->isNotEmpty())
            <div class="card-body">
                <div class="table-responsive">
                    <table id="example" class="table table-striped table-bordered text-center">
                        <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.'.'.'photo')}}</th>
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</th>
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'email')}}</th>
                            {{-- <th>{{trans($namespaceName.'/'.$modelName.'.'.'active')}}</th>--}}
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'action')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($unassigned 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>
                                <td>
                                    @if ($row->photo)
                                        <img width="75px" height="75px" src="{{asset($row->photo)}}" alt="{{$row->name}}" class="rounded-circle">
                                    @endif
                                </td>
                                <td>{{$row->name}}</td>
                                <td>{{$row->email}}</td>
                                <td>
                                        <!-- Modal -->
                                    @include('host.host-events.includes.invite_single_modal')
                                </td>
                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            @else
                <p class="text-center mb-3 mt-3">{{__('messages.no_data_available')}}</p>
            @endif
        </div>


        {{-- assigned --}}
        <div class="card main_card">
            <div class="card-header">
                <h1 class="card-title h6"><i class='bx bxs-category'></i> {{trans($namespaceName.'/'.$modelName.'.'.'invited visitor')}}</h1>
            </div>
            @if($assigned->isNotEmpty())
            <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.'.'.'photo')}}</th>
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</th>
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'email')}}</th>
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'invitation_status')}}</th>
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'sync')}}</th>
                            <th>{{trans($namespaceName.'/'.$modelName.'.'.'action')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($assigned as $row)
                            <tr id="row_{{$row->id}}">
                                <td>{{$loop->iteration}}</td>
                                <td>
                                    @if ($row->visitor->photo)
                                        <img width="75px" height="75px" src="{{asset($row->visitor->photo)}}" alt="{{$row->visitor->name}}" class="rounded-circle">
                                    @endif
                                </td>
                                <td>{{$row->visitor->name}}</td>
                                <td>{{$row->visitor->email}}</td>
                                <td>
                                    {{$row->invitationStatus->invitation_status}}
                                </td>
                                <td>
                                    @if($row->is_sync)
                                        <span style="color: #15ca20">
                                            <i class="fa-solid fa-circle-check fa-lg"></i>
                                        </span>

                                    @else
                                        <form action="{{route('reSyncBS')}}" method="POST">
                                            @csrf
                                            <input type="hidden" name="visitor_id" value="{{$row->visitor->id}}">
                                            <input type="hidden" name="event_id" value="{{$event->id}}">
                                            <button type="submit" class="btn btn-outline-success btn-sm"><i class="fa-solid fa-rotate"></i></button>
                                        </form>
                                    @endif
                                </td>


                                <td>
                                    @if($row->invitation_status_id == '5' || $row->invitation_status_id == '6')

                                        <a href="{{route('get-invitation-details',$row->pin)}}" class="btn btn-info">{{__('host/host-events.invitation_details')}}</a>
                                        <form action="{{route('unassignVisitorToEvent',)}}" method="POST" class="d-inline-block">
                                            @csrf
                                            <input type="hidden" name="visitor_id" value="{{$row->visitor->id}}">
                                            <input type="hidden" name="event_id" value="{{$event->id}}">
                                            <button type="submit" class="btn btn-warning" href="{{route('unassignVisitorToEvent',)}}">{{__('host/host-events.cancel_invitation')}}</button>
                                        </form>
                                        {{--update invitation--}}
                                        @include('host.host-events.includes.update_invite_single_modal')

                                    @elseif($row->invitation_status_id == '4')
                                        <form action="{{route('reassignVisitorToEvent')}}" method="POST">
                                            @csrf
                                            <input type="hidden" name="visitor_id" value="{{$row->visitor->id}}">
                                            <input type="hidden" name="event_id" value="{{$event->id}}">
                                            <button type="submit" class="btn btn-success">{{__('host/host-events.re-invite')}}</button>
                                        </form>
                                    @else

                                    @endif
                                </td>
                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            @else
                <p class="text-center mb-3 mt-3">{{__('messages.no_data_available')}}</p>
            @endif
        </div>
    </div>
</div>
@endsection
@push('js')
    <script>

        $('#assign_button').click(function() {
            console.log('hggjhghg');
            $('.assign_model').modal('show')
            $('#select-field').select2();
        });
            $(document).ready(function() {
        $('#select-field').select2();
    });
    </script>
@endpush