@extends('app-new')

{{-- Web site Title --}}
@section('title') Accounts Overview :: @parent @stop

@section('content')
    @if (isset($status))
        <div class="pad margin no-print">
            <div class="alert alert-{{ $status['code'] }} alert-dismissible fade in" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
                <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
                <ul>
                    @foreach ($status['messages'] as $m)
                        <li>{{ $m }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif

    <section class="content-header">
        <h1>Accounts Overview :: {{$account->name}}</h1>
        <ol class="breadcrumb">
            <li><a href="/admin"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Accounts
            </li>
        </ol>

        {{-- hide 10 july 2025 because its not useable --}}

        {{-- <h3>
        	<div class="pull-left">
        		<div class="pull-right">
                    <a href="{{ URL::to('account/'.$account->id.'/transfer/labour') }}" class="btn btn-sm  btn-primary iframe cboxElement"><span class="glyphicon glyphicon-right"></span> Transfer To Labour</a>
                </div>
        		<div class="pull-right">
                    <a href="{{ URL::to('account/'.$account->id.'/transfer') }}" class="btn btn-sm  btn-primary iframe cboxElement"><span class="glyphicon glyphicon-right"></span> Transfer To User</a>
                </div>
                <div class="pull-right">
                    <a href="{{ URL::to('account/'.$account->id.'/expense/add') }}" class="btn btn-sm  btn-primary iframe cboxElement"><span class="glyphicon glyphicon-minus-sign"></span> Add Expense</a>
                </div>
            </div>
        </h3> --}}
        <br>
    </section>
    <!-- Main content -->
    <section class="content">

        <div class="row">
            <div class="col-md-7">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Report Filter</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body clearfix">

                        <form method='get'>
                            <div class="pull-left">
                                <input type=text name="from" class="datepicker" data-date-format="yyyy-mm-dd"
                                    value='{{ $from }}'>
                            </div>
                            <div class="pull-left">
                                <input type=text name="to" class="datepicker" data-date-format="yyyy-mm-dd"
                                    value='{{ $to }}'>
                            </div>
                            <div class="pull-right">
                                <button type=submit class="btn btn-primary btn-sm"><span
                                        class="glyphicon glyphicon-filter"></span> Filter Data</button>
                            </div>
                        </form>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <!-- general form elements -->
                <div class="box box-primary">
                    {{-- <div class="box-header">
						<ul class="nav nav-tabs" style="clear:both;">
							<li><a href="/account/{{$account->id}}/view">Credits</a></li>
							<li class="active" ><a href="/account/{{$account->id}}/debits">Debits</a></li>
							 <li><a href="/account/{{$account->id}}/transactions">Transactions</a></li>
						</ul>
					</div> --}}

                    @php
                        $currentUrl = request()->path();
                    @endphp

                    <div class="box-header mt-2">
                        <div class="btn-group" role="group">
                            <a href="/account/{{ $account->id }}/view"
                                class="btn btn-primary me-2 {{ Str::endsWith($currentUrl, 'view') ? 'active' : '' }}">Credits</a>

                            <a href="/account/{{ $account->id }}/debits"
                                class="btn btn-success me-2 {{ Str::endsWith($currentUrl, 'debits') ? 'active' : '' }}">Debits</a>

                            <a href="/account/{{ $account->id }}/transactions"
                                class="btn btn-secondary me-2 {{ Str::endsWith($currentUrl, 'transactions') ? 'active' : '' }}">Transactions</a>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="row">
                            <div class="col-xs-12 col-md-12">
                                <div class="row">
                                    <table id="table" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>Date</th>
                                                <th>Amount</th>
                                                <th>Channel</th>
                                                <th>Ref. No</th>
                                                <th>Created By</th>
                                                <th>Created At</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


{{-- Scripts --}}
@push('footer-script')
    <script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>

    <script src="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>

    {{-- <script src="/assets/plugins/timepicker/bootstrap-timepicker.min.js"></script> --}}
    <script type="text/javascript">
        // $(".datepicker").datepicker();

        $(document).ready(function() {

            var oTable;
            // $(".timepicker").timepicker({
            //     showMeridian: false,
            //     showInputs: false
            // });

            oTable = $('#table').DataTable({
                "order": [
                    [0, "desc"]
                ],
                "sDom": "<'row'<'col-md-2'l><'col-md-7'a><'col-md-2'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>",
                //"sPaginationType": "bootstrap",
                "processing": true,
                "serverSide": true,
                "ajax": "{{ URL::to('/account/' . $account->id . '/debits-data') }}",
                "columns": [{
                        data: 'date',
                        name: 'date'
                    },
                    {
                        data: 'amount',
                        name: 'amount'
                    },
                    {
                        data: 'channel',
                        name: 'channel'
                    },
                    {
                        data: 'reference_no',
                        name: 'reference_no'
                    },
                    {
                        data: 'created_by',
                        name: 'created_by'
                    },
                    {
                        data: 'created_at',
                        name: 'created_at'
                    },
                    {
                        data: 'actions',
                        name: 'actions'
                    }
                ],
                // "fnDrawCallback": function (oSettings) {
                //     $(".iframe").colorbox({
                //         iframe: true,
                //         width: "80%",
                //         height: "80%",
                //         onClosed: function () {
                //             window.location.reload();
                //         }
                //     });
                // }
            });
        });
    </script>
@endpush