@extends('app')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Doctor Commission Reports
            <small>Preview</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Reports</a></li>
            <li class="active">Doctor Commission</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">

        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">
                <!-- Custom Tabs -->
                <div class="col-md-12">
                    <form method="GET" action="#" id="custom_search_form" class="form-horizontal no-print" role="form">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">To</label>
                                <div class="col-sm-9">
                                    <input class="form-control datepicker" autocomplete="off" type="text"
                                           name="start_date" id="from" value="{{$from}}">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">From</label>
                                <div class="col-sm-9">
                                    <input class="form-control datepicker" autocomplete="off" type="text"
                                           name="end_date" id="from" value="{{$from}}">
                                </div>
                            </div>

                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">Select Doctor</label>
                                <div class="col-sm-9">
                                    {!! Form::select('doctor_id',$doctors,null, ['class'=> 'form-control select2', 'id'=>'select_doc', 'placeholder'=>'Select Doctor']) !!}
                                </div>
                            </div>
                        </div>
                        <div class="box-footer row">
                            <button class="btn btn-sm btn-primary pull-right" type="submit"> Search</button>
                        </div>
                    </form>
                </div>
                <div class="col-md-12">
                    @can('doctor-commission-view')
                        <form action="{{route('update.bulk.doctor.commission')}}"
                              id="bulk_doctor_commission_payment_form"
                              method="post">
                            @csrf
                            <table id="testSaleReportDatatable"
                                   class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>S/N</th>
                                    <th>Invoice ID</th>
                                    <th>Tests</th>
                                    <th>Doctor Name</th>
                                    <th>Dr. Mobile No</th>
                                    <th>Patient Name</th>
                                    <th>Sale Amount</th>
                                    <th>Sale Discount</th>
                                    <th>Commission</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <th>S/N</th>
                                    <th>Invoice ID</th>
                                    <th>Tests</th>
                                    <th>Doctor Name</th>
                                    <th>Dr. Mobile No</th>
                                    <th>Patient Name</th>
                                    <th>Sale Amount</th>
                                    <th>Sale Discount</th>
                                    <th>Commission</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                                </tfoot>
                            </table>

                            <button type="button" id="bulk_doctor_commission_payment"
                                    class="btn btn-sm btn-danger pull-right">
                                Pay
                            </button>
                            <input type="date" name="pay_date" class="form-control pull-right"
                                   style="width:auto;margin-right:10px" value="{{date('Y-m-d')}}" required>
                        </form>
                    @endcan
                </div>

            </div>

        </div>

    </section>

@endsection

@section('extra-css')
    {{Html::style('assets/bower_components/datatables.net/buttons/css/buttons.dataTables.min.css')}}
@stop

@section('extra-js')
    <script
        src="{{ asset('assets/bower_components/datatables.net/buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{asset('assets/bower_components/datatables.net/buttons/js/buttons.html5.min.js')}}"></script>
    <script src="{{asset('assets/bower_components/datatables.net/buttons/js/buttons.print.min.js')}}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var testSaleReportDatatable = $('#testSaleReportDatatable').DataTable({
                processing: true,
                serverSide: true,
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'print',
                        charset: 'utf-8',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7, 8]
                        }
                    },
                    'pageLength'
                ],
                lengthMenu: [
                    [10, 25, 50],
                    ['10 rows', '25 rows', '50 rows']
                ],
                order: [[0, "asc"]],
                ajax: {
                    url: '{{ route("get.view.monthly.doctor.commission.ajax") }}',
                    data: function (d) {
                        d.start_date = $('input[name=start_date]').val();
                        d.end_date = $('input[name=end_date]').val();
                        d.doctor_id = $('select[name=doctor_id]').val();
                    }
                },
                columns: [
                    {data: 'DT_RowIndex', orderable: false, searchable: false},
                    {data: 'sale_invoice_id', name: 'sale_invoice_id', orderable: true, searchable: true},
                    {data: 'tests', name: 'tests', orderable: false, searchable: false},
                    {data: 'doctor_full_name', name: 'doctor_full_name', orderable: true, searchable: true},
                    {data: 'doctor_mobile_no', name: 'doctor_mobile_no', orderable: true, searchable: true},
                    {data: 'patient_full_name', name: 'patient_full_name', orderable: true, searchable: true},
                    {data: 'sale_amount', name: 'sale_amount', orderable: true, searchable: true},
                    {data: 'sale_discount', name: 'sale_discount', orderable: true, searchable: true},
                    {data: 'commission_taka', name: 'commission_taka', orderable: true, searchable: true},
                    {data: 'date', name: 'date', orderable: true, searchable: false},
                    {data: 'status', name: 'status', orderable: false, searchable: false},
                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ],
                "footerCallback": function (row, data, start, end, display) {
                    var api = this.api(), data;

                    // Remove the formatting to get integer data for summation
                    var intVal = function (i) {
                        return typeof i === 'string' ?
                            i.replace(/[\$,]/g, '') * 1 :
                            typeof i === 'number' ?
                                i : 0;
                    };


                    var totalapi = this.api();

                    var totalJsonData = totalapi.ajax.json();

                    var formatter = new Intl.NumberFormat();

                    // Update footer

                    $(api.column(7).footer()).html(formatter.format(totalJsonData.total_sale_discount).replace('$', ''));
                    $(api.column(8).footer()).html(formatter.format(totalJsonData.total_commission_taka).replace('$', ''));

                }
            });
            $('#custom_search_form').on('submit', function (e) {
                e.preventDefault();
                testSaleReportDatatable.draw();
            });

        });

        $(document).on('click', '#bulk_doctor_commission_payment', function () {
            if (confirm("Are you sure you want to Pay Doctor Commission?")) {
                $('#bulk_doctor_commission_payment_form').submit();
            }
        });

    </script>
@stop