@extends('layouts.app')
@section('content')
        <div class="main-panel">
        <ul class="nav nav-tabs" id="pills-tab" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab"
                    aria-controls="pills-home" aria-selected="true">Empresa</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab"
                    aria-controls="pills-profile" aria-selected="false">
                    Usuários
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab"
                    aria-controls="pills-contact" aria-selected="false">
                    Grupos
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-promo-tab" data-toggle="pill" href="#pills-promo" role="tab"
                    aria-controls="pills-promo" aria-selected="false">
                    Bancos
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-condicao-tab" data-toggle="pill" href="#pills-condicao" role="tab"
                    aria-controls="pills-condicao" aria-selected="false">
                    Condição de Pagamento
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-feriados-tab" data-toggle="pill" href="#pills-feriados" role="tab"
                    aria-controls="pills-feriados" aria-selected="false">
                    Feriados
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-integracoes-tab" data-toggle="pill" href="#integracoes" role="tab"
                    aria-controls="integracoes" aria-selected="false">
                    Integrações
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-metas-tab" data-toggle="pill" href="#metas" role="tab"
                    aria-controls="metas" aria-selected="false">
                    Metas
                </a>
            </li>

        </ul>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                <form method="POST" action="{{ route('saveConfigurador') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Configurações da Empresa</h4>
                            <p class="card-description">
                            </p>
                            <p class="card-description"></p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">Razão social *</label>
                                        <div class="col-sm-9">
                                            <input class="form-control {{ $errors->has('razao') ? ' is-invalid' : '' }}"
                                                type="text" name="razao" value="{{ $empresa->razao }}">
                                            @if ($errors->has('razao'))
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('razao') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">Nome Fantasia *</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="fantasia"
                                                value="{{ $empresa->fantasia }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">CNPJ *</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="cnpj"
                                                value="{{ $empresa->cnpj }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">Inscrição
                                            Estadual</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="inscricao_estadual"
                                                value=" {{ $empresa->inscricao_estadual }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-sm-3 col-form-label">Inscrição
                                            Municial</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="inscricao_municipal"
                                                value=" {{ $empresa->inscricao_municipal }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row flex-grow">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title">Responsável da Empresa</h4>
                                    <p class="card-description">
                                    </p>
                                    <p class="card-description"></p>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-3 col-form-label">Nome *</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" name="nome" type="text"
                                                        value="{{ $empresa->contato->nome }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-3 col-form-label">Telefone </label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" type="text" name="telefone"
                                                        value="{{ $empresa->contato->telefone }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-3 col-form-label">CPF *</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" type="text" name="cpf"
                                                        value="{{ $empresa->contato->cpf }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group row">
                                                <label class="col-sm-3 col-form-label">Email</label>
                                                <div class="col-sm-9">
                                                    <input class="form-control" type="text" name="email"
                                                        value="{{ $empresa->contato->email }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 d-flex align-items-stretch grid-margin">
                            <div class="row flex-grow">
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <h4 class="card-title">Endereço da Empresa</h4>
                                            <p class="card-description">
                                            </p>
                                            <p class="card-description"></p>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Rua / Av</label>
                                                        <div class="col-sm-9">
                                                            <input class="form-control" name="logradouro" type="text"
                                                                value="{{ $empresa->contato->endereco->logradouro }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Numero </label>
                                                        <div class="col-sm-9">
                                                            <input class="form-control" type="text" name="numero"
                                                                value="{{ $empresa->contato->endereco->numero }}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Bairro </label>
                                                        <div class="col-sm-9">
                                                            <input class="form-control" type="text" name="bairro"
                                                                value="{{ $empresa->contato->endereco->bairro }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">CEP </label>
                                                        <div class="col-sm-9">
                                                            <input class="form-control" type="text" name="cep"
                                                                value="{{ $empresa->contato->endereco->cep }}">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Cidade </label>
                                                        <div class="col-sm-9">
                                                            <select
                                                                class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}"
                                                                name="cidade_id">
                                                                <option
                                                                    value="{{ $empresa->contato->endereco->cidade ? $empresa->contato->endereco->cidade->id : '' }}">
                                                                    {{ $empresa->contato->endereco->cidade ? $empresa->contato->endereco->cidade->nome : '---- Selecione um estado -----' }}
                                                                </option>
                                                            </select>
                                                            @if ($errors->has('cidade_id'))
                                                                <span class="invalid-feedback" role="alert">
                                                                    <strong>{{ $errors->first('cidade_id') }}</strong>
                                                                </span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Estado </label>
                                                        <div class="col-sm-9">