@extends('base_panel._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <h4 class="text-dark mb-4">Dados da empresa</h4>
        <div class="row">
            <div class="col-3 mb-2 text-center">
                <div class="row">
                    <div class="col">
                        <p>Logotipo</p>
                        <img src="{{asset("assets/images/logos/logo_512px.jpg")}}" style="width: 150px;">
                    </div>
                </div>
                <button class="btn btn-primary" type="button">Upload Imagem</button>
            </div>
            <div class="col-3 mb-2 text-center">
                <div class="row">
                    <div class="col">
                        <p>Favicon</p>
                        <img src="{{asset("assets/images/logos/logo_512px.jpg")}}" style="width: 150px;">
                    </div>
                </div>
                <button class="btn btn-primary" type="button">Upload Imagem</button>
            </div>
            <div class="col-12">
                <div class="row">
                    <div class="col-6 mb-2">
                        <label class="form-label" for="internal_id">Nome Fantasia</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                    <div class="col-6 mb-2">
                        <label class="form-label" for="internal_id">Razão Social</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                    <div class="col-4 mb-2">
                        <label class="form-label" for="internal_id">CNPJ</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                    <div class="col-4 mb-2">
                        <label class="form-label" for="internal_id">Inscrição Municipal</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                    <div class="col-4 mb-2">
                        <label class="form-label" for="internal_id">Inscrição Estadual</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                    <div class="col-4 mb-2">
                        <label class="form-label" for="internal_id">Telefone</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                    <div class="col-4 mb-2">
                        <label class="form-label" for="internal_id">Celular</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                    <div class="col-4 mb-2">
                        <label class="form-label" for="internal_id">E-mail</label>
                        <input type="text" class="form-control" id="internal_id">
                    </div>
                </div>
            </div>
            <div class="col-12 mb-2 text-end">
                <button class="btn btn-primary">Salvar</button>
            </div>
        </div>
    </div>
@endsection
@section('customJS')
    <script>
        $(document).ready(function () {
            $("#sidebar_configurations").addClass("active");
            $("#collapseConfigurations").addClass("show");
            $("#sub_configurations_company").addClass("active").addClass("text-primary");
        });
    </script>
@endsection