@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <h5 class="text-dark mb-3">1. Configurações Fiscais</h5>
            </div>
        </div>
        <div class="row">
            <div class="col-6 mb-2">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminate">
                    <label class="form-check-label" for="flexCheckIndeterminate">
                        Habilitar a emissão de NF-e | Produtos
                    </label>
                </div>
            </div>
            <div class="col-6 mb-2">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminate">
                    <label class="form-check-label" for="flexCheckIndeterminate">
                        Habilitar a emissão de NFS-e | Serviços
                    </label>
                </div>
            </div>
            <div class="col-3 mb-2">
                <label class="form-label" for="situation">Regime fiscal</label>
                <select class="form-select" name="situation" id="situation">
                    <option value="0" selected>Simples Nacional</option>
                    <option value="0">MEI</option>
                </select>
            </div>
            <div class="col-3 mb-2">
                <label class="form-label" for="situation">Regime tributário</label>
                <select class="form-select" name="situation" id="situation">
                    <option value="0" selected>Simples Nacional</option>
                    <option value="0">MEI</option>
                </select>
            </div>
            <div class="col-3 mb-2">
                <label class="form-label" for="situation">Carregar certificado A1</label>
                <input type="file" class="form-control">
            </div>
            <div class="col-3 mb-2">
                <label class="form-label" for="situation">Senha do certificado</label>
                <input type="text" class="form-control" id="situation">
            </div>

        </div>
        <hr>
        <h5 class="text-dark mb-4">2. Matriz Fiscal</h5>
        <div class="row">
            <div class="col-12 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body p-4">
                        <div class="table-responsive">
                            <table class="table text-nowrap mb-0 align-middle text-center">
                                <thead class="text-dark fs-4">
                                <tr>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">ID</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Impostos/Taxas</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Regime Fiscal</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Descrição</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">De</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Até</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Aliquota</h6>
                                    </th>
                                    <th class="border-bottom-0">
                                        <h6 class="fw-semibold mb-0">Editar</h6>
                                    </th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 text-end">
                <button class="btn btn-primary">Salvar</button>
            </div>
        </div>
    </div>
@endsection
@section('customJS')
    <script>
        $(document).ready(function () {
            $("#sidebar_configurarion").addClass("active");
            $("#collapseConfigurations").addClass("show");
            $("#sub_configurations_fiscal").addClass("active").addClass("text-primary");
        });
    </script>
@endsection