@extends('dashboard.base')

@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.dataTables.min.css">
@endsection

@section('content')
<div class="container-fluid">
    <div class="fade-in">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h4>Confirmed Appointments</h4>
                    </div>
                    <div class="card-body">
                        <br>
                        <div class="recieved-requests">
                            <table id="table_1" class="display">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Date</th>
                                        <th>Time</th>
                                        <th>Name</th>
                                        <th>Company Name</th>
                                        <th>Sector</th>
                                        <th>Phone</th>
                                        <th>Email</th>
                                        <th>City</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($meetings as $meeting)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ date("d-m-Y", strtotime($meeting->date)) }}</td>
                                        <td>{{ $meeting->time }}</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->contact_name}}</td>
                                        <td>{{ $user->company_name ?? ''}}</td>
                                        <td>{{ $user->industry ?? ''}}</td>
                                        <td>{{ $user->phone ?? ''}}</td>
                                        <td>{{ $user->email ?? ''}}</td>
                                        <td>{{ $user->address ?? ''}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

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

@endsection



@section('javascript')
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.html5.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.print.min.js"></script>

<script>
    $(document).ready(function () {
        $('#table_1').DataTable({
            columnDefs: [{
                    targets: 4,
                    className: 'dt-body-center'
                },
                {
                    targets: 7,
                    className: 'dt-body-center'
                }
            ],
            dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'copyHtml5',
                        title: 'B2B Connect Meetings'
                    },
                    {
                        extend: 'excelHtml5',
                        title: 'B2B Connect Meetings'
                    },
                    {
                        extend: 'csvHtml5',
                        title: 'B2B Connect Meetings'
                    },
                    {
                        extend: 'pdf',
                        title: 'B2B Connect Meetings'
                    },
                    {
                        extend: 'print',
                        title: 'B2B Connect Meetings'
                    },
                ]
        });

    });

</script>
@endsection