@extends('admin.layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Zoom pre Screening Interview Management</h4> </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="active">Manage Zoom pre Screening Interviews</li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <h3 class="box-title m-b-0">Zoom Interviews</h3>
                        <p class="text-muted m-b-30">List of Interviews</p>
                    </div>
                </div>
                <div class="white-box well">
                    <form id="document_filter" method="post" action="{{ route('zoom.interview.search') }}">
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="form-group col-md-4 col-xs-12">
                                <label>First Name</label>
                                <input type="text" name="first_name" id="first_name" placeholder="Enter First Name" value="{{request()->get('first_name')}}" class="form-control">
                            </div>
                            <div class="form-group col-md-4 col-xs-12">
                                <label>Last Name</label>
                                <input type="text" name="last_name" id="last_name" placeholder="Enter last Name" value="{{request()->get('last_name')}}" class="form-control">
                            </div>
                            <div class="form-group col-md-4 col-xs-12">
                                <label>Email</label>
                                <input type="text" name="email" id="email" placeholder="Enter Email" value="{{request()->get('email')}}" class="form-control">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-4 col-xs-12">
                                <label>EV confirmation (Y/N/Pending):</label>
                                <select name="ev_confirmation" class="form-control" id="ev_confirmation">
                                    <option value="">Select EV confirmation</option>
                                    <option value="1" {{is_selected(request()->get('ev_confirmation'),1)}}>Yes</option>
                                    <option value="2" {{is_selected(request()->get('ev_confirmation'),2)}}>No</option>
                                    <option value="3" {{is_selected(request()->get('ev_confirmation'),3)}}>Pending</option>
                                </select>
                            </div>
                            <div class="form-group col-md-4 col-xs-12">
                                <label>Interviewer Admin</label>
                                <select name="admins" id="admins" class="form-control">
                                    <option value="">-- Any Admin --</option>
                                        @foreach($admins as $admin)
                                            <option value="{{ $admin->id }}" {{is_selected(request()->get('admins'),$admin->id)}} >{{ ucfirst($admin->first_name) }}</option>                                                       @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                        <div class="row">
                            <div class="col-sm-12">
                                  <button type="submit" class="btn btn-info">Search</button>
                                  <a type="button" class="btn btn-danger" href="{{ route('zoom.interview.list') }}">Reset</a>
                            </div>
                        </div>
                    </form>
                
                @include('admin.includes.status')
                <div class="table-responsive">
                    <table id="user_list" class="table table-bordered m-t-10">
                        <thead>
                            <tr>
                                @if($admin_role == 'root')
                                <th>Interview ID</th>
                                @endif
                                <th>EV name</th>
                                <th>EV Email</th>
                                <th>Interviewer Admin</th>
                                <th>Pre-Screening Interview Date/Time</th>
                                <th>EV Confirmation</th>
                                <th>Notification Sent On</th>
                                <th>Actions</th>    
                            </tr>
                        </thead>
                        <tbody>
                            @if(!empty($meetings))
                            @foreach($meetings as $meeting)
                                    @php
                                    @endphp        
                                    <tr>
                                        @if($admin_role=='root')
                                        <td>{{ $meeting->interview_schedule_id }}</td>
                                        @endif
                                        <td>{{ $meeting->ev_name }}</td>
                                        <td>
                                            <a href="mailto:{{ $meeting->email }}">{{ $meeting->email }}</a>
                                        </td>
                                        <td>
                                            {{ $meeting->interviewer }}<br/>
                                            <a href="mailto:{{ $meeting->interviewer_email }}">{{ $meeting->interviewer_email }}</a>
                                        </td>
                                        <td>
                                            @if(!empty($meeting->date_interview_admin) && $meeting->date_interview_admin != "0000-00-00 00:00:00")
                                                {{ dateformat($meeting->date_interview_admin,DISPLAY_DATETIME) }}
                                            @else
                                                <span style="color:#aa0000; font-weight: bold;">Time Not Set</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($meeting->interview_confirmed_user == 1)
                                                <strong style="color:#119506;">Yes</strong>
                                            @elseif($meeting->interview_confirmed_user == 2)
                                                <strong style="color:#aa0000;">No</strong><br>
                                                @if($meeting->ev_alternate_datetime)
                                                    <strong>Alternate</strong><br>
                                                    {{ dateformat($meeting->ev_alternate_datetime,DISPLAY_DATETIME) }}
                                                @endif
                                            @else
                                                <strong>Pending</strong>
                                            @endif
                                        </td>
                                        <td>
                                            @if($meeting->notification_sent_on)
                                                {{ dateformat($meeting->notification_sent_on,DISPLAY_DATETIME) }}
                                            @endif
                                        </td>
                                        <td>
                                            @if($meeting->interview_confirmed_user != 1 && $meeting->interview_status == 1)
                                            <a target="_blank" class="btn btn-success  btn-sm" href="{{ route('user.app.progress',encrypt($meeting->user_id)) }}" data-toggle="tooltip" data-original-title="Scheduled Pre-Screening Interview"><i class="fa fa-clock-o"></i> </a> 
                                            @endif
                                            @if(check_route_access('zoom.meeting.invitation'))
                                            <a class="btn btn-warning btn-sm" onclick="send_meeting_invitation({{$meeting->interview_schedule_id}})" data-toggle="tooltip" data-original-title="Resend Invitation to EV and Admin"><i class="fa fa-send-o"></i> </a> 
                                            @endif
                                            @if(check_route_access('view.email.history'))
                                            <a class="btn btn-info btn-sm" href="{{ route('view.email.history',encrypt($meeting->user_id)) }}" data-toggle="tooltip" data-original-title="EV email history"><i class="fa fa-envelope-o"></i> </a> 
                                            @endif
                                            @if(check_route_access('zoom.interview.delete'))
                                            <a class="btn btn-danger btn-sm" onclick="cancel_zoom_meeting({{$meeting->interview_schedule_id}},'confirm_zoom_meeting')" data-toggle="tooltip" data-original-title="Cancel Meeting"><i class="fa fa-close"></i> </a> 
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection
@section('scripts')
<script type="text/javascript">
    function cancel_zoom_meeting(meetingId,action){
        show_popup();
        get_common_ajax("{{ route('zoom.interview.delete') }}",
        {
            meetingId: meetingId,
            action:action
        });
    }
    function send_meeting_invitation(meetingId){
        showLoader("#full-overlay");
        
        var action = "{{ route('zoom.meeting.invitation') }}";
        var data = { meetingId:meetingId };
        
        $.ajax({
            url: action,
            type: 'post',
            data: data,
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function(response){
                notifyResponseTimerAlert(response.message,response.type);
                hideLoader("#full-overlay");
            },
        });
    }
    $(document).ready(function() {
        $('#user_list').dataTable({
            "bStateSave": true,
            "fnStateSave": function (oSettings, oData) {
                localStorage.setItem('offersDataTables', JSON.stringify(oData));
            },
            "fnStateLoad": function (oSettings) {
                return JSON.parse(localStorage.getItem('offersDataTables'));
            }
        });
    });
</script>
@endsection