@extends('panel.layouts.superadmin.app')
@section('page-title')
    <title>
        {{ LaraCore::setting('html_prefix') }} {{ LaraCore::setting('html_prefix') != '' ? '|' : '' }} Whatsapp bills
    </title>
@stop
@section('content')
    <div class="content-wrapper">
        <div class="row">
            <div class="col-md-1"></div>

            <div class="col-md-10">
                <section class="content">
                    <div class="box box-default">

                        <div class="box-header with-border">
                            <i class="fa fa-whatsapp"></i>
                            <h3 class="box-title">Whatsapp Bills</h3>
                            <div class="box-tools box-tools-common pull-right">
                                <button class="btn btn-primary show-tooltip"
                                    onclick="window.location.href='{{ route('whatsappuser') }}'">
                                    <i class="fa fa-user"></i> Add User
                                </button>
                            </div>
                        </div>
                        <div class="box-header with-border head-design">
                            <div class="col-md-3">
                                <div class="form-group has-feedback">
                                    <label>Clients</label>
                                    {{ Form::select('clients', ['' => 'All Clients'] + $clients, '', [
                                        'class' => 'form-control filter select2',
                                        'id' => 'clients',
                                    ]) }}
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group has-feedback">
                                    <label>Start Date</label>
                                    <div class="input-group ">
                                        {{ Form::text('start_date', $startDate, ['class' => 'form-control', 'id' => 'startDate']) }}
                                        <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group has-feedback">
                                    <label>End Date</label>
                                    <div class="input-group ">
                                        {{ Form::text('end_date', $endDate, ['class' => 'form-control', 'id' => 'endDate']) }}
                                        <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mar-top-btn">
                                <div class="col-md-1">
                                    <button class="btn btn-sm btn-default btn-block">Reset</button>
                                </div>

                                <div class="col-md-1">
                                    <div class="box-tools box-tools-common pull-right">
                                        {{-- <a href="#" class="btn btn-box-tool"><i class="fa fa-search"></i></a> --}}
                                        <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip"
                                            onclick="ToggleDataTable('whatsappBillsTable')" title="Search"><i
                                                class="fa fa-search"></i></a>
                                        <a href="javascript:void(0)" data-toggle="modal" data-target="#whatsapp-bills_modal"
                                            class="btn btn-box-tool show-tooltip" title="Add Incomes"><i
                                                class="fa fa-plus"></i></a>
                                    </div>
                                </div>
                            </div>
                            {{ Form::open(['url' => route('sadmin.whatsapp-bills.receipt'), 'method' => 'POST', 'target' => '_blank']) }}
                            {{ Form::hidden('bill_id', '', ['id' => 'bill_id']) }}
                            {{ Form::close() }}
                        </div>

                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="whatsappBillsTable" class="table table-bordered table-hover display">
                                    <thead>
                                        <tr>

                                            <th>Date</th>
                                            <th>Client Code</th>
                                            <th>Quantity</th>
                                            <th>Amount</th>
                                            <th>Bill Type</th>
                                            <th>Remark</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                            <th colspan="2" style="text-align:right;">Total:</th>
                                            <th id="qty_total"></th>
                                            <th id="amt_total"></th>
                                            <th colspan="3"></th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>

                    </div>

                    <div class="whatsapp-bills_modal_modal_div">
                        <div class="edit_modal"></div>
                    </div>
                    @include('superadmin.whatsappbills.create', [@$data])
                    @include('common.modal.delete_confirm_modal', ['entity' => 'whatsapp_bills'])
                </section>
            </div>

            <div class="col-md-1"></div>
        </div>
    </div>

    <div class="col-md-1"></div>
    </div>
    </div>
