@extends('dashboard.base')

@section('content')
<style>
    .sent-requests{
        display: none;
    }
</style>

<div class="container-fluid">
    <div class="fade-in">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h4>Meeting Requests</h4>
                    </div>
                    <div class="d-flex justify-content-left">
                        <button class="btn btn-primary btn-lg m-3 show-recieved-requests">Received Requests</button>
                        <button class="btn btn-secondary m-3 show-sent-requests">&nbsp&nbsp&nbsp&nbspSent Requests&nbsp&nbsp&nbsp&nbsp</button>
                    </div>
                    <div class="card-body">
                        @if(Session::has('message'))
                            <div class="alert alert-success" role="alert">{{ Session::get('message') }}</div>
                        @endif
                        <br>
                        <div class="sent-requests">
                            <table id="table_2" class="display">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <!--<th>Exhibitor</th>-->
                                        <th>Sector</th>
                                        <th>Phone</th>
                                        <th>Email</th>
                                        <th>City</th>
                                        <th>Time</th>
                                        <th>Date</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($sent_requests as $meeting)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            @php
                                                if(str_contains(Auth::user()->menuroles, "exporter")){
                                                    $user = $meeting->buyer;
                                                }else if(str_contains(Auth::user()->menuroles, "buyer")){
                                                    $user = $meeting->exporter;
                                                }
                                            @endphp
                                            
                                            <td>{{ $user->industry ?? '-----'}}</td>
                                            <td>{{ $user->phone ?? '-----' }}</td>
                                            <td>{{ $user->email ?? '-----' }}</td>
                                            <td>{{ $user->address ?? '-----' }}</td>
                                            <td>{{ $meeting->time ?? '-----' }}</td>
                                            <td>{{ date("d-m-Y", strtotime($meeting->date)) }}</td>

                                     <td class="{{ $meeting->is_approved ? 'bg-success':'bg-secondary' }}">
                                        
                                     @if($meeting->is_approved == '1')
                                     Approved
                                     @elseif($meeting->is_approved == '0')
                                     Declined
                                     @else
                                     Pending
                                     @endif
                                     </td>
                                     <!--<td><a class="btn btn-sm btn-danger"  href="{{url('delete-meeting', $meeting->id)}}">Revoke</a></td>-->
                                        <td>
                                            @if( $meeting->is_approved == '1')
                                            
                                            @elseif( $meeting->is_approved == '0')
                                            
                                            @else
                                            
                                            
                                            <a href="javascript:;" class="btn btn-sm btn-danger" onclick="confirmDelete('{{ $meeting->id }}')">Revoke</a>
                                                <form id="delete-meeting-{{ $meeting->id }}" action="{{url('delete-meeting', $meeting->id)}}" method="POST"
                                                    style="display: none;">
                                                    @method('GET')
                                                    @csrf
                                                </form>
                                                @endif
                                        </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="recieved-requests">
                            <table id="table_1" class="display">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Company</th>
                                        <th>Sector</th>
                                        <th>Phone</th>
                                        <th>Email</th>
                                        <th>Address</th>
                                        <th>Requested Date</th>
                                        <th>Requested Time</th>
                                        <th>New Time</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($recieved_requests as $meeting)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            @php
                                                if(str_contains(Auth::user()->menuroles, "exporter")){
                                                    $user = $meeting->buyer;
                                                }else if(str_contains(Auth::user()->menuroles, "buyer")){
                                                    $user = $meeting->exporter;
                                                }
                                            @endphp
                                            <td>{{ $user->company_name ?? '' }}</td>
                                            <td>{{ $user->industry ?? '' }}</td>
                                            <td>{{ $user->phone ?? '' }}</td>
                                            <td>{{ $user->email ?? ''}}</td>
                                            <td>{{ $user->address ?? '' }}</td>
                                            <td>{{ date("d-m-Y", strtotime($meeting->date)) }}</td>
                                            <td>{{$meeting->time ?? '' }}</td>
                                            <td><button class="btn btn-secondary btn-sm contact_company_bt"
                                                data-toggle="modal" data-meeting_id="{{$meeting->id}}"
                                                data-buyer_id="{{ $meeting->buyer_id }}"
                                                data-exporter_id="{{ $meeting->exporter_id }}"
                                                data-target="#reschedule_request_modal">Reschedule</button>
                                            </td>
                                            <td>
                                                <a href="{{ route('meeting_approve', $meeting->id) }}" class="btn btn-info btn-sm btn-block">Approve</a>
                                                <a data-toggle="modal" data-buyer_id="{{ $meeting->buyer_id }}" style="color: white" data-exporter_id="{{ $meeting->exporter_id }}" data-target="#decline_modal" class="btn btn-danger btn-sm btn-block">Decline</a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


