@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">
                    <div class="panel-title">
                        <h2>{!! $data['pageTitle'] !!}</h2>
                    </div>
                    <div class="panel-options">
                        <a href="{{ url('/inv/addProduct') }}" class="btn btn-info pull-right addViewBtn">
                            <i class="glyphicon glyphicon-plus-sign addIcon"></i>{{ $data['addBtnLabel'] }}
                        </a>
                    </div>
                </div>

                <div class="panel-body panelBodyView">
                    @php
                        if($data['branchName']->name =='Head Office')
                        {
                           $searchElements = [
                                // ['element' => 'dateRange'],
                                ['element' => 'gnrSupplierId'],
                                ['element' => 'inv_group_id'],
                                ['element' => 'inv_category_id'],
                                ['element' => 'inv_sub_category_id'],
                                ['element' => 'inv_model_id'],

                            ];
                        }
                        else{
                            $searchElements = [
                                // ['element' => 'dateRange'],
                                ['element' => 'gnrSupplierId'],
                                ['element' => 'inv_group_id'],
                                ['element' => 'inv_category_id'],
                                ['element' => 'inv_sub_category_id'],
                                ['element' => 'inv_model_id'],

                            ];
                        }


                    @endphp
                    @include('partials.searchPanel.main', ['searchElements' => $searchElements])

                    <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable" style="width:100%">
                        <thead>
                            <tr>
                                <th width="5%" class="text-center  sorting_1">SL#</th>
                                <th width="10" class="text-center  sorting_1">Product Name</th>
                                <th width="10" class="text-center">Group</th>
                                <th width="10" class="text-center">Category</th>
                                <th width="10" class="text-center">Sub Category</th>
                                <th width="10" class="text-center">Brand</th>
                                <th width="10" class="text-center">Model</th>
                                <th width="10" class="text-center">Size</th>
                                <th width="10" class="text-center">Color</th>
                                <th width="10" class="text-center">Barcode</th>
                                <th width="10" class="text-center">Cost Price</th>
                                <th width="10" class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody id="tableBodySection">

                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    @include('inventory/productSetting/product/productDetails')
    <script>
        $(document).ready(function() {

            var dataTable = $('#datatable').DataTable({
                "sDom": "ltipr", // For removeing default Search bar //
                "processing": true,
                "serverSide": true,
                "ordering": false,

                "ajax": {
                    "url": "{{ Request::url() }}",
                    "type": "POST",
                    "data": function(d) {
                        var inputs = {};
                        $.each($('form').serializeArray(), function() {
                            inputs[this.name] = this.value;
                        });
                        d.filter = inputs;
                    }
                },

                "columns": [{
                        "data": "sl"
                    },
                    {
                        "data": "purchase_name",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_group",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_category",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_subcategory",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_brand",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_model",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_size",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_color",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_barcode",
                        className: "text-align-center"
                    },
                    {
                        "data": "pro_cost_price",
                        className: "text-align-right"
                    },
                    {
                        "data": "id",
                        className: "text-center"
                    }
                ],

                "columnDefs": [{
                    "targets": -1,
                    "data": "id",
                    "render": function(data, type, row, meta) {
                        if(row.product_check == 0){
                            return '<a href="javascript:;" data-token="" data-id="'+data+'" class="btn btn-xs form5 btn-info"><i class="fa fa-eye" aria-hidden="true"></i></a>\
                            <a href="{{ url("/inv/editProduct/") }}/' + data +
                            '" class="btn btn-xs btn-info"><i class="fa fa-edit" aria-hidden="true"></i></a>' +
                            '<a href="javascript:;"  data-id=' + data +
                            ' class="btn btn-xs btn-danger  delete-action"><i class="fa fa-trash" aria-hidden="true"></i></a>';
                        }else{
                            return '<a href="javascript:;" data-token="" data-id="'+data+'" class="btn btn-xs form5 btn-info"><i class="fa fa-eye" aria-hidden="true"></i></a>';
                        }


                    }
                }]


            });

            $("#searchForm").submit(function(e) {
                e.preventDefault();
                dataTable.draw();
            });



             //delete function
            $(document).on('click', '.delete-action', function() {
                if(hasAccess('deleteProductItem')){

                    Swal.fire({
                    title: 'Are you sure?',
                    text: "Once delete you won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#7e7979',
                    confirmButtonText: 'Yes, delete it!'
                    }).then((result) => {
                    if (result.isConfirmed) {

                        $.ajax({
                            type: 'post',
                            url: './deleteProductItem',
                            data: {
                            '_token': $('input[name=_token]').val(),
                            'id': $(this).data('id')
                            },
                            success: function(_response) {
                            if(_response.responseTitle == 'success') {
                                Swal.fire({
                                icon: 'success',
                                title: 'Deleted!',
                                text: 'This data has been deleted.',
                                showConfirmButton: false,
                                timer: 1500
                                })

                                setTimeout(function(){
                                dataTable.ajax.reload();
                                }, 1000);


                            }
                            else {
                                Swal.fire({
                                icon: 'error',
                                title: 'Failed to delete!',
                                text: 'This data has not been deleted.',
                                showConfirmButton: true,
                                })
                            }


                            // setTimeout(function(){
                            //   window.location.reload(1);
                            // }, 1000);
                            }
                        });



                    }
                    })
                }else{
                    Swal.fire({
                        icon: 'error',
                        title: 'Failed to delete!',
                        text: 'Access Denied',
                    })
                }


            });


            //product details model
            $(document).on('click', '.form5', function() {
                if(hasAccess('inv/productDetail')){
                    $('#imageShow3').empty();
                    var id = ($(this).data('id'));
                    var crsf = ($(this).data('token'));
                    //alert(id);alert(crsf);
                    $('#loadingModal').show();
                    $.ajax({
                        type: 'post',
                        url: './productDetail',
                        data: {
                            '_token': $('input[name=_token]').val(),
                            'id': id
                        },
                        dataType: 'json',
                        success: function( _response ){
                            $('#loadingModal').hide();
                            $.each(_response.data, function( index, value ){
                                console.log(_response.data.supplierName.company_name);
                                $('#ProductName').text(_response.data.productName);
                                $('#Id').text(_response.data.productIdNo);
                                $('#Description').text(_response.data.description);
                                $('#SupplierName').text(_response.data.supplierName.name);
                                $('#Group').text(_response.data.groupName.name);
                                $('#Catagory').text(_response.data.categoryName.name);
                                $('#SubCatagory').text(_response.data.subCategoryName.name);
                                $('#Brand').text(_response.data.productBrandName.name);
                                $('#Model').text(_response.data.productModelName.name);
                                $('#Size').text(_response.data.ProductSizeName.name);
                                $('#Color').text(_response.data.productColorName.name);
                                $('#UOM').text(_response.data.productUomName.name);
                                $('#CostPrice').text(_response.data.costPrice);
                                $('#SalesPrice').text(_response.data.salesPrice);
                                $('#OpeningSt').text(_response.data.openingStock);
                                $('#MinimumSt').text(_response.data.minimumStock);
                                $('#OpeningStAmount').text(_response.data.openingStockAmount);
                                $('#Barcode').text(_response.data.barcode);
                                $('#BarcodeSystem').text(_response.data.systemBarcode);
                                $('#Warranty').text(_response.data.warranty);
                                $('#ServiceWarranty').text(_response.data.serviceWarranty);
                                $('#CompresserWarranty').text(_response.data.compresserWarranty);

                            });

                            var imageName = _response.data.imageName;
                            $('#imageShow3').append('<img src="{{ asset("images/inventory/product/") }}'+ '/' + imageName +'" width="300" height="300" class="amni"/>');
                            $('.modal-title').text('Product Details');
                            $('.modal-header').css({"background-color":"black", "color":"white", "padding":"10px"});
                            $('.modal-dialog').css('width','90%');
                            $('.deleteContent').hide();
                            $('.modal-footer').hide();
                            $('.form-horizontal').show();
                            $('#myModal2').modal('show');

                        },
                        error: function( data ){
                            $('#loadingModal').hide();
                            alert('something wrong');
                        }
                    });
                }

            });

        });


    </script>
@endsection