@extends('layouts.admin')
@section('content')
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/js/dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/plugins/export/dataTables.buttons.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/plugins/export/jszip.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/plugins/export/pdfmake.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/plugins/export/vfs_fonts.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/plugins/export/buttons.html5.min.js') }}"></script>
<link href="{{ URL::asset('assets/admin/base/css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('assets/admin/base/plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('assets/admin/base/css/toastr.css') }}" rel="stylesheet" />
<script src="{{ URL::asset('assets/admin/base/js/toastr.min.js') }}"></script>
 <div class="pageheader">
            <div class="media">
 
                <div class="media-body">
                <div class="btn-group btn-breadcrumb">
			<a href="{{url('admin/dashboard')}}" class="btn btn-primary">	
			<i class="glyphicon glyphicon-home"></i> Admin
			</a>
			<a href="{{url('admin/users')}}" class="btn btn-primary">
			Transactions
			</a>
			<a href="javascript:;" class="btn btn-primary">Add new transactions</a>
			</div>
                </div>
            </div>
            <!-- media -->
        </div>
<div class="contentpanel">

    <div class="top_bil_sec" style="margin-top:10px">
 
        <table id="ingredientTable" class="table table-striped table-bordered responsive display nowrap">
            <thead>
                <tr>
                    <th>@lang('messages.Transaction ID')</th>
                    <th>@lang('messages.Order ID')</th>
                    <th>@lang('messages.Plan Name')</th>
                    <th>@lang('messages.User')</th>
                    <th>@lang('messages.Amount')</th>
                    <th>@lang('messages.Payment mode')</th>
                    <th>@lang('messages.Created Date')</th>
                    <th>@lang('messages.Payment Status')</th>
 
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="empty-text" colspan="7" style="background-color: #fff!important;">
                        <div class="list-empty-text"> @lang('messages.No records found.') </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
            
</div>      

<script>

$(function() {
    $('#ingredientTable').DataTable({
        processing: false,
        serverSide: false,
        responsive: true,
        autoWidth:false,
        ajax: '{!! route('listtransactions.data') !!}',
        "order": [],
        "columnDefs": [ {
            "targets"  : 'no-sort',
            "orderable": false,
            "searchable":true,
            "pagingType": "full",
            'exportable':false
        }],
        columns: [
            { data: 'id', name: 'id',orderable: true},
            { data: 'order_id', name: 'order_id'},
            { data: 'plan_name', name: 'plan_name'},
            { data: 'user_name', name: 'user_name'},
            { data: 'plan_price', name: 'plan_price' },
             { data: 'payment_mode', name: 'payment_mode' },
            { data: 'created_at', name: 'created_at' },
            { data: 'payment_status', name: 'payment_status' },
         
         
        ],
    });
});
</script>
@endsection