@extends('layouts.main')

@section('content')
    <section>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="fs-base lh-base fw-medium text-muted mb-0" id="hello">
                            {{ $title }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-sm-6 col-md-4 mb-4">
                                <x-reports.button-modal-action :url="route('report-inventory.stock-card-recap')" :label="__('general.report-inventory.stock_card_recap')" icon="fa-box" options="#option-date-range,#option-branch,#option-warehouse,#option-brand,#option-category,#option-product,#option-has-transaction" />
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 mb-4">
                                <x-reports.button-modal-action :url="route('report-inventory.stock-card-detail')" :label="__('general.report-inventory.stock_card_detail')" icon="fa-boxes" options="#option-date-range,#option-branch,#option-warehouse,#option-brand,#option-category,#option-product,#option-has-transaction" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="section-options-placeholder" class="d-none">
        <x-reports.modal-option-branch />
        <x-reports.modal-option-customer />
        <x-reports.modal-option-customer-type />
        <x-reports.modal-option-category />
        <x-reports.modal-option-brand />
        <x-reports.modal-option-product />
        <x-reports.modal-option-show-content />
        <x-reports.modal-option-report-content />
        <x-reports.modal-option-date-range />
        <x-reports.modal-option-has-transaction />
    </section>
@endsection

@pushonce('modal')
    <x-reports.modal-form-report />
@endpushonce