@extends('admin.layout.master')
@section('title','PRODUCTION')
@section('custom_style')
    <style>
        .table th,
        .table td {
            padding: 0rem;
            padding-left: 0.35rem;
        }
        .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-6 pl-0">{{__('obs.production')}} {{__('obs.list')}}</h4>
            <div  class="col-6 d-flex justify-content-end">
                <a href="{{route('production.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>
            </div>
        </div>
        <div class="card-body">
            <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">
                    <input type="hidden" name="tran_type" id="tran_type" value="12">
                    <div class="col-md-2 col-12 flex-wrap pr-0 mb-2">
                        <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 ">
                        <label for="inv_group_id">{{__('obs.inv')}} {{__('obs.group')}}</label>
                        @include('inventory.global.invoice_group_dd', ['type'=> 12])
                    </div>
                    <div class="col-md-2 col-12 flex-wrap pr-0 mb-2">
                        <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-2 col-12 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-1 flex-wrap pr-0 text-center pt-3">
                        <button class="btn btn-sm btn-outline-info font-weight-bold d-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')
            <div class="table-responsive"  id="div_tbl">
                <table class="table Dtable table-striped table-bordered dataTable no-footer" id="tbl">
                    <thead class="">
                        <tr>
                            <th>#</th>
                            <th>{{__('obs.invoice')}} {{__('obs.no')}}</th>
                            <th>{{__('obs.invoice')}} {{__('obs.date')}}</th>
                            <th>{{__('obs.finish')}} {{__('obs.product')}}</th>
                            <th>{{__('obs.by')}}</th>
                            <th>{{__('obs.cost')}} {{__('obs.center')}}</th>
                            <th>{{__('obs.inv')}} {{__('obs.amount')}}</th>
                            <th>{{__('obs.approval')}} {{__('obs.status')}}</th>
                            <th>{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body">
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!--Transaction Edit Modal -->
    <div class="modal fade bd-example-modal-lg" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalLabel">{{__('obs.purchase')}} {{__('obs.invoice')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">
                        <!-- Container -->
                        <section class="container invoice-container" id="printThis">
                            <!-- Headings -->
                            <section class="main-head">
                                <div class="row align-items-center">
                                    <div class="col-6 mb-0">
                                        <img id="logo" src="{{asset('assets/images/logo.png')}}" title="Cursor Limited" alt="Cursor Limited" />
                                    </div>
                                    <div class="col-6 text-center">
                                        <h1 class="text-right mb-0">{{__('obs.invoice')}}</h1>
                                    </div>

                                </div>
                                <hr>
                            </section>
                            <!-- Main Content -->
                            <section class="main-body">
                                <div class="row">
                                    <div class="col-6"><strong>{{__('obs.date')}}:</strong>{{date('d-m-Y')}}</div>
                                    <div class="col-6 text-right"> <strong>{{__('obs.invoice')}} {{__('obs.no')}}:</strong> 16835</div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-6"> <strong>{{__('obs.invoiced')}} {{__('obs.to:')}}</strong>
                                        <h4>Sayem Mustafiz</h4>
                                        <address>
                                            230, Sayema Villa, Mirzarpul,<br />
                                            Chattogram, Bangladesh.<br>
                                            <i>sayemmuktadir2013@gmail.com</i>
                                        </address>
                                    </div>
                                    <div class="col-6 text-right"> <strong>{{__('obs.pay')}} {{__('obs.to:')}}</strong>
                                        <h4>Cursor Limited</h4>
                                        <address>
                                            11/11 Jobeda Villa, Panchlaish,<br>
                                            Chattogram, Bangladesh.<br>
                                            <i>info@cursorbd.com</i>
                                        </address>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header px-2 py-0">
                                        <table class="table mb-0">
                                            <thead style="/*background-color: #ef446c;*/">
                                                <tr>
                                                    <th><strong>{{__('obs.sl.')}}</strong></th>
                                                    <th><strong>{{__('obs.product')}}</strong></th>
                                                    {{-- @if ($pro_setting->dual_unit != null)
                                                        <th class="text-center">{{__('obs.primary')}} {{__('obs.qty')}}</th>
                                                        <th class="text-center">{{__('obs.secoundary')}} {{__('obs.qty')}}</th>
                                                    @else                                                     --}}
                                                        <th><strong>{{__('obs.quantity')}}</strong></th>
                                                    {{-- @endif
                                                    @if ($pro_setting->dual_unit != null)
                                                        <th class="text-center">{{__('obs.primary')}} {{__('obs.price')}}</th>
                                                        <th class="text-center">{{__('obs.secoundary')}} {{__('obs.price')}}</th>
                                                    @else    --}}
                                                        <th><strong>{{__('obs.price')}}</strong></th>
                                                    {{-- @endif   --}}
                                                    {{-- <th><strong>{{__('obs.discount')}}</strong></th> --}}
                                                    <th><strong>{{__('obs.net')}} {{__('obs.total')}}</strong></th>
                                                </tr>
                                            </thead>
                                                <tbody id="report_bdy">
                                                </tbody>
                                            </table>
                                        {{-- </div> --}}
                                    </div>
                                </div>
                            </section>
                            <!-- Footer -->
                            <section class="" style="margin-top: 100px;">
                                <div class="col-12">
                                    <div class="row text-center">
                                        <div class="col-3">
                                            <p style="border-top: 1px solid black;">Cursor Limited</p>
                                        </div>
                                        <div class="col-6">
                                            &nbsp;
                                        </div>
                                        <div class="col-3">
                                            <p style="border-top: 1px solid black;">{{__('obs.customer')}} {{__('obs.signature')}}</p>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </section>
                    </div>
                </div>
                <div class="modal-footer">
                    {{-- <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('obs.close')}}</button> --}}
                    <button class="btn btn-info" onclick="printThis()">{{__('obs.print')}}</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
