@extends('layouts.layout-2')
@section('content')
    <h4 class="font-weight-bold py-3 mb-4">
        {{ __('E-Mails Buchungen FeWo') }}
    </h4>
    <div class="card">
        <div class="card-datatable table-responsive">
            <table class="datatables-mails table table-striped table-bordered">

                <thead>
                <tr>
                    <th style="max-width: 60px;">&nbsp;</th>
                    <th>{{__('BuchnungID')}}</th>
                    <th>{{__('Vorname')}}</th>
                    <th>{{__('Nachname')}}</th>
                    <th>{{__('E-Mail')}}</th>
                    <th>{{__('Betreff')}}</th>
                    <th>{{__('Buchung')}}</th>
                    <th>{{__('gesendet')}}</th>
                    <th>{{__('Datum')}}</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
    <script>
        $( document ).ready(function() {
            $('.datatables-mails').dataTable({
                "processing": true,
                "serverSide": true,
                "ajax": '{!! route('mail_booking_fewo_datatable') !!}',
                "order": [[ 8, "desc" ]],
                "columns": [
                    { data: 'action_edit', orderable: false, searchable: false},
                    { data: 'booking_id', name: 'booking_id' },
                    { data: 'customer.first_name', name: 'customer.first_name' },
                    { data: 'customer.last_name', last_name: 'customer.name' },
                    { data: 'email', name: 'email' },
                    { data: 'subject', name: 'subject' },
                    { data: 'booking', name: 'booking' },
                    { data: 'send', name: 'send', searchable: false },
                    { data: 'date', name: 'date' },
                ],
                "bLengthChange": false,
                "iDisplayLength": 100,
                "language": {
                    "url": "/js/German.json"
                }
            });
        });
    </script>
@endsection