@extends('admin.layout.master')
@section('title','SELL')
@section('custom_style')
    <style>
        .table {
            border: 1px solid black;
        }
        .table th,
        .table td {
            padding: 0rem;
            padding-left: 0.35rem;
            padding-right: 0.35rem;
            border: 1px solid black;
        }
        .table td {
            color: black;
        }
        .table th {
            background: var(--tableHeader);
            padding: 5px !important;
            color: white !important;
        }
        .custom-td {
            white-space:pre-wrap;
            word-wrap:break-word;
        }
    </style>
@endsection
@section ('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-8 pl-0">{{__('obs.sells')}} {{__('obs.list')}}</h4>
            <div  class="col-2 d-flex justify-content-end">
                @if(checkAuthPermission('sell.create'))
                    <a href="{{route('sell.create')}}" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                        <div class="col pl-0 pr-2">
                            <i class="fas fa-plus-circle"></i>
                        </div>
                        <div class="">  {{__('obs.add')}} {{__('obs.new')}} </div>
                    </a>
                @endif
            </div>
            <div class="col-2 d-flex justify-content-end checkbox">
                @include('inventory.global.report_print_excel_button')
            </div>
        </div>
        <div class="card-body pt-2">
            <form method="post" name="filter_form" id="filter_form">
                @csrf
                <input type="hidden" name="index" id="index" value="1">
                <div class="d-flex flex-wrap justify-content-center">
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="tran_type">{{__('obs.type')}}</label>
                        <select class="select_2 form-control" style="width: 100%" name="tran_type" id="tran_type">
                            <option value="3">{{__('obs.sell')}}</option>
                            <option value="4">{{__('obs.sell')}} {{__('obs.return')}}</option>
                            <option value="7">{{__('obs.fd')}} {{__('obs.return')}}</option>
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="pay_status">{{__('obs.paid')}} {{__('obs.status')}}</label>
                        <select class="select_clr form-control" style="width: 100%" name="pay_status" id="pay_status">
                            {{-- <option value=" ">{{__('obs.all')}}</option> --}}
                            <option value=""></option>
                            <option value="0">{{__('obs.unpaid')}}</option>
                            <option value="1">{{__('obs.partial')}} {{__('obs.paid')}}</option>
                            <option value="2">{{__('obs.paid')}}</option>
                        </select>
                    </div>
                    <div class="col-md-3 col-sm-3 col-12 pr-0 flex-wrap">
                        <label for="user_id">{{__('obs.user')}}</label>
                        <select class="select_clr @error('user_id') is-invalid @enderror form-control" style="width: 100%" name="user_id" id="user_id">
                            <option value=""></option>
                            @forelse ($users as $user)
                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                            @empty
                            @endforelse
                        </select>
                    </div>
                    <div class="col-md-3 col-sm-3 col-12 pr-0 flex-wrap">
                        <label for="party_id">{{__('obs.customer')}}</label>
                        <select class="customer_live @error('party_id') is-invalid @enderror form-control" style="width: 100%" name="party_id" id="party_id">
                            <option value="" selected>-- Select --</option>
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="ref_no">{{__('obs.ref')}} {{__('obs.no')}}</label>
                        <input type="text" class="form-control" name="ref_no" id="ref_no">
                    </div>
                    <div class="col-md-2 col-sm-2 col-12 pr-0 flex-wrap">
                        <label for="inv_no">{{__('obs.invoice')}} {{__('obs.no')}}</label>
                        <input type="text" class="form-control" name="inv_no" id="inv_no">
                    </div>
                    <div class="col-md-2 col-12 flex-wrap pr-0 mb-2">
                        <label for="serial_no">{{__('obs.serial')}} {{__('obs.no')}}</label>
                        <input type="text" class="form-control" name="serial_no" id="serial_no">
                    </div>
                    <div class="col-md-3 col-12 flex-wrap pr-0 mb-2">
                        <label for="cost_center_id">{{__('obs.cost')}} {{__('obs.center')}}</label>
                        <select class="select_clr form-control" style="width: 100%" name="cost_center_id" id="cost_center_id">
                            <option value=""></option>
                            @foreach ($cost_centers as $cost)
                                <option value='{{ $cost->id }}'>{{ $cost->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 col-12 flex-wrap pr-0 ">
                        <label for="inv_group_id">{{__('obs.inv')}} {{__('obs.group')}}</label>
                        @include('inventory.global.invoice_group_dd', ['type'=> 3])
                    </div>
                    <div class="col-md-3 col-sm-3 col-12 pr-0 flex-wrap"></div>
                    <div class="col-md-3 col-sm-3 col-12 pr-0 flex-wrap">
                        <label for="date_from">{{__('obs.date')}} {{__('obs.from')}}</label>
                        {!!getDateInput('date_from','date_from',Request()->date_from)!!}
                        {{-- <input type="text" class="form-control date_picker_report" name="date_from" id="date_from" value="{{ date('d-m-Y') }}"> --}}
                    </div>
                    <div class="col-md-3 col-sm-3 col-12 pr-0 flex-wrap pr-0">
                        <label for="date_to">{{__('obs.date')}} {{__('obs.to')}}</label>
                        {!!getDateInput('date_to','date_to',Request()->date_to)!!}
                        {{-- <input type="text" class="form-control date_picker_report" name="date_to" id="date_to" value="{{ date('d-m-Y') }}"> --}}
                    </div>
                    <div class="col-md-1 col-sm-1 col-12 flex-wrap pr-0 text-center">
                        <label for="date_to"> &nbsp; </label>
                        <button class="btn btn-sm btn-outline-info font-weight-bold d-sm-flex" name="filter" id="filter"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter pt-1" viewBox="0 0 16 16">
                            <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
                        </svg>&nbsp;{{__('obs.filter')}}</button>
                    </div>
                </div>
            </form>
            <hr>
            @include('admin.global.loader')
            @include('inventory.product.sell.vat_posting_modal')
            <div class="table-responsive"  id="div_tbl">
                <table class="table table-striped table-bordered dataTable no-footer" id="printThis">
                    {{-- <caption class="p-0" style="caption-side: top !important; text-align: left !important; color: black !important;"><button type="button" class="btn btn-sm btn-success" id="btn_print_all" onclick="PrintAll()">Print All</button></caption> --}}
                    <thead class="">
                        <tr>
                            <th class="text-center"><input type="checkbox" name="print_all" id="print_all"></th>
                            <th>#</th>
                            <th>{{__('obs.inv')}}. {{__('obs.no')}}</th>
                            <th>{{__('obs.ref')}}. {{__('obs.no')}}</th>
                            <th>{{__('obs.order')}} {{__('obs.no')}}</th>
                            <th>{{__('obs.invoice')}} {{__('obs.date')}}</th>
                            <th>{{__('obs.other')}}</th>
                            <th>{{__('obs.by')}}</th>
                            <th>{{__('obs.customer')}} {{__('obs.name')}}</th>
                            <th>{{__('obs.inv')}} {{__('obs.amount')}}</th>
                            <th>{{__('obs.pay')}} {{__('obs.status')}}</th>
                            <th>{{__('obs.attach')}}</th>
                            <th>{{__('obs.approval')}} {{__('obs.status')}}</th>
                            <th>{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</th>
                            <th>{{__('obs.print')}}</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body">
                    </tbody>
                </table>
            </div>
            {{-- <div class="d-flex justify-content-end pt-2">
                {!! $invoices->links() !!}
            </div> --}}
        </div>
    </div>

@endsection

@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script>
        var costCenter=[];
        const store_setting = @json(store_info());
        const warehouse_setting = @json(warehouse_info());
        const setting = @json(getDefaultSettings(3));

        $(document).ready(function() {
            $('.select_2').select2();
            select2('select_clr');
            partySearch('customer_live', 2);

            $('#filter_form').on('submit', function(event) {
                event.preventDefault();
                $('#div_tbl').html('');
                $('#loader').show();
                var d = $('#filter_form').serializeArray();
                ajaxCallWithFormData('/sell-invoice/filter', 'POST', new FormData(this), setTableData);
            });

            vat_additional['type'] = 3;
            vatInvoiceLiveSearch('vat_ref_invoice');
        });

        const setTableData = async (data) => {
            var str =  `<table class="table table-striped table-bordered dataTable no-footer" id="printThis">
            <caption class="p-0" style="caption-side: top !important; text-align: left !important; color: black !important;"><button type="button" class="btn btn-sm btn-success" id="btn_print_all" onclick="PrintAll()">Print All</button></caption>
                <thead class="">
                    <tr>
                        <th class="text-center"><input type="checkbox" id="check_all" onchange="checkAll()" value="1"></th>
                        <th class="text-center">#</th>
                        <th class="text-center">Inv. No</th>
                        <th class="text-center">Ref. No</th>
                        ${store_setting.is_dp == 1 ? '<th class="text-center">TS No</th>' : ''}
                        <th class="text-center">Order No</th>
                        <th class="text-center">Invoice Date</th>
                        <th class="text-center">Transport#</th>
                        <th class="text-center">By</th>
                        <th class="text-center">Customer Name</th>
                        <th class="text-center">Inv Amount</th>
                        <th class="text-center">Pay Status</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">ACTION</th>
                        <th class="text-center">Approval Status</th>
                    </tr>
                </thead>
            <tbody id="tbl_body">`; //<th class="text-center">Attach</th>
            let i = 0;
            for (const row of data.data) {
                let print_url=`/${(row.use_status == 3 ? 'distribution-' : '')}sell-print?id=${row.id+ (row.remarks > 13 ? '&type=14' : '') }${(row.use_status == 4 ? '&is_dmg_sell=1' : '')}`;
                // <strong class="text-danger">${row.worng_ref?row.worng_ref.invoice_no+'_id-'+row.worng_ref.id:' '}</strong>
                str += `<tr>
                    <td class="text-center"><input class="chk_all" type="checkbox" name="print_all[]" id="print_all${Number(++i)}" value="${row.id}"></td>
                    <td>${i}</td>
                    <td>${row.invoice_no}</td>
                    <td>${row.ref_invoice??''}</td>`;
                    if (store_setting.is_dp == 1) {
                        if (row.top_sheet_number) {
                            str += `<td id="ts_${i}" ondblclick="enableEditing(${i}, ${row.id})"> <a id="tsno_${i}" href="/top-sheet-print?sheet_no=${ row.top_sheet_number }" target="_blank"> ${row.top_sheet_number } </a> </td>`;
                        } else {
                            str += `<td id="ts_${i}" ondblclick="enableEditing(${i}, ${row.id}, '')"> </td>`;
                        }
                    }
                str += `<td>${(row.order != null ? row.order.order_no : '')}</td>
                    <td class="custom-td" style="padding-right: 0.45rem;">${(GetFormattedDate(row.date, 'dmy his'))}</td>
                    <td>${(row.transport?(row.transport.vehicle_no??''):'')}</td>
                    <td>${(row.issued_by == null ? '' : row.issued_by.name)}</td>
                    <td class="custom-td">${(row.customer == null ? '' : (row.customer.name_eng+' (<span class="text-danger">'+row.customer.commission+'</span>)'))}${ row.ref_inv.length > 0 ?
                            '<br>(<a href="/sell-print?id='+row.ref_inv[0].id+'" target="_blank">'+(row.ref_inv[0].party.name_eng).trim()+'</a>)'
                                : ((row.customer.parent_depot && row.customer.parent_depot.store_id == 0) ?
                                    '<br>(-<a href="/sell-print?id='+row.id+'&pd=1" target="_blank">'+(row.customer.parent_depot.name_eng).trim()+'</a>)' : '') }
                    </td>
                    <td class="text-right">${parseFloat(row.net_total).toFixed(2)}</td>
                    <td  class="text-center"> <span class="badge badge-${(row.pay_status == 0 ? 'danger' : row.pay_status == 1 ? 'warning' : 'success' ) }">${(row.pay_status == 0 ? 'Unpaid' : row.pay_status == 1 ? 'Partial Paid' : 'Paid')}</span> </td>
                    <td class="text-center"><span class="badge badge-${(row.status == 1 ? 'success' : 'danger')}">${(row.status == 1 ? 'Active' : 'Pending')}</span></td>
                    <td class="text-center"> <div class="form-group text-center mb-0">`;

                    //Edit
                    if(permission_check('sell.basic-return-edit') && row.use_status != 3 && row.transaction_type == 4 && store_setting.is_dp != 1) {
                        str +=`<a href="/sell/${row.id}/basic-return-edit" target="_blank" class="btn btn-hover text-primary p-0" title="Basic Return Edit"><i class="fas fa-edit"></i></a>`;
                    } else if (!row.ref_type && (await GetFormattedDate(row.date) > store_setting.block_edit_inv)) {
                        if(row.status != 1 || ((row.use_status == 3 && permission_check('distribution-sell.edit')) || (row.use_status != 3 && ((row.transaction_type == 3 && permission_check('sell.edit')) || (row.transaction_type == 4 && permission_check('sell-return.edit')))))) {
                            str += `<a href="/${(row.use_status == 3 ? 'distribution-' : '')}sell${store_setting.is_dp == 1?'-dp-tp':''}/${row.id}/edit${(row.use_status == 4 ? '?is_dmg_sell=1' : '')}"  target="_blank"  class="btn btn-hover text-primary p-0" title="Edit"><i class="fas fa-edit"></i></a>`;
                        }
                    }

                    //Print
                    if((row.use_status == 3 && permission_check('distribution-sell.print')) || row.use_status != 3 && (permission_check('sell.print'))) {
                        str += `<a target="_blank" href="${print_url}" class="btn btn-hover text-info p-0 pl-1" title="Print"><i class="fas fa-print"></i></a>
                        <a target="_blank" href="${print_url+'&chalan=1'}" class="btn btn-hover text-info p-0 pl-1" title="Chalan"><i class="fas fa-receipt"></i></a>`;
                    }
                    if(permission_check('mail.bill')) {
                        str +='<a class="btn btn-hover text-danger p-0 pl-1" href="/send-mail?id='+row.id+'" title="Mail"><i class="fas fa-envelope"></i></a>';
                    }
                    if(setting.print_view != 1) {
                        str += `<a target="_blank" href="${print_url+'&is_pos_print=1'}" class="btn btn-hover text-info p-0 pl-1" title="POS"><i class="fas fa-vote-yea"></i></a>`;
                    }
                    if(warehouse_setting.is_using_vat == 1) {
                        if(row.vat_invoice){
                            str += `<a target="_blank" href="/purevat/sell/print-mushak?id=${row.vat_invoice.id}" class="btn-xs btn-danger btn-hover p-0 pl-1 ml-1" title="Mushak Print">Mushak-${row.vat_invoice.invoice_no}</a>`;
                        }else{
                            str += `<button onclick="postToVatModalShow(${row.id},${row.transaction_type})" id="postToVat${row.id}" class="btn-xs btn-warning btn-hover ml-1 postToVat" title="Post To VAT">Post To VAT</button>`;
                        }
                    }

                str += `</div></td><td class="text-center" id="approval_input${row.id}"> ${data.approvals[row.id]??(row.approve_status == 1 ? '<span class="badge badge-success">Approved</span>' : '')} </td> </tr>`;
            };

            str += `</tbody> <tfoot><tr> <td colspan="${ store_setting.is_dp == 1 ? 10 : 9 }" class="text-right">Total Net</td> <td class="text-right" id="total"></td> <td colspan="4"></td> </tr></tfoot> </table>`;
            $('#div_tbl').html(str);
            await $('#printThis').DataTable({
                columnDefs: [
                    { "targets": 0, "orderable": false}
                ],
                drawCallback: function () {
                    var api = this.api();
                    $('#total').html(
                        parseFloat(api.column((store_setting.is_dp == 1 ? 10 : 9), {page:'current'} ).data().sum()).toFixed(2)
                    );
                }
            });

            $('select[name="printThis_length"]').append(`<option value="250">250</option><option value="500">500</option>`);
            $('#loader').hide();
        }

        const checkAll = () => {
            if($('#check_all').is(':checked'))
                $('.chk_all').prop('checked', 'checked');
            else
                $('.chk_all').prop('checked', '');
        }

        const PrintAll = async () => {
            let inv_ids = [];
            $('.chk_all').each(function(i) {
                if($(this).is(':checked'))
                    inv_ids.push(this.value);
            });
            console.log(inv_ids);
            window.open(`/multiple-print?ids=${inv_ids}`, "popup", "location=0,width=750,height=650,left=500,top=55");
            return false;
        }

        function updateApproveStatus(row_id,action_step_id,model_name,cost_center_id) {
            //alert(model_name);
            if(confirm('are you sure?')){
                $.ajax({
                    type: "GET",
                    url: "{{route('costcenter_mapping.update_approval_log')}}",
                    data: {
                        approvable_id:row_id,
                        approvable_type:model_name,
                        action_step_id:action_step_id,
                        cost_center_id:cost_center_id,
                    },
                    success: function (data) {
                    location.reload();
                    },
                        error: function (response) {
                    },
                });
            }
        }

        let prev_ts_no = '';
        const enableEditing = (i, inv_id) => {
            prev_ts_no = $('#tsno_'+i).text()??'';
            $('#ts_'+i).html( `<input type="text" class="form-control" name="ts_no${i}" id="ts_no${i}" value="${prev_ts_no.trim()}" onchange="changeTsNo(${i}, ${inv_id}, this.value)">`);
        }

        const changeTsNo = (i, inv_id, ts_no) => {
            if (prev_ts_no != ts_no) {
                ajaxCall('/sell/change-ts-no', 'GET', {inv_id: inv_id, ts_no: ts_no}, (data) => {
                    $('#ts_'+i).html(`<a id="tsno_${i}" href="/top-sheet-print?sheet_no=${ ts_no }" target="_blank"> ${ ts_no } </a>`);
                    $('#loader').hide();
                });
            } else {
                $('#ts_'+i).html(`<a id="tsno_${i}" href="/top-sheet-print?sheet_no=${ prev_ts_no }" target="_blank"> ${ prev_ts_no } </a>`);
            }
        }

        function postToVatModalShow(invoice_id,type){
            console.log(invoice_id);
            if(type == 3){
                $('#ref_invoice_div').hide();
                $('#vat_purchase_type_div').show();
            }
            if(type == 4){
                $('#ref_invoice_div').show();
                $('#vat_purchase_type_div').hide();
            }
            $('#vat_store_invoice_id').val(invoice_id);
            $('#vat_store_invoice_type').val(type);
            $('.postToVat').attr('disabled', true);
            $(`#postToVat${invoice_id}`).text('VAT Posting');
            $('#postToVAT').modal('show');
        }

        function postToVAT(){
            Swal.fire({
            title: "Posting To VAT",
            html: "Please Wait",
                didOpen: () => {
                    Swal.showLoading()
                }
            });
            let id = $('#vat_store_invoice_id').val();
            let purchase_type = $('#vat_purchase_type').val();
            let vat_ref_invoice = $('#vat_ref_invoice').val();
            if($('#vat_store_invoice_type').val() == 3){ // sell
                vat_ref_invoice = null;
            }else{ // return
                purchase_type = null;
            }
            let data = {
                id,purchase_type,vat_ref_invoice
            };
            ajaxCall('/purevat/inv-to-vat-posting', "POST", data, function(res){
                if(res.status != 1){
                    $('#postToVAT').modal('hide');
                    $('#filter').click();
                    callSweetAlert('warning', 'Opps!!', res.msg, 0);
                }else{
                    $('#filter').click();
                    $('#postToVAT').modal('hide');
                    callSweetAlert('success', res.msg, 'Want To Print Invoice', 1, function(){
                        window.open(res.redirect, '_blank');
                    });
                }
            });
        }

        function postToVATModalClose(){
            let id = $('#vat_store_invoice_id').val();
            $(`#postToVat${id}`).text('Post To VAT');
            $('.postToVat').attr('disabled', false);
        }
    </script>
@endsection