Viewing file:  transaction.blade.php (8.33 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title')
{{trans('admin.transaction_report')}}
@endsection
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/daterangepicker/daterangepicker.css')}}">
<link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}">
<script>
let transactionDataTable = '';
</script>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title"> {{trans('admin.transaction_list')}}</h2>
<button type="button" class="btn btn-primary float-right" data-toggle="modal"
data-target="#filterModal">
<i class="fa fa-filter" aria-hidden="true"></i>
{{trans('admin.filter')}}
</button>
<div class="modal fade " id="filterModal" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel"
aria-hidden="true">
<div class="modal-dialog filter-modal-dialog" role="document">
<div class="modal-content filter-modal-content">
<div class="modal-header filter-modal-header justify-content-center bg-primary">
<h5 class="modal-title text-light text-center" id="filterModalModalLabel">{{trans('admin.report')}}</h5>
</div>
<div class="modal-body filter-modal-body">
<form method="get" id="filtering-form">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="type">{{trans('admin.date')}}</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="far fa-clock"></i></span>
</div>
<input type="text" class="form-control float-right" name="date" id="reservationtime">
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group ">
<label for="type">{{trans('admin.email')}}</label>
<select class="form-control select2 " name="customer_id">
<option disabled selected >{{trans('admin.select_any_option')}}</option>
@foreach($customers as $customer)
<option value="{{$customer->id}}" >{{$customer->email}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="type">{{trans('admin.transaction_type')}}</label>
<select class="form-control" name="type" id="type">
<option disabled selected>{{trans('admin.select_any_option')}}</option>
<option value="add">{{trans('admin.add')}}</option>
<option value="subtract">{{trans('admin.subtract')}}</option>
<option value="deposit">{{trans('admin.deposit')}}</option>
</select>
</div>
</div>
<div class="col-md-6 p-2">
<button type="button" class="btn btn-danger btn-sm mt-2 d-block w-100" data-dismiss="modal" aria-label="Close"> {{trans('admin.form.button.close')}} </button>
</div>
<div class="col-md-6 p-2">
<button type="submit" id="filter-button" class="btn btn-primary btn-sm mt-2 d-block w-100">{{trans('admin.form.button.submit')}}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.card-header -->
<div class="card-body table-body">
<table id="transactions" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>{{trans('admin.table.profile')}}</th>
<th>{{trans('admin.payment_type')}}</th>
<th>{{trans('admin.type')}}</th>
<th>{{trans('admin.amount')}}</th>
<th>{{trans('admin.table.created_at')}}</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.row -->
</section>
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/moment.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/daterangepicker.js')}}"></script>
<script>
$('#reservationtime').daterangepicker();
$(document).ready(function(){
$('#reservationtime').val('');
});
$('.select2').select2({
multiple:false
});
</script>
<script>
"use strict";
const queryString=window.location.search;
transactionDataTable=$('#transactions').DataTable({
processing: true,
serverSide: true,
responsive: true,
ajax: {
"url": '{{route('admin.report.transaction.all')}}'+queryString,
"dataSrc": "data",
"type": "GET",
"data": function(d){
d.form = $("#filtering-form").serializeArray();
}
},
columns: [
{"data": "profile"},
{"data": "payment_type"},
{"data": "type"},
{"data": "amount"},
{"data": "created_at"},
]
});
</script>
@endsection
|