@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body p-4">
                        <h4 class="card-title fw-semibold mb-4">Gerenciar Cadastros</h4>
                        <div class="accordion accordion-flush">
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed fw-semibold" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#collapse_provider" aria-expanded="false"
                                            aria-controls="collapse_provider">
                                        Fornecedores
                                    </button>
                                </h2>
                                <div id="collapse_provider" class="accordion-collapse collapse">
                                    <div class="accordion-body">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="provider_category_table">
                                                        <caption class="text-center caption-top fw-semibold">Categorias
                                                            <i role="button" id="provider_category_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Categoria</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed fw-semibold" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#collapse_products" aria-expanded="false"
                                            aria-controls="collapse_products">
                                        Produtos
                                    </button>
                                </h2>
                                <div id="collapse_products" class="accordion-collapse collapse">
                                    <div class="accordion-body">
                                        <div class="row">
                                            <div class="col-6 mb-4">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="product_type_table">
                                                        <caption class="text-center caption-top fw-semibold">Tipo
                                                            <i role="button" id="product_type_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Tipo</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="col-6 mb-4">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="product_category_table">
                                                        <caption class="text-center caption-top fw-semibold">Categoria
                                                            <i role="button" id="product_category_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Categoria</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="col-6 mb-4">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="product_sub_category_table">
                                                        <caption class="text-center caption-top fw-semibold">
                                                            Sub-Categoria
                                                            <i role="button" id="product_sub_category_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Categoria</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Sub-Categoria</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="col-6 mb-4">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="product_brand_table">
                                                        <caption class="text-center caption-top fw-semibold">Marcas
                                                            <i role="button" id="product_brand_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Marca</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="col-6 mb-4">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="product_model_table">
                                                        <caption class="text-center caption-top fw-semibold">Modelo
                                                            <i role="button" id="product_model_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Modelo</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="col-6 mb-4">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="product_measure_table">
                                                        <caption class="text-center caption-top fw-semibold">Medidas
                                                            <i role="button" id="product_measure_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Medida</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="col-6 mb-4">
                                                <div class="table-responsive">
                                                    <table class="table text-nowrap mb-0 align-middle"
                                                           id="product_allocation_table">
                                                        <caption class="text-center caption-top fw-semibold">Alocações
                                                            <i role="button" id="product_allocation_add"
                                                               class="fal fa-plus-circle"></i>
                                                        </caption>
                                                        <thead class="text-dark fs-4">
                                                        <tr>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0">Alocação</h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                            <th class="border-bottom-0">
                                                                <h6 class="fw-semibold mb-0"></h6>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('dashboard.offcanvas.generic-registrations',[
       "text_target" => "categoria",
       "target_id" => "provider_category",
       "target_route" => "component.providers.category",
       "target_input" => "category",
       "target_js" => "provider-categories.js",
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "tipo",
        "target_id" => "product_type",
        "target_route" => "component.product.type",
        "target_input" => "type",
        "target_js" => "product-type.js"
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "categoria",
        "target_id" => "product_category",
        "target_route" => "component.product.category",
        "target_input" => "product_category",
        "target_js" => "product-category.js"
    ])
    @include('dashboard.offcanvas.product-sub-category')
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "marca",
        "target_id" => "product_brand",
        "target_route" => "component.product.brand",
        "target_input" => "brand",
        "target_js" => "product-brand.js"
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "modelo",
        "target_id" => "product_model",
        "target_route" => "component.product.model",
        "target_input" => "model",
        "target_js" => "product-model.js"
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "medida",
        "target_id" => "product_measure",
        "target_route" => "component.product.measure",
        "target_input" => "measure",
        "target_js" => "product-measure.js",
        "limited_input" => "2",
        "placeholder_input" => "Un,Kg,etc...",
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "alocação",
        "target_id" => "product_allocation",
        "target_route" => "component.product.allocation",
        "target_input" => "alocation",
        "target_js" => "product-allocation.js"
    ])

@endsection
@section('customJS')
    <script src="{{asset("_js/dashboard/configurations/registrations.js")}}"></script>
@endsection