@extends('layouts.base_portal')
@section('inner_content')
    <div class="row d-none" :class="[{'d-flex': authStore.isAdmin}]" v-if="authStore.isAdmin">

        <!-- Group 1: XXX Downloads -->
        <div class="col-12">
            <!-- <h4>Packaging Downloads</h4> -->
            <div class="row">
                <div class="col-md-6">
                    <div class="card mb-3">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <span>customers.csv</span>
                                <p class="text-muted mb-0">(last 12 months)</p>
                            </div>
                            <open-link-in-new-tab-component custom-class="btn btn-primary" :url="route('customers.export')">
                                <i class="fa fa-download"></i> Download
                            </open-link-in-new-tab-component>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <download-transactions-report-component></download-transactions-report-component>
                    <!-- <div class="card mb-3">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <span>transactions.csv</span>
                                <p class="text-muted mb-0">(last 1 month)</p>
                            </div>
                            <open-link-in-new-tab-component custom-class="btn btn-primary" :url="route('transactions.export')">
                                <i class="fa fa-download"></i> Download
                            </open-link-in-new-tab-component>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="card mb-3">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <span>bookingData.csv</span>
                                <p class="text-muted mb-0">(last 1 month)</p>
                            </div>
                            <open-link-in-new-tab-component custom-class="btn btn-primary" :url="route('bookingData.export')">
                                <i class="fa fa-download"></i> Download
                            </open-link-in-new-tab-component>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card mb-3">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <span>billingData.csv</span>
                            <open-link-in-new-tab-component custom-class="btn btn-primary" :url="route('billingData.export')">
                                <i class="fa fa-download"></i> Download
                            </open-link-in-new-tab-component>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <show-white-form-transactions-component></show-white-form-transactions-component>
                </div>
                <div class="col-md-6">
                    <div class="card mb-3">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <span>nullDebtor.xls</span>
                                <p class="text-muted mb-0">New Debtors Report from <a href="{{route('settings')}}" target="_blank">settings page</a></p>
                            </div>
                            <open-link-in-new-tab-component custom-class="btn btn-primary" :url="route('newDebtor.export')">
                                <i class="fa fa-download"></i> Download
                            </open-link-in-new-tab-component>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="card mb-3">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <span>EINV_DEBTOR_SUMMARY.xls</span>
                                <p class="text-muted mb-0">e-Invoice Debtor Summary Report</p>
                            </div>
                            <open-link-in-new-tab-component custom-class="btn btn-primary" :url="route('eInvoiceDebtorSummary.export')">
                                <i class="fa fa-download"></i> Download
                            </open-link-in-new-tab-component>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                        <div class="card mb-3">
                            <div class="card-body d-flex justify-content-between align-items-center">
                                <span>exchange_all_customers_info_for_lark_system.xls</span>
                                <password-protected-download-component custom-class="btn btn-primary" :url="route('exportAllCustomersInfoForLarkSystem.export')">
                                    <i class="fa fa-download"></i> Download
                                </password-protected-download-component>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- Group 2: XXX Downloads -->
        <div class="col-12">
            <!-- <h4>Order Downloads</h4>
            <div class="row">
                <div class="col-md-6">
                    <div class="card mb-3">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <span>customer-latest-order-date.csv</span>
                                <p class="text-muted mb-0">(last 12 months)</p>
                            </div>
                            <open-link-in-new-tab-component custom-class="btn btn-primary" :url="route('customer.latest.order.date.export')" :is-url-protected="true">
                                <i class="fa fa-download"></i> Download
                            </open-link-in-new-tab-component>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>

    </div>
@endsection
