@extends('master.app')
@section('title', 'Report')
@section('pageCSS')
    <style id="table_style">
        table {
            width: 100%;
            border-collapse: collapse;
            margin: auto;
            border: 0.2px solid black;
        }

        td,
        th {
            border: 0.5px solid black;
            text-align: center;
        }

        td {
            font-size: 11px;
            padding: 0px;

            height: 15px;
            text-align: center;
        }

        .report-logo {
            margin-left: 480px;
            height: 100px;
            width: 100px;
            padding-top: 0px;
            margin-bottom: 0px;
        }

        h6 {
            padding: 0px;
            margin: 0px;
        }

        p {
            padding: 0px;
            margin: 0px;
        }

        .list-group-item:hover {
            border-radius: 30px;
            border: solid 2px purple;
        }
    </style>
@endsection
@section('body')
    <main class="app-content">
        <section class="">
            <div class="">
                <div class="card">
                    <div class="card-body">
                        <div class="row g-0">
                            <div class="col-md-12 gradient-custom text-center "
                                style="border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;">
                                <div class="card">
                                    <div class="card-header text-dark">
                                        Select Every Report & find Result
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="card">
                                                    <div class="card-body">
                                                        <ul class="list-group">
                                                            <li class="list-group-item bg-danger ">
                                                                <a href="{{ route('customer_bill.report_show') }}"
                                                                    class="text-light">Account Recieveble </a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('customer_recieved.report_show') }}"
                                                                    class="text-light">AR Receiveds</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('customer_balance.report_show') }}"
                                                                    class="text-light">AR Balances</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('customer_advance.report_show') }}"
                                                                    class="text-light">AR Advances</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="card">
                                                    <div class="card-body">
                                                        <ul class="list-group">
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('msupplier_bill.report_show') }}"
                                                                    class="text-light">Accounts Paybles</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('msupplier_payment.report_show') }}"
                                                                    class="text-light">AR Payments</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('supplier.balance_report_show') }}"
                                                                    class="text-light">AR Balances</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('msupplier_advance.report_show') }}"
                                                                    class="text-light">AR Advnaces</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="card">
                                                    <div class="card-body">
                                                        <ul class="list-group">
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('employee_attendance.report_show') }}" class="text-light">HR Attendance</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('employee_advances.report_show') }}" class="text-light">HR Advnaces</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('employee_overtimes.report_show') }}" class="text-light">HR Overtime</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('employee_salaries.report_show') }}" class="text-light">HR Salaries</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="card">
                                                    <div class="card-body">
                                                        <ul class="list-group">
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('stock.report_show') }}" class="text-light">Stock</a>
                                                            </li>
                                                            <hr>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('cash.report_show') }}" class="text-light">Cash</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('expense.report_show') }}" class="text-light">Expences</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('debitor.report_show') }}" class="text-light">Debitors</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('bank.report_show') }}" class="text-light">Sarafi/Bank</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('tax.report_show') }}" class="text-light">Texes</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('company_asset.report_show') }}" class="text-light">Fexid Assets</a>
                                                            </li>
                                                            <li class="list-group-item bg-danger">
                                                                <a href="{{ route('income_statement.show') }}" class="text-light">Income Statement</a>
                                                            </li>

                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </section>
    </main>
@endsection
@section('pageJs')
    <script type="text/javascript">
        $(".app-menu").removeClass("active");
    </script>

@endsection