@extends('layouts.app_new')
@section('title','Orders')
@section('style')
<link rel="stylesheet" href="{{asset('datatable/datatables.min.css')}}">
@endsection
@section('content')
<div class="row flex-fill justify-content-center">
    <div class="col align-self-center">
        <div class="card shadow-lg">
            <div class="card-body table-responsive">
                <h5 class="card-title text-primary">{{__('Orders') }}
                </h5>
                <hr>
                <table id="orders_table" class="table data-table text-center" style="width: 100%">
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
{{-- <script src="{{asset('datatable/jquery.js')}}"></script> --}}
<script src="{{asset('datatable/datatables.min.js')}}"></script>

<script type="text/javascript">
$(function() {
    var table = $('#orders_table').DataTable({
        @include('layouts.dataTableOptions'),
        buttons:[],
        ajax: "{{route('orders.index')}}",

        columns: [
            { data:'DT_RowIndex', name: 'DT_RowIndex',title:"#", orderable: false, searchable: false,responsivePriority: 4 },
            { data:'full_name'  , name: 'full_name'  ,title: '{{ __('Full Name') }}',responsivePriority: 1,defaultContent:""},
            { data:'email'      , name: 'email'     ,title: '{{__('Email')}}'  ,defaultContent:""},
            { data:'phone'      , name: 'phone'     ,title: '{{ __('phone') }}'  ,defaultContent:""},
            { data:'travelers_count' , name: 'travelers_count' ,title: '{{ __('pricing.NUMBER_OF_TRAVELERS') }}' ,defaultContent:""},
            { data:'policy_type' , name: 'policy_type' ,title:'{{ __('Plan') }}' ,defaultContent:""},
            { data:'res' , name: 'res' ,title:'{{ __('Res Country') }}' ,defaultContent:""},
            { data:'des' , name: 'des' ,title:'{{ __('destination') }}' ,defaultContent:""},
            { data:'price' , name: 'price' ,title:'{{ __('price') }}' ,defaultContent:""},
            { data:'connected'  , name: 'connected' ,title: '{{ __('connected') }}', orderable: false, searchable:false,responsivePriority: 3},
        ],
    });

    $(document).on('click','.active',function(event){
        if (! confirm('Are you sure?')) {event.preventDefault();  return;}
        var rowid = $(this).data('rowid');
        // console.log(rowid);
        if(!rowid) return;
        $.ajax({
            type: "POST",
            dataType: 'JSON',
            url: "{{ route('orders.active') }}",
            data: { id :rowid,_token: $('meta[name="csrf-token"]').attr('content') },
            success: function(response) {
                if (response) {
                    $('.success').text(response.message);
                    console.log(response.message);
                    table.draw();
                }
            },
            error: function(error) { console.log(error);}
        });
    });
});
</script>
@endsection