@extends('layouts/inventory_layout')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <style>
        .page-item.active .page-link {
            background-color: lightgrey !important;
            border: 1px solid black;
        }

        .page-link {
            color: black !important;
        }

    </style>
    <div class="row page-wrap">
        <div class="col-md-12">
            <div class="" style="">
                <div class=" ">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <button id="printIcon" class="btn btn-info pull-right print-icon"  target="_blank" style="">
                            <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                            </button>

                            <div class="panel-title">
                                <h2>{!! $data['pageTitle'] !!}</h2>
                            </div>

                        </div>

                        <div class="panel-body panelBodyView">
                            @php
                                $options = ['' => 'Select any'];
                                $brands     = $options + DB::table('inv_product_brand')->pluck('name','id')->all();
                                $products   = $options + DB::table('inv_product')->pluck('name','id')->all();

                                $searchElements = [
                                       ['element' => 'project'],
                                       ['element' => 'project_type'],
                                       ['element' => 'report_level','showAll'=>'no'],
                                       ['element' => 'branchId'],
                                       ['element' => 'inv_group_id'],
                                       ['element' => 'inv_category_id'],
                                       ['element' => 'inv_sub_category_id'],
                                       ['element' => 'custom', 'name' => 'brand','type' => 'select',
                                       'label' => 'Brand','options' => $brands],
                                       ['element' => 'custom', 'name' => 'product','type' => 'select',
                                       'label' => 'Product','options' => $products],
                                       ['element' => 'dateRange'],
                                   ];
                            @endphp

                            @include('partials.searchPanel.main', ['searchElements' => $searchElements])
                            <div id="printDiv">
                                <div class="row" style="padding-bottom: 10px; text-align: center; vertical-align: middle; color: black; font-weight: bold; "> {{-- div for Company --}}
                                    <span style="font-size:14px;">{{ $company->name }}</span><br/>
                                    <span style="font-size:11px;">{{ $company->address }}</span><br/>
                                    <span style="text-decoration: underline;  font-size:14px;">{!! $data['pageTitle'] !!}</span></br>
                                </div>
                                <div class="" style="float:right">Printed Date: {{ date('d-m-Y') }}</div>
                                <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable" style="width:100%">
                                    <thead>
                                    <tr>
                                        <th width="5%" rowspan="2" class="text-center  sorting_1">SL#</th>
                                        <th width="10" rowspan="2" class="text-center  sorting_1">Use Date</th>
                                        <th width="10" rowspan="2" class="">Use No</th>
                                        <th width="10" colspan="4">Branch/ Employee/ Room & Dept.</th>
                                        <th width="10" rowspan="2" class="text-center">Quantity</th>
                                        <th width="10" rowspan="2"  class="text-center">Total Cost Price</th>
                                        <th width="10" rowspan="2"  class="text-center">Total Price</th>
                                    </tr>
                                    <tr>
                                        <th width="10">Branch</th>
                                        <th width="10">To Employee</th>
                                        <th width="10">To Room</th>
                                        <th width="10">To Department</th>
                                    </tr>
                                    </thead>
                                    <tbody id="tableBodySection">

                                    </tbody>

                                    <tfoot id="tableFooterSection">

                                    </tfoot>



                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script>
    $(document).ready(function() {
        //$('#loadingModal').show();
        $('form').submit(function( event ) {

            $("#tableFooterSection").html('');
            event.preventDefault();
            $('#loadingModal').show();
            $.ajax({
                type: 'post',
                url: '{{route("inv_use_report_show")}}',
                data: $('form').serialize(),
                dataType: 'json',
                success: function( _response ){
                    if (_response.responseTitle == 'success') {

                        var sl = 0;
                        var total = 0;
                        var totalQty = 0;
                        var totalUnit = 0;
                        console.log('_response ',_response.data);
                        $.each(_response.data,function(index,item){
                            var status = item.status === 0 ? "Pending" : "Approve";

                            function pad2(n) {
                                return (n < 10 ? '0' : '') + n;
                            }

                            var date = new Date(item.purchase_date);
                            var month = pad2(date.getMonth()+1);
                            var day = pad2(date.getDate());
                            var year= date.getFullYear();

                            var formattedDate =  day+"-"+month+"-"+year;
                            totalQty = parseInt(totalQty) + parseInt(item.total_quantity);
                            totalUnit = parseFloat(totalUnit) + parseFloat(item.total_cost_price);
                            total = parseFloat(total) + parseFloat(item.total_price);
                            $("#tableBodySection").append(
                                "<tr>" +
                                "<td style='text-align:center'>" + ++sl + "</td>" +
                                "<td style='text-align:center'>" + item.use_date + "</td>" +
                                "<td style='text-align:center'>" + item.use_no + "</td>" +
                                "<td style='text-align:center'>" + item.branch_name + "</td>" +
                                "<td style='text-align:center'>" + item.employee_name + "</td>" +
                                "<td style='text-align:center'>" + item.room_name + "</td>" +
                                "<td style='text-align:center'>" + item.department_name+ "</td>" +
                                "<td style='text-align:center'>" + zerocheck(item.total_quantity,'qty') + "</td>" +
                                "<td style='text-align:right'>" + zerocheck(parseFloat(item.total_cost_price)) + "</td>" +
                                "<td style='text-align:right'>" + zerocheck(parseFloat(item.total_price)) + "</td>" +
                                "</tr>"
                            );
                        });
                    }

                    $("#tableFooterSection").append(

                        "<tr>" +
                        "<th colspan='7' style='text-align:right'>Total</th>" +
                        "<th style='text-align:center'>" + zerocheck(totalQty,'qty') + "</th>" +
                        "<th style='text-align:right'>" + zerocheck(parseFloat(totalUnit)) + "</th>" +
                        "<th style='text-align:right'>" + zerocheck(parseFloat(total)) + "</th>" +
                        "</tr>"
                    );
                    $('#loadingModal').hide();
                },
                error: function(_response) {

                    $('#loadingModal').hide();
                    toastr.error('_response.errors');

                }
            });
            $("#tableBodySection").empty();
        });

        $('#fillBranchId').change(function () {
            var fillBranchId = $(this).val();
            $("#purchase option:gt(0)").remove();
            $("#chalan_no option:gt(0)").remove();

            if (fillBranchId) {
                $.ajax({
                    type: "GET",
                    url: "{{url('pos/get-branch-wise-purchase')}}?fillBranchId=" + fillBranchId,
                    success: function (res) {
                        if (res) {
                            $("#purchase").append('');
                            $("#chalan_no").append('');
                            $.each(res, function (key, value) {
                                $("#purchase").append('<option value="' + value.purchase_no + '">' + value.purchase_no + '</option>');
                                $("#chalan_no").append('<option value="' + value.invoice_no + '">' + value.invoice_no + '</option>');
                            });
                        }
                    }
                });
            }
        });
    });


    function zerocheck(value,type=null) {
            if (value == 0) {
                return "-";
            } else {
                if(type == 'qty'){
                    return value.toLocaleString("en-IN");
                }else{
                    return value.toLocaleString("en-IN", {
                        minimumFractionDigits: 2,
                        maximumFractionDigits: 2
                    });
                }
            }
    }

    $("#printIcon").click(function() {
        var printContents = document.getElementById("printDiv").innerHTML;
        var printStyle =
            '<style>@page {size: auto;margin: 0mm;margin-top:20px;margin-bottom:20px;margin-right:10px;} @media print  { .table thead tr th {white-space: normal;border: 1px solid #000000 !important;} #stockReportPdf {width: 100%;height: auto;overflow: visible;} }</style>';
        var printDiv =
            '<div id="order-details-wrapper" style="margin-top:25px;padding-left:10px;padding-right:10px;">' +
            printStyle + printContents + '</div>';

        document.body.innerHTML = printDiv;

        var originalContents = document.body.innerHTML;
        window.print();
        document.body.innerHTML = originalContents;
        location.reload();

    });
</script>
@endsection