One Hat Cyber Team

Edit File: 7317a823969be9d3c732b372f2c81646.php

<?php $__env->startSection('styles'); ?>
<style>
    .edit,
    .delete,
    .invoice {
        border: none !important;
    }

.edit {
        color: #136BAF;
    }

.delete {
        color: red;
    }

table.table-bordered.dataTable tbody th,
    table.table-bordered.dataTable tbody td {
        font-size: 0.8em;
    }

#example {
        display: block;
        overflow-x: scroll;
    }

#fetch {
        margin-right: 4px;
        margin-top: 28px;
    }

#reset-btn {
        margin-top: 28px;
    }

@media screen and (min-width: 991.9px) {
        .form-content {
            display: flex;
            align-items: center;
        }
    }

.input-group-btn {
        margin-top: 10px;
    }

.input-group-btn button {
        height: 38px
    }

.customer {
        width: 150px !important;
    }

.action {
        width: 100px !important;
    }

.action .fa {
        font-size: 1em !important;
    }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: #34343400 !important;
        color: #000 !important;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #695c5c !important;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        border-right: none !important;
    }
</style>

<?php $__env->startSection('content'); ?>
<div class="page-content">
    <div class="container-fluid">
        <form action="<?php echo e(route('sales-export')); ?>" method="POST">
            <section class="card">
                <div class="row">
                    <div class="header">
                        <div class="col-xs-8">
                            <h3 class="p-l">All Sale History</h3>
                        </div>
                        <div class="col-xs-4">
                            <a href="<?php echo e(route('create-sale')); ?>" class="btn add-sale-btn btn-rounded float-right p-r">Add Sale</a>
                            <button type="submit" class="btn btn-rounded float-right p-r btn-success float-right" style="margin-right:5px;">Export</button>
                        </div>
                    </div>
                </div>
            </section>

<div class="row">
                                    <div class="col-lg-3 col-md-6 col-xs-12">
                                        <fieldset class="form-group">
                                            <label class="form-label semibold" for="exampleCluster">Customer</label>
                                            <select class="form-control item item-1 customer-select" multiple="multiple" name="customer" id="customer" data-id=1>
                                                <?php $__currentLoopData = $customers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $id => $name): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($id); ?>"><?php echo e($name); ?></option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </fieldset>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-xs-12">
                                        <fieldset class="form-group">
                                            <label class="form-label semibold" for="exampleCluster">Invoice</label>
                                            <select class="form-control item item-1 customer-select" multiple="multiple" name="invoice" id="invoice" data-id=1>
                                                <?php $__currentLoopData = $invoices; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $invoice): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($invoice->invoice_number); ?>"><?php echo e($invoice->invoice_number); ?>

</option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </fieldset>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-xs-12">
                                        <fieldset class="form-group">
                                            <label class="form-label semibold" for="exampleInput">Start From</label>
                                            <div class='input-group date'>
                                                <input type="text" autocomplete="false" id="start_date" class="form-control" name="start_date" readonly>
                                                <span class="input-group-addon">
                                                    <i class="font-icon font-icon-calend"></i>
                                                </span>
                                            </div>
                                        </fieldset>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-xs-12">
                                        <fieldset class="form-group">
                                            <label class="form-label semibold" for="exampleInput">End From</label>
                                            <div class='input-group date'>
                                                <input type="text" id="end_date" class="form-control" name="end_date" readonly>
                                                <span class="input-group-addon">
                                                    <i class="font-icon font-icon-calend"></i>
                                                </span>
                                            </div>
                                        </fieldset>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="col-lg-2 col-md-2 col-xs-12">
                                <fieldset class="form-group">
                                    <label class="form-label semibold" for="exampleInput">Search By Text</label>
                                    <div class='input-group date'>
                                        <input type="text" autocomplete="false" id="text_search" class="form-control" name="text_search">
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-xs-12">
                            <fieldset class="form-group">
                                <label class="form-label semibold" for="exampleCluster">No. Of Records</label>
                                <select class="form-control item item-1" name="records" id="records" data-id=1>
                                    <option value="10">10</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="200">200</option>
                                    <option value="500">500</option>
                                </select>
                            </fieldset>
                        </div>
                        <div class="col-lg-2 col-md-12 col-xs-12">
                            <div class="input-group-btn">
                                <button type="button" id="fetch" class="btn btn-sm btn-primary mt-5 p-x-1">Fetch</button>
                                <button type="button" id="reset-btn" class="btn btn-sm btn-primary mt-5 p-x-1">Reset</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <?php if(session()->has('message')): ?>
        <div class="alert alert-info alert-fill alert-close alert-dismissible fade in">
            <strong><?php echo e(session()->get('message')); ?></strong>
        </div>
        <?php endif; ?>

