@extends('admin.layout.app')
@section('title','Reports')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('theme/plugins/datatables/responsive.bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('theme/plugins/datatables/dataTables.bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
    <style>
        .report-box {
            margin: 20px 10px;
            min-height: 135px;
            padding: 20px 20px 5px 20px;
        }
    </style>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Reports</h4>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 mr-auto ml-auto">
                    <div class="card-box">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#v-home" data-toggle="tab" aria-expanded="true">Job Card</a>
                            </li>
                            <li class="">
                                <a href="#v-profile" data-toggle="tab" aria-expanded="false">Purchases</a>
                            </li>
                            <li class="">
                                <a href="#v-messages" data-toggle="tab" aria-expanded="false">Inventory</a>
                            </li>
                            <li class="">
                                <a href="#v-settings" data-toggle="tab" aria-expanded="false">Due</a>
                            </li>
                            <li class="">
                                <a href="#v-vat" data-toggle="tab" aria-expanded="false">VAT</a>
                            </li>
                            <li class="">
                                <a href="#v-account" data-toggle="tab" aria-expanded="false">Account</a>
                            </li>
                            <li class="">
                                <a href="#v-hrms" data-toggle="tab" aria-expanded="false">HRMS</a>
                            </li>
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane active" id="v-home">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('jobAppointmentReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Appointment Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('inspectionReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Inspection Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('jobCardReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Workshop Profit Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('jobCardSummary.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report4.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Job Card Summary Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('estimationReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report3.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Estimation Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('customerReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report4.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Customer Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('remarkReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report5.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Remarks Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('productSaleReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Product Sale Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('serviceSaleReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report5.png')}}"
                                                    width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Service Sale Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('jobNextService.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Due Date and Next Reminder Date - Job Cards
                                                    </h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('workShopDiaryReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Work Shop Diary Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('jobInsuranceReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Job Card Insurance Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-profile">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('purchaseOrderReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Purchase Order Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('partWisePurchaseReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report3.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Spare Part Wise Purchase Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('purchaseInvoiceReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report4.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Purchase Invoice Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('purchaseReturnReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report3.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Purchase Return Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-messages">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('stockReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report3.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Stock Overview Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('stockLedger.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report4.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Stock Ledger</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('stockAdjustmentReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Stock Adjustment</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('stockFifoReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Stock FIFO Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('minStockReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Minimum Stock Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-settings">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('customerDue.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Receivable Balances</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('customerLedger.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report4.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Customer Ledger</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('customerStatement.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report5.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Customer Statement</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('supplierDue.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Payable Balances </h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('supplierStatement.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Supplier Statement</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('supplierLedger.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Supplier Ledger</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-vat">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('inputVat.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Input Vat</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('outputVat.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report5.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Output Vat</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('vatReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Vat Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-account">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('trialBalance.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Trial Balance</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('balanceSheet.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Balance Sheet</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('profitAndLoss.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Profit And Loss</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('paymentVoucherReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Payment Register</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('receiptVoucherReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report5.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Receipt Register</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('accountReceivableAging.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Accounts Receivable Aging</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('accountPayableAging.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report.png')}}" width="50"
                                                    alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Accounts Payable Aging</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('retainedEarning.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report3.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Retained Earnings Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('accountLedgerReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report4.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Account Ledger Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('groupReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Group Ledger Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-hrms">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('employee-report.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report1.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Employee Report</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('attendance-report.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report2.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Employee Attendance</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('over-time-report.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report5.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Employee Over Time</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('employee-salary.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report4.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Employee Salary</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="card-box text-center report-box">
                                            <a href="{{route('employeeBonusReport.index')}}"
                                               class="waves-effect"><img
                                                    src="{{asset('theme/default/assets/images/report3.png')}}"
                                                    width="50" alt="user-img"
                                                    class="user-img">
                                                <div class="card-body">
                                                    <h5 class="card-title">Employee Bonus</h5>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/bootstrap-sweetalert/sweet-alert.min.js')}}"></script>
    <script src="{{asset('theme/plugins/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('theme/plugins/datatables/dataTables.bootstrap.js')}}"></script>
    {{--    <script src="{{asset('theme/plugins/datatables/responsive.bootstrap.min.js')}}"></script>--}}
@endpush