@stop
@section('custom-scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            $('#startDate, #endDate').daterangepicker({
                singleDatePicker: true,
                autoUpdateInput: true,
                drops: "down",
                locale: {
                    format: '{{ AppHelper::dateFormatJS(LaraCore::setting('date_format')) }}'
                }
            });

            $('.select2').select2();
            $('#date').daterangepicker({
                singleDatePicker: true,
                autoUpdateInput: true,
                drops: "down",
                locale: {
                    format: '{{ AppHelper::dateFormatJS(LaraCore::setting('date_format')) }}'
                }
            });
            $('#whatsapp_bill_save').submit(function(e) {
                e.preventDefault();
                createWhatsAppBill();
            });

            function clearWhatsAppForm() {
                var form = $("#whatsapp_bill_save");
                form.find('input[name="id"]').val("");
                form.find('input[name="quantity"]').val(1);
                form.find('input[name="amount"]').val("");
                form.find('textarea[name="description"]').val("");
                form.find('select[name="bill_type"]').val("").trigger("change");
                form.find('select[name="client_code"]').val(null).trigger("change");
                var dateInput = form.find('input[name="date"]');
                dateInput.data('daterangepicker').setStartDate(moment());
                dateInput.data('daterangepicker').setEndDate(moment());
            }

            function createWhatsAppBill() {
                var form = $("#whatsapp_bill_save");
                var submitBtn = form.find('button[type="submit"]');
                form.find('.has-error').removeClass('has-error');
                form.find('.help-block').html('');

                submitBtn.prop("disabled", true);

                $.ajax({
                    url: form.attr('action'),
                    type: "POST",
                    data: form.serialize(),
                    success: function(data) {
                        DisplayMessages(data.message);
                        $("#whatsapp-bills_modal").modal('hide');
                        clearWhatsAppForm();
                        if (typeof WhatsAppBillsTable !== 'undefined') {
                            WhatsAppBillsTable.ajax.reload(function() {
                                WhatsAppBillsTable.draw(); 
                            }, false);
                        }
                        submitBtn.prop("disabled", false);
                    },
                    error: function(jqXHR) {
                        submitBtn.prop("disabled", false);

                        var response = $.parseJSON(jqXHR.responseText);
                        DisplayErrorMessages(response, form, 'input');
                    }
                });
            }

            $('a[data-target="#whatsapp-bills_modal"]').on('click', function() {
                clearWhatsAppForm();
                var form = $("#whatsapp_bill_save");
                var APP_URL = $('meta[name="_base_url"]').attr('content');
                form.attr('action', APP_URL + '/save-whatsapp-bill');
                form.find('input[name="_method"]').val('POST');
                $('#whatsapp-bills_modal .modal-title').text('Add Whatsapp Bill');
            });


            var WhatsAppBillsTable = $('#whatsappBillsTable').DataTable({
                language: {
                    emptyTable: '{{ LaraCore::setting('no_records') }}',
                    processing: "<i class='fa fa-spinner fa-spin fa-3x'></i>"
                },
                aLengthMenu: [
                    [50, 40, 30, 20, 10, -1],
                    [50, 40, 30, 20, 10, 'All']
                ],
                order: [
                    [0, "desc"]
                ],
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('sadmin.whatsapp-bills.lists') }}',
                    type: 'POST',
                    data: function(d) {
                        d.client = $('#clients').val();
                        d.start_date = $('#startDate').val();
                        d.end_date = $('#endDate').val();
                    }
                },
                columns: [{
                        data: 'date',
                        name: 'whatsapp_bills.date'
                    },
                    {
                        data: 'client_code',
                        name: 'whatsapp_bills.client_code'
                    },
                    {
                        data: 'quantity',
                        name: 'whatsapp_bills.quantity',
                        render: function (data, type, row) {
                            if (data < 0) {
                                return '<span style="color:red;">' + data + '</span>';
                            }
                            return data;
                        }
                    },
                    {
                        data: 'amount',
                        name: 'whatsapp_bills.amount'
                    },
                    {
                        data: 'bill_type',
                        name: 'whatsapp_bills.bill_type'
                    },
                    {
                        data: 'description',
                        name: 'whatsapp_bills.description'
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        orderable: false,
                        searchable: false,
                        className: 'text-center'
                    }
                ],
                 footerCallback: function(row, data, start, end, display) {
                    var api = this.api();
                    var parseFloatVal = function(i) {
                        return typeof i === 'string' ?
                            parseFloat(i.replace(/[\$,]/g, '')) || 0 :
                            typeof i === 'number' ? i : 0;
                    };
                    var qtyTotal = api.column(2, { page: 'current'} ).data().reduce(function(a, b) {
                        return parseFloatVal(a) + parseFloatVal(b);
                    }, 0);

                    var amtTotal = api.column(3, { page: 'current'} ).data().reduce(function(a, b) {
                        return parseFloatVal(a) + parseFloatVal(b);
                    }, 0);
                    $(api.column(2).footer()).html(qtyTotal);
                    $(api.column(3).footer()).html(amtTotal.toFixed(2));
                }
            });
            $('#clients, #startDate, #endDate').on('change', function() {
                WhatsAppBillsTable.draw();
            });

            $('.btn:contains("Reset")').on('click', function() {
                $('#clients').val('').trigger('change');
                $('#startDate, #endDate').val(moment().format(
                    '{{ AppHelper::dateFormatJS(LaraCore::setting('date_format')) }}'
                ));
                WhatsAppBillsTable.search('').draw();
                WhatsAppBillsTable.draw();
            });

            $(document).on('click', 'button[name="remove_whatsapp_bill"]', function(e) {
                e.preventDefault();
                var billId = $(this).data('id');
                if (!billId) return;
                $('#delete_whatsapp_bills_modal').modal('show');
                $('#delete_whatsapp_bills_modal').find('#delete_whatsapp_bills').off('click').on('click',
                    function() {
                        $.ajax({
                            url: "{{ route('sadmin.whatsapp-bills.delete') }}",
                            type: "POST",
                            data: {
                                _token: '{{ csrf_token() }}',
                                whatsapp_bill_id: billId
                            },
                            dataType: 'json',
                            success: function(data) {
                                $('#delete_whatsapp_bills_modal').modal('hide');
                                WhatsAppBillsTable.draw();
                                DisplayMessages(data.message);
                            },
                            error: function(jqXHR) {
                                var Response = $.parseJSON(jqXHR.responseText);
                                DisplayMessages(Response.message, 'error');
                            }
                        });
                    });
            });

            $(document).on('hidden.bs.modal', '#whatsapp-bills_modal', function(event) {
                var form = $("#whatsapp_bill_save");
                $(form)[0].reset();
                $(form).find('.has-error').removeClass('has-error');
                $(form).find('.help-block').html('');
                $('#whatsapp-bills_modal .modal-title').text('Add Whatsapp Bill');
            });
        });

        function SetEditWhatsAppBill(element) {
            var billId = $(element).data('id');
            var form = $("#whatsapp_bill_save");
            var APP_URL = $('meta[name="_base_url"]').attr('content');

            $.ajax({
                type: "GET",
                url: APP_URL + "/whatsapp-bills/" + billId + "/edit",
                dataType: "json",
                success: function(res) {

                    if (res.status === "success") {
                        var bill = res.bill;
                        var types = res.types;
                        form.find('input[name="id"]').val(bill.id);
                        var dateInput = form.find('input[name="date"]');
                        dateInput.data('daterangepicker').setStartDate(moment(bill.date));
                        dateInput.data('daterangepicker').setEndDate(moment(bill.date));
                        var clientSelect = form.find('select[name="client_code"]');
                        clientSelect.val(bill.client_code).trigger('change');
                        var typeSelect = form.find('select[name="bill_type"]');
                        typeSelect.empty();
                        $.each(types, function(key, val) {
                            typeSelect.append('<option value="' + key + '">' + val + '</option>');
                        });
                        typeSelect.val(bill.bill_type);
                        form.find('input[name="quantity"]').val(bill.quantity);
                        form.find('input[name="amount"]').val(bill.amount);
                        form.find('textarea[name="description"]').val(bill.description || '');
                        form.attr("action", APP_URL + "/save-whatsapp-bill");
                        form.find('input[name="_method"]').val("POST");
                        $("#whatsapp-bills_modal .modal-title").text("Edit WhatsApp Bill");
                        $("#whatsapp-bills_modal").modal("show");
                    }
                },
                error: function() {
                    alert("Failed to fetch bill data");
                }
            });
        }

        function printWhatsappReceipt(element) {
            var Id = $(element).attr('data-id');
            $('#bill_id').val(Id);
            $('#bill_id').parents('form').submit();
        }
    </script>
@stop