@extends('dashboard.base')

@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.dataTables.min.css">
<style>
    .buttons-print{
        display: none;
    }
</style>
@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>Meetings {{ ucfirst($type) }}
                            @if ($type == "P@SHA MEMBER" || $type == "")
                            <a class="btn btn-success btn-sm float-right" href="{{ route('print_meetings')}}" target="_blank">Print All P@SHA's Meetings</a>
                            @endif
                        </h4>
                    </div>
                    <div class="card-body">
                        <br>
                        <div class="recieved-requests">
                        @if ($type != "")
                        <div class="row companies_filters_div d-flex justify-content-center">
                            <div class="col-md-12 text-center">
                                <h4>Select {{ ucfirst($type) }}</h4>
                            </div>
                            <hr>
                            @if ($type == "sector")
                            <div class="col-md-6 p-1">
                                <div class="input-group">
                                    <select class="form-control mr-2" name="sector_companies" id="sector_companies">
                                        <option value="">All Sectors...</option>
                                        @foreach ($industries as $industry)
                                        <option >{{ $industry }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @elseif ($type == "APICTA Delegates")
                            <div class="col-md-6 p-1">
                                <div class="input-group">
                                    <select class="form-control mr-2" name="buyer_name" id="buyer_name">
                                        <option value="">All APICTA Delegates...</option>
                                        @foreach ($buyers as $buyer)
                                            <option>{{ $buyer->contact_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @elseif ($type == "P@SHA MEMBER")
                            <div class="col-md-6 p-1">
                                <div class="input-group">
                                    <select class="form-control mr-2" name="exporter_name" id="exporter_name">
                                        <option value="">All P@SHA Members...</option>
                                        @foreach ($exporters as $exporter)
                                            <option>{{ $exporter->company_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @endif
                        </div>
                        @endif
                        <br>
                            <table id="table_1" class="display">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Date</th>
                                        <th>Time</th>
                                        <th>P@SHA</th>
                                        <th>APICTA</th>
                                        <th>Location</th>
                                        <th>Sector</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>
                                        <td>{{ $meeting->company_name }}</td>
                                        <td>{{ $meeting->contact_name }}</td>
                                        <td>{{ $meeting->location }}</td>
                                        <td>{{ $meeting->exporter->industry }}</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>

            var meetingsTable = $('#table_1').DataTable({
            columnDefs: [{
                    targets: 1,
                    className: 'dt-center'
                },
                {
                    targets: 2,
                    className: 'dt-center'
                },
                {
                    targets: 3,
                    className: 'dt-center'
                },
                {
                    targets: 4,
                    className: 'dt-center'
                },
                {
                    targets: 5,
                    className: 'dt-center'
                },
                {
                    targets: 6,
                    className: 'dt-center'
                },
            ],
            dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'copyHtml5',
                        messageBottom: 'B2BConnect Powered By A2Z Creatorz',
                    },
                    {
                        extend: 'excelHtml5',
                        messageBottom: 'B2BConnect Powered By A2Z Creatorz',
                    },
                    {
                        extend: 'csvHtml5',
                        messageBottom: 'B2BConnect Powered By A2Z Creatorz',
                    },
                    {
                        extend: 'pdf',
                        title: "B2B Meetings",
                         @if ($type == "P@SHA MEMBER")
                            messageTop: function () { return "Company: "+$('#exporter_name').val(); },
                        @endif
                        messageBottom: 'B2BConnect Powered By A2Z Creatorz',
                    },
                    {
                        extend: 'print',
                        messageBottom: 'B2BConnect Powered By A2Z Creatorz',
                    },
                ]
        });

    $(document).ready(function () {

        var set = function(obj, new_value) {
            obj.value = new_value;
            /* call whatever your heart desires here */
        }
        $('.dt-buttons').slideUp();
        $('#sector_companies').change(function (e) {
            e.preventDefault();
            var sector = $(this).val();
            if (sector == "") {
                $('.dt-buttons').slideUp();
            }else{
                $('.dt-buttons').slideDown();
            }
            $(document).prop('title', 'B2B Meetings </br> Sector: '+sector);
            meetingsTable.column(6).search(sector);
            meetingsTable.draw();
        });
        $('#buyer_name').change(function (e) {
            e.preventDefault();
            var buyer_name = $(this).val();
            if (buyer_name == "") {
                $('.dt-buttons').slideUp();
            }else{
                $('.dt-buttons').slideDown();
            }
            $(document).prop('title', 'B2B Meetings </br> Buyer: '+buyer_name);
            meetingsTable.column(4).search(buyer_name);
            meetingsTable.draw();
        });
        $('#exporter_name').change(function (e) {
            e.preventDefault();
            var exporter_name = $(this).val();
            if (exporter_name == "") {
                $('.dt-buttons').slideUp();
            }else{
                $('.dt-buttons').slideDown();
            }
            $(document).prop('title', 'B2B Meetings </br> Company: '+exporter_name);
            meetingsTable.column(3).search(exporter_name);
            meetingsTable.draw();
        });


    });

</script>
@endsection