<section class="card" style="position: relative">
            <div class="card-block" id="table_content">
                <table id="table-content" class="sales_report display table table-striped table-bordered table-responsive" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>SL. No</th>
                            <th>Sale Type</th>
                            <th>Sale Invoice</th>
                            <th>Customer</th>
                            <th>Sale Date</th>
                            <th>Narration</th>
                            <th>Subtotal</th>
                            <th>Discount</th>
                            <th>Gst</th>
                            <th>Total Amount</th>
                            <th>Recorded Income</th>
                            <th>Action</th>
                            <th>Return</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $i = 1; ?>
                        <?php $__currentLoopData = $sales; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sale): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <tr>
                            <td><?php echo e($i); ?></td>
                            <td><?php echo e($sale->type == 'product' ? 'Product' : 'Service'); ?></td>
                            <td><?php echo e($sale->invoice_number); ?></td>
                            <td class="customer"><?php echo e($sale->customer->name); ?></td>
                            <td class="action"><?php echo e($sale->sale_date); ?></td>
                            <td><?php echo e($sale->comments); ?></td>
                            <td><?php echo e($sale->subtotal); ?></td>
                            <td><?php echo e($sale->discount); ?></td>
                            <td><?php echo e($sale->gst); ?></td>
                            <td><?php echo e($sale->total); ?></td>
                            <td><?php echo e($sale->income); ?></td>
                            <td class="action">
                                <a href="<?php echo e(route('edit-sale', [$sale->id])); ?>" class="edit" title="Edit">
                                    <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                                </a>
                                &nbsp;
                                <a href="<?php echo e(route('invoice-sale', [$sale->id])); ?>" class="invoice" target="_blank" title="Invoice">
                                    <i class="fa fa-print fa-lg" aria-hidden="true"></i>
                                </a>
                                &nbsp;
                                <a href="<?php echo e(route('create-income')); ?>?source=sale&id=<?php echo e($sale->id); ?>" class="invoice" title="Income">
                                    <i class="fa fa-inr fa-lg" aria-hidden="true"></i>
                                </a>
                            </td>
                            <td><a href="<?php echo e(route('create-sales-return', ['sale_id' => $sale->id])); ?>">Return</a>
                            </td>
                        </tr>
                        <?php $i++; ?>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </tbody>
                    <input id="hidden_page" value="1" hidden></input>
                </table>
                <div id="pagination-links">
                    <?php echo e($sales->links('pagination::bootstrap-5')); ?>

</div>
            </div>
        </section>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script src="<?php echo e(asset('js/lib/datatables-net/datatables.min.js')); ?>"></script>
<script src="<?php echo e(asset('js/jquery.table2excel.js')); ?>"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.full.min.js"></script>
<script>
    $(document).ready(function() {
        $('#customer').val('');
        $('#invoice').val('');
        $('#start_date').val('');
        $('#end_date').val('');
        $('#text_search').val('');
        fetchData(true);

function fetchData(reset = false) {
            let page = $('#hidden_page').val();
            let changeUrl = true;
            let invoice = [];
            let customer = [];
            let start_date = [];
            let end_date = [];
            let text_search = [];
            let records = [];
            invoice.push($('#invoice').val());
            customer.push($('#customer').val());
            start_date.push($('#start_date').val());
            end_date.push($('#end_date').val());
            text_search.push($('#text_search').val());
            records.push($('#records').val());
            if (!invoice.length && !customer.length && !start_date.length && !end_date.length && !text_search.length && !records.length) {
                changeUrl = false;
            }

if (reset) {
                changeUrl = true;
            }

let url = "?page=" + page;

if (invoice != "") {
                url = url + "&invoice=" + invoice;
            }
            if (customer != "") {
                url = url + "&customer=" + customer;
            }
            if (start_date != "") {
                url = url + "&start_date=" + start_date;
            }
            if (end_date != "") {
                url = url + "&end_date=" + end_date;
            }
            if (text_search != "") {
                url = url + "&text_search=" + text_search;
            }
            if (records != "") {
                url = url + "&records=" + records;
            }
            $.ajax({
                url: '/sales',
                method: 'GET',
                url: url,
                success: function(response) {
                    $('#table_content').html('');
                    $('#table_content').html(response);
                    history.pushState({}, null, url);
                },
                complete: function(response) {
                    $('#pagination-links').children().children(":first-child").css('display',
                        'none');
                    $('#pagination-links').children().children(":nth-child(2)").css({
                        'display': 'flex',
                        'justify-content': 'space-between'
                    });
                }
            });
        }

$('body').on('click', '.pagination a', function(e) {
            e.preventDefault();
            let url = $(this).attr('href');
            let pageNumber = getUrlParameter('page', url);
            $('#hidden_page').val(pageNumber);
            fetchData();
        });

$('#fetch').on('click', function() {
            fetchData();
        });

$('body').on('click', '#reset-btn', function(e) {
            $('#customer').val('');
            $('#invoice').val('');
            $('#start_date').val('');
            $('#end_date').val('');
            $('#text_search').val('');
            fetchData(true);
        });

$('#pagination-links').children().children(":first-child").css('display', 'none');
        $('#pagination-links').children().children(":nth-child(2)").css({
            'display': 'flex',
            'justify-content': 'space-between'
        });

$('.customer-select').select2({
            placeholder: 'Select'
        })
    });

// export excel
    // $('.exportToExcel').click(function() {
    //     window.location.href = '/sales/report/export';
    // });

// date picker
    $(function() {
        $("#start_date").datepicker({
            dateFormat: "yy-mm-dd"
        });
        $("#end_date").datepicker({
            dateFormat: "yy-mm-dd"
        });
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/forge/app.gftag.com/resources/views/sale/index.blade.php ENDPATH**/ ?>