@extends('layout')

@section('content')
    <h1>Reservierungen Übersicht </h1>

    <table id="example" class="display" cellspacing="0" width="100%">
        <thead>
        <tr>
            <th>Name</th>
            <th>Name</th>
            <th>Veranstaltung</th>
	        <th>Nummer</th>
            <th>Bezahlt</th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

@endsection


@section('scripts')
    <script>
        $(document).ready(function(){
            var table = $('#example').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ route('reservationData') }}',
                "columnDefs": [
                    {
                        "targets": [ 1 ],
                        "visible": false,
                        "searchable": true
                    }
		],
		"order": [[ 3, "desc" ]]
            });
            var urlParams = new URLSearchParams(window.location.search);

            if(urlParams.has('search')){
                table.search(urlParams.get('search')).draw();
            }
        });
    </script>
@endsection