<script>
    const store_setting = @json(store_info());
</script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script>
        var pro_setting = @JSON($pro_setting);
        const warehouse_setting = @json(warehouse_info());
        $(document).ready(function() {
            $('.select2').select2();
            $('#filter_form').on('submit', function(event){
                event.preventDefault();
                $('#div_tbl').html('');
                $('#loader').show();
                var d = $('#filter_form').serializeArray();
                ajaxCallWithFormData('/purchase-invoice/filter', 'POST', new FormData(this), setTableData);
            });
        });

        const setTableData = async (data) => {
            var str = `<table class="table Dtable table-striped" id="tbl">
                <thead class="">
                    <tr>
                        <th>#</th>
                        <th>Invoice No</th>
                        <th>Invoice Date</th>
                        <th>Finish Product</th>
                        <th>By</th>
                        <th>Cost Center</th>
                        <th>Inv Amount</th>
                        <th>Status</th>
                        <th class="text-center">ACTION</th>
                        <th>Approval Status</th>
                    </tr>
                </thead>
            <tbody id="tbl_body">`;
            let i = 0;
            for (const row of data.data) {
                str += `<tr>
                    <td>${Number(++i)}</td>
                    <td>${row.invoice_no}</td>
                    <td class="custom-td" style="padding-right: 0.45rem;">${(GetFormattedDate(row.date, 'dmy his'))}</td>
                    <td class="custom-td">${(row.transactions.length == 1 ? row.transactions[0].product.name_eng : '')}</td>
                    <td class="custom-td">${row.issued_by.name}</td>
                    <td class="text-center custom-td">${row.cost_center.name}</td>
                    <td class="text-right">${(parseFloat(row.net_total)).toFixed(2)}</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">`;
                    if(row.status != 1 || permission_check('production.edit')){
                        str += `<a href="/production/${row.id}/edit" class="btn btn-hover text-primary p-0" title="Edit"><i class="fas fa-edit"></i></a>`;
                    }
                    if(permission_check('production.print')){
                        str += `<a href="/production-print?id=${row.id}" target="_blank" class="btn btn-hover text-info p-0 pl-1" title="Print"><i class="fas fa-print"></i></a>`;
                    }
                    if(warehouse_setting.is_using_vat == 1){
                        if(row.vat_invoice){
                            str += `<span class="badge badge-dark">Posted To VAT</span>`;
                        }else{
                            str += `<button onclick="postToVatModalShow(${row.id})" 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]}</td></tr>`;
            };
            $('#div_tbl').html(str + '</tbody> <tfoot><tr> <td colspan="6" class="text-right">Total Net</td> <td class="text-right" id="total"></td> <td colspan="3"></td> </tr></tfoot> </table>');
            await $('#tbl').DataTable({
                drawCallback: function () {
                    var api = this.api();
                    $('#total').html(
                        parseFloat(api.column(6, {page:'current'}).data().sum()).toFixed(2)
                    );
                }
            });
            $('#loader').hide();
        }

        function postToVatModalShow(invoice_id){
            callSweetAlert('warning', "Are You Sure?", '', 1, function(){
                postToVAT(invoice_id);
            });
        }

        function postToVAT(invoice_id){
            Swal.fire({
            title: "Posting To VAT",
            html: "Please Wait",
                didOpen: () => {
                    Swal.showLoading()
                }
            });
            let data = {id:invoice_id};
            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');
                    });
                }
            });
        }
    </script>

@endsection