<div class="modal fade" id="reschedule_request_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Send request for New Meeting Time</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('meeting_reschedule') }}" method="POST">
                    @csrf
                    <div class="row">
                        <input type="hidden" name="buyer_id" id="buyer_id">
                        <input type="hidden" name="exporter_id" id="exporter_id">
                        <input type="hidden" name="meeting_id" id="meeting_id">
                        <div class="col form-group">
                            <label for="date">Select Date</label>
                            <select class="form-control" id="date" name="date" required>
                                <option value=" ">Select</option>
                                <!--<option value="2022-12-07">07-December-2022</option>-->
                                <!--<option value="2022-12-08">08-December-2022</option>-->
                                <!--<option value="2022-12-09">09-December-2022</option>-->
                                <option value="2022-12-10">10-December-2022</option>
                                <!--<option value="2022-12-11">11-December-2022</option>-->
                            </select>
                        </div>
                        <div class="col form-group">
                            <label for="time">Select Date</label>
                            <select class="form-control" id="time" name="time" required>
                                <option value="">Select Date First...</option>
                            </select>
                        </div>

                    </div>
                    <div class="text-center"><button type="submit" class="btn btn-primary">Send Meeting
                            Request</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>

            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="decline_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Decline Request</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('meeting_decline', $meeting->id ?? '' ) }}" method="POST">
                    @csrf
                    <div class="row">
                        <input type="hidden" name="buyer_id" id="buyer_id">
                        <input type="hidden" name="exporter_id" id="exporter_id">
                        <input type="hidden" name="meeting_id" id="meeting_id">
                        <div class="col form-group">
                            <label for="date">Reason for decline</label>
                            <textarea name="reason_for_decline" class="form-control" value="{{old('reason_for_decline')}}"></textarea>
                        </div>
                       

                    </div>
                    <div class="text-center"><button type="submit" class="btn btn-danger">Decline Meeting
                            Request</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>

            </div>
        </div>
    </div>
</div>
@endsection



@section('javascript')
<script>
 function confirmDelete(id) {
            let choice = confirm("Are you sure, You want to revoke meeting request ?");
            if (choice) {
                document.getElementById("delete-meeting-" + id).submit();
            }
        }
    (function() {
    // all your code here
        $('.contact_company_bt').on('click', function() {
            var buyer_id = $(this).data('buyer_id');
            var exporter_id = $(this).data('exporter_id');
            var meeting_id = $(this).data('meeting_id');

            //get timeslots
            $('#date').val(" ");
            $('#time').empty();
            $('#time').append($("<option />").val("").text("Select Date First"));

            $('#buyer_id').val(buyer_id);
            $('#exporter_id').val(exporter_id);
            $('#meeting_id').val(meeting_id);
        });
    })();
    $(document).ready(function () {
        $('#table_1').DataTable({
            columnDefs: [{
                    targets: 2,
                    className: 'dt-body-center'
                },
                {
                    targets: 3,
                    className: 'dt-body-center'
                }
            ]
        });
        $('#table_2').DataTable({
            columnDefs: [{
                    targets: 2,
                    className: 'dt-body-center'
                },
                {
                    targets: 3,
                    className: 'dt-body-center'
                }
            ]
        });

        $('.show-recieved-requests').on('click', function () {

            $('.show-recieved-requests').removeClass('btn-secondary');
            $('.show-recieved-requests').addClass('btn-primary');
            $('.show-recieved-requests').addClass('btn-lg');

            $('.show-sent-requests').removeClass('btn-lg');
            $('.show-sent-requests').removeClass('btn-primary');
            $('.show-sent-requests').addClass('btn-secondary');

            $('.sent-requests').slideUp();
            $('.recieved-requests').slideDown();

        });

        $('.show-sent-requests').on('click', function () {

            $('.show-sent-requests').removeClass('btn-secondary');
            $('.show-sent-requests').addClass('btn-primary');
            $('.show-sent-requests').addClass('btn-lg');

            $('.show-recieved-requests').removeClass('btn-lg');
            $('.show-recieved-requests').removeClass('btn-primary');
            $('.show-recieved-requests').addClass('btn-secondary');

            $('.recieved-requests').slideUp();
            $('.sent-requests').slideDown();

        });

    });

</script>

{{-- Get timeslots for reschedule exhibitors --}}
<meta name="csrf-token" content="{{ csrf_token() }}" />
<script>
    $(document).ready(function(){

        @if(str_contains(Auth::user()->menuroles, "exporter"))
            $('#date').on('change', function (e) {
                e.preventDefault();
                console.log('good');
                //get input field values
                var date = $(this).val();
                var buyer_id = $('#buyer_id').val();
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                        type: 'post',
                        url: "{{ route('available_time_slots_buyer') }}",
                        dataType: 'json',
                        data: {_token: CSRF_TOKEN, buyer_id:buyer_id, date: date},
                        beforeSend: function() {
                            // $(this).addClass('bg-secondary');
                            // $('.spinner-border').show();
                        },
                        complete: function() {
                            // $(this).removeClass('bg-secondary');
                        },
                        success: function(data)
                        {
                            console.log(data);
                            $('#time').empty();
                            $.each(data, function(index) {
                                $('#time').append($("<option />").val(this).text(this));
                            });

                        }
                    });
            });
        @elseif(str_contains(Auth::user()->menuroles, "buyer"))
            $('#date').on('change', function (e) {
                e.preventDefault();
                console.log('good');
                //get input field values
                var date = $(this).val();
                var exporter_id = $('#exporter_id').val();
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                        type: 'post',
                        url: "{{ route('available_time_slots') }}",
                        dataType: 'json',
                        data: {_token: CSRF_TOKEN, exporter_id:exporter_id, date: date},
                        beforeSend: function() {
                            // $(this).addClass('bg-secondary');
                            // $('.spinner-border').show();
                        },
                        complete: function() {
                            // $(this).removeClass('bg-secondary');
                        },
                        success: function(data)
                        {
                            console.log(data);
                            $('#time').empty();
                            $.each(data, function(index) {
                                $('#time').append($("<option />").val(this).text(this));
                            });

                        }
                    });
            });
        @endif

    })
</script>
@endsection