@extends('admin.master.master')

@section('content')

<section class="dash_content_app">

    <header class="dash_content_app_header">
        <h2 class="icon-user-plus">Editar Cliente</h2>

        <div class="dash_content_app_header_actions">
            <nav class="dash_content_app_breadcrumb">
                <ul>
                    <li><a href="">Dashboard</a></li>
                    <li class="separator icon-angle-right icon-notext"></li>
                    <li><a href="{{route('admin.clientes.index')}}">Clientes</a></li>
                    <li class="separator icon-angle-right icon-notext"></li>
                    <li><a href="{{route('admin.clientes.create')}}" class="text-orange">Novo Cliente</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="dash_content_app_box">
        <div class="nav">
            @if($errors->all())
                @foreach($errors->all() as $error)
                    @message(['color' => 'orange'])
                    <p class="icon-asterisk">{{ $error }}</p>
                    @endmessage
                @endforeach
            @endif
            <ul class="nav_tabs">
                <li class="nav_tabs_item">
                    <a href="#data" class="nav_tabs_item_link active">Dados Cadastrais</a>
                </li>
           {{--     <li class="nav_tabs_item">
                    <a href="#complementary" class="nav_tabs_item_link">Dados Complementares</a>
                </li>
                <li class="nav_tabs_item">
                    <a href="#realties" class="nav_tabs_item_link">Imóveis</a>
                </li>
                <li class="nav_tabs_item">
                    <a href="#management" class="nav_tabs_item_link">Administrativo</a>
                </li>--}}
            </ul>


            <form class="app_form" action="{{ route('admin.clientes.update', ['cliente' => $cliente->id]) }}" method="post" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="nav_tabs_content">
                   {{-- <div id="data">
                        <div class="label_gc">
                            <span class="legend">Perfil:</span>
                            <label class="label">
                                <input type="checkbox" name="lessor"><span>Locatário</span>
                            </label>

                            <label class="label">
                                <input type="checkbox" name="lessee"><span>Locador</span>
                            </label>
                        </div>--}}
                    <div class="label_g4">

                        <label class="label">
                            <span class="legend">Código:</span>
                            <input type="text" name="id"  value="{{$cliente->id}}" readonly/>
                        </label>

                        <label class="label">
                            <span class="legend">Data de Cadastro:</span>
                            <input type="text" name="data_cadastro" placeholder="" readonly
                                   value="{{implode('/', array_reverse(explode('-', $cliente->data_cadastro)))}}"/>
                        </label>

                        {{--      <div class="label_g2">--}}
                              <label class="label">
                                    <span class="legend">*Tipo Pessoa:</span>
                                    <select class="form-control" name="tipo_pessoa">
                                        @foreach($tipo_pessoas as $tipo_pessoa))
                                        <option value="{{$tipo_pessoa->tipo_pessoa}}" {{$tipo_pessoa->tipo_pessoa  == $cliente->tipo_pessoa ? 'selected' : ''}}>{{$tipo_pessoa->tipo_pessoa_desc}}</option>
                                        @endforeach
                                    </select>
                                </label>
                                <label class="label">
                                    <span class="legend">*Modalidade Cliente:</span>
                                    <select class="form-control" name="modalidade_cliente">
                                        @foreach($modalidade_clientes as $modalidade_cliente)
                                        <option value="{{$modalidade_cliente->id}}"  {{$modalidade_cliente->id == $cliente->modalidade_cliente ? 'selected' : ''}}>{{$modalidade_cliente->tipo}}</option>
                                        @endforeach
                                    </select>
                                </label>


                        </div>

                    <div class="label_g2">

                        <label class="label">
                            <span class="legend">*Razão Social:</span>
                            <input type="text" name="nome_razao_social" placeholder="" value="{{old('nome_razao_social') ?? $cliente->nome_razao_social}}"/>
                        </label>

                        <label class="label">
                            <span class="legend">*Nome Fantasia:</span>
                            <input type="text" name="nome_fantasia" placeholder="" value="{{old('nome_fantasia') ?? $cliente->nome_fantasia}}"/>
                        </label>



                       {{-- <label class="label">
                            <span class="legend">*CNPJ:</span>
                            <input type="tel" class="mask-cnpj cnpj_validator" name="document_company" placeholder="CNPJ da empresa"
                                   value="{{old('document_company')}}"/>
                        </label>--}}
                    </div>

                    <div class="label_g2">

                        <label class="label">
                            <span class="legend">*CNPJ:</span>
                            <input type="tel" class="mask-cnpj cnpj_validator" name="cnpj_cpf" placeholder=""
                                   value="{{old('cnpj_cpf') ?? $cliente->cnpj_cpf}}"/>
                        </label>

                        <label class="label">
                            <span class="legend">*Inscrição Estadual:</span>
                            <input type="text" name="ie_rg" placeholder="" value="{{old('ie_rg') ?? $cliente->ie_rg}}"/>
                        </label>




                    </div>


                    {{--    <div class="app_collapse mt-2">
                            <div class="app_collapse_header collapse">
                                <h4>Contato</h4>
                                <span class="icon-plus-circle icon-notext"></span>
                            </div>--}}

                   {{--     <div class="app_collapse_content d-none">--}}

                             <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">*E-mail para contato:</span>
                                        <input type="email" name="email_contato" placeholder="" value="{{old('email_contato') ?? $cliente->email_contato}}"/>
                                    </label>

                                <label class="label">
                                    <span class="legend">*Fone Celular:</span>
                                    <input type="tel" name="telefone1" class="mask-cell"
                                           placeholder="Número do Telefone com DDD" value="{{old('telefone1') ?? $cliente->telefone1}}"/>
                                </label>
                    {{--
                                 <label class="label">
                                     <span class="legend">Fone Residencial:</span>
                                     <input type="tel" name="telephone" class="mask-phone"
                                            placeholder="Número do Telefonce com DDD" value=""/>
                                 </label>--}}
                             </div>
                    <div class="label_g2">
                        <label class="label">
                            <span class="legend">*Representante Vendedor:</span>
                            <input type="text" name="cod_representante" placeholder="" value="{{old('cod_representante') ?? $cliente->cod_representante}}"/>
                        </label>
                        <label class="label">
                            <span class="legend">Fone Fixo:</span>
                            <input type="tel" name="telefone2" class="mask-phone"
                                   placeholder="Número do Telefonce com DDD" value="{{old('telefone2') ?? $cliente->telefone2}}"/>
                        </label>
                    </div>

{{--                        </div>--}}
                  {{--  </div>--}}

                    {{-- <div class="label_g2">
                         <label class="label">
                             <span class="legend">*RG:</span>
                             <input type="text" name="document_secondary" placeholder="RG do Cliente"
                                    value=""/>
                         </label>

                         <label class="label">
                             <span class="legend">Órgão Expedidor:</span>
                             <input type="text" name="document_secondary_complement" placeholder="Expedição"
                                    value=""/>
                         </label>
                     </div>--}}

                       {{-- <div class="label_g2">
                            <label class="label">
                                <span class="legend">*Data de Nascimento:</span>
                                <input type="tel" name="date_of_birth" class="mask-date"
                                       placeholder="Data de Nascimento" value=""/>
                            </label>

                            <label class="label">
                                <span class="legend">*Naturalidade:</span>
                                <input type="text" name="place_of_birth" placeholder="Cidade de Nascimento"
                                       value=""/>
                            </label>
                        </div>--}}

                        <div class="label_g2">
                         {{--   <label class="label">
                                <span class="legend">*Estado Civil:</span>
                                <select name="civil_status">
                                    <optgroup label="Cônjuge Obrigatório">
                                        <option value="married">Casado</option>
                                        <option value="separated">Separado</option>
                                    </optgroup>
                                    <optgroup label="Cônjuge não Obrigatório">
                                        <option value="single">Solteiro</option>
                                        <option value="divorced">Divorciado</option>
                                        <option value="widower">Viúvo</option>
                                    </optgroup>
                                </select>
                            </label>--}}
{{--
                            <label class="label">
                                <span class="legend">Foto</span>
                                <input type="file" name="cover">
                            </label>--}}
                        </div>

{{--
                        <div class="app_collapse mt-2">
                            <div class="app_collapse_header collapse">
                                <h3>Renda</h3>
                                <span class="icon-plus-circle icon-notext"></span>
                            </div>

                            <div class="app_collapse_content d-none">
                                <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">*Profissão:</span>
                                        <input type="text" name="occupation" placeholder="Profissão do Cliente"
                                               value=""/>
                                    </label>

                                    <label class="label">
                                        <span class="legend">*Renda:</span>
                                        <input type="tel" name="income" class="mask-money"
                                               placeholder="Valores em Reais" value=""/>
                                    </label>
                                </div>

                                <label class="label">
                                    <span class="legend">*Empresa:</span>
                                    <input type="text" name="company_work" placeholder="Contratante"
                                           value=""/>
                                </label>
                            </div>
                        </div>
--}}

                        <div class="app_collapse mt-2">
                            <div class="app_collapse_header collapse">
                                <h4>Endereço</h4>
                                <span class="icon-plus-circle icon-notext"></span>
                            </div>

                            <div class="app_collapse_content d-none">
                                <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">*CEP:</span>
                                        <input type="tel" name="cep" class="mask-zipcode zip_code_search"
                                               placeholder="Digite o CEP" value="{{old('cep') ?? $cliente->cep}}"/>
                                    </label>
                                </div>

                                <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">*Endereço:</span>
                                        <input type="text" name="endereco" class="street"
                                               placeholder="" value="{{old('endereco') ?? $cliente->endereco}}"/>
                                    </label>
                                    <label class="label">
                                        <span class="legend">*Número:</span>
                                        <input type="text" name="numero" placeholder="Número do Endereço"
                                               value="{{ old('numero') ?? $cliente->numero}}"/>
                                    </label>
                                </div>

                                <div class="label_g2">


                                    <label class="label">
                                        <span class="legend">Complemento:</span>
                                        <input type="text" name="complemento" placeholder="Complemento (Opcional)"
                                               value="{{old('complemento') ?? $cliente->complemento}}"/>
                                    </label>
                                    <label class="label">
                                        <span class="legend">*Bairro:</span>
                                        <input type="text" name="bairro" class="neighborhood"
                                               placeholder="Bairro" value="{{old('bairro') ?? $cliente->bairro}}"/>
                                    </label>
                                </div>



                                <div class="label_g2">

                                    <label class="label">
                                        <span class="legend">*Cidade:</span>
                                        <input type="text" name="cidade"  class = "city" placeholder="Cidade"
                                               value="{{old('cidade') ?? $cliente->cidade}}"/>
                                    </label>

                                    <label class="label">
                                        <span class="legend">*Estado:</span>
                                        <input type="text" name="estado" class="state" placeholder="Estado"
                                               value="{{old('estado') ?? $cliente->estado}}"/>
                                    </label>


                                </div>
                            </div>
                        </div>


{{--                        <div class="app_collapse mt-2">
                            <div class="app_collapse_header collapse">
                                <h3>Acesso</h3>
                                <span class="icon-plus-circle icon-notext"></span>
                            </div>

                            <div class="app_collapse_content d-none">
                                <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">*E-mail:</span>
                                        <input type="email" name="email" placeholder="Melhor e-mail"
                                               value=""/>
                                    </label>

                                    <label class="label">
                                        <span class="legend">Senha:</span>
                                        <input type="password" name="password" placeholder="Senha de acesso"
                                               value=""/>
                                    </label>
                                </div>
                            </div>
                        </div>--}}
                    </div>

                  {{--  <div id="complementary" class="d-none">
                        <div class="app_collapse">
                            <div class="app_collapse_header collapse">
                                <h3>Cônjuge</h3>
                                <span class="icon-plus-circle icon-notext"></span>
                            </div>

                            <div class="app_collapse_content d-none content_spouse">

                                <label class="label">
                                    <span class="legend">Tipo de Comunhão:</span>
                                    <select name="type_of_communion" class="select2">
                                        <option value="Comunhão Universal de Ben">Comunhão Universal de Bens</option>
                                        <option value="Comunhão Parcial de Bens">Comunhão Parcial de Bens</option>
                                        <option value="Separação Total de Bens">Separação Total de Bens</option>
                                        <option value="Participação Final de Aquestos">Participação Final de Aquestos
                                        </option>
                                    </select>
                                </label>

                                <label class="label">
                                    <span class="legend">Nome:</span>
                                    <input type="text" name="spouse_name" placeholder="Nome do Cônjuge"
                                           value=""/>
                                </label>

                                <div class="label_g2">
                                --}}{{--    <label class="label">
                                        <span class="legend">Genero:</span>
                                        <select name="spouse_genre">
                                            <option value="male">Masculino</option>
                                            <option value="female">Feminino</option>
                                            <option value="other">Outros</option>
                                        </select>
                                    </label>--}}{{--

                                    <label class="label">
                                        <span class="legend">CNPJ:</span>
                                        <input type="text" class="mask-doc" name="spouse_document"
                                               placeholder="CNPJ do Cliente" value=""/>
                                    </label>
                                </div>

                                <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">RG:</span>
                                        <input type="text" name="spouse_document_secondary"
                                               placeholder="RG do Cliente" value=""/>
                                    </label>

                                    <label class="label">
                                        <span class="legend">Órgão Expedidor:</span>
                                        <input type="text" name="spouse_document_secondary_complement"
                                               placeholder="Expedição" value=""/>
                                    </label>
                                </div>

                                <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">Data de Nascimento:</span>
                                        <input type="tel" class="mask-date" name="spouse_date_of_birth"
                                               placeholder="Data de Nascimento" value=""/>
                                    </label>

                                    <label class="label">
                                        <span class="legend">Naturalidade:</span>
                                        <input type="text" name="spouse_place_of_birth"
                                               placeholder="Cidade de Nascimento" value=""/>
                                    </label>
                                </div>

                                <div class="label_g2">
                                    <label class="label">
                                        <span class="legend">Profissão:</span>
                                        <input type="text" name="spouse_occupation"
                                               placeholder="Profissão do Cliente" value=""/>
                                    </label>

                                    <label class="label">
                                        <span class="legend">Renda:</span>
                                        <input type="text" class="mask-money" name="spouse_income"
                                               placeholder="Valores em Reais" value=""/>
                                    </label>
                                </div>

                                <label class="label">
                                    <span class="legend">Empresa:</span>
                                    <input type="text" name="spouse_company_work" placeholder="Contratante"
                                           value=""/>
                                </label>
                            </div>
                        </div>

                        <div class="app_collapse mt-2">
                            <div class="app_collapse_header collapse">
                                <h3>Empresa</h3>
                                <span class="icon-minus-circle icon-notext"></span>
                            </div>

                            <div class="app_collapse_content">

                                <div class="companies_list">
                                    <div class="no-content mb-2">Não foram encontrados registros!</div>

                                    <div class="companies_list_item mb-2">
                                        <p><b>Razão Social:</b> UpInside Treinamentos LTDA</p>
                                        <p><b>Nome Fantasia:</b> UpInside Treinamentos</p>
                                        <p><b>CNPJ:</b> 12.3456.789/0001-12 - <b>Inscrição Estadual:</b>1231423421</p>
                                        <p><b>Endereço:</b> Rodovia Dr. Antônio Luiz de Moura Gonzaga, 3339 Bloco A Sala
                                            208</p>
                                        <p><b>CEP:</b> 88048-301 <b>Bairro:</b> Campeche <b>Cidade/Estado:</b>
                                            Florianópolis/SC</p>
                                    </div>
                                </div>

                                <p class="text-right">
                                    <a href="javascript:void(0)" class="btn btn-green btn-disabled icon-building-o">Cadastrar
                                        Nova Empresa</a>
                                </p>
                            </div>
                        </div>
                    </div>--}}

                    <div id="realties" class="d-none">
                        <div class="app_collapse">
                            <div class="app_collapse_header collapse">
                                <h3>Locador</h3>
                                <span class="icon-minus-circle icon-notext"></span>
                            </div>

                            <div class="app_collapse_content">
                                <div id="realties">
                                    <div class="realty_list">
                                        <div class="realty_list_item mb-1">
                                            <div class="realty_list_item_actions_stats">
                                                <img src="assets/images/realty.jpeg" alt="">
                                                <ul>
                                                    <li>Venda: R$ 450.000,00</li>
                                                    <li>Aluguel: R$ 2.000,00</li>
                                                </ul>
                                            </div>

                                            <div class="realty_list_item_content">
                                                <h4>Casa Residencial - Campeche</h4>

                                                <div class="realty_list_item_card">
                                                    <div class="realty_list_item_card_image">
                                                        <span class="icon-realty-location"></span>
                                                    </div>
                                                    <div class="realty_list_item_card_content">
                                                        <span class="realty_list_item_description_title">Bairro:</span>
                                                        <span class="realty_list_item_description_content">Campeche</span>
                                                    </div>
                                                </div>

                                                <div class="realty_list_item_card">
                                                    <div class="realty_list_item_card_image">
                                                        <span class="icon-realty-util-area"></span>
                                                    </div>
                                                    <div class="realty_list_item_card_content">
                                                        <span class="realty_list_item_description_title">Área Útil:</span>
                                                        <span class="realty_list_item_description_content">150m&sup2;</span>
                                                    </div>
                                                </div>

                                                <div class="realty_list_item_card">
                                                    <div class="realty_list_item_card_image">
                                                        <span class="icon-realty-bed"></span>
                                                    </div>
                                                    <div class="realty_list_item_card_content">
                                                        <span class="realty_list_item_description_title">Domitórios:</span>
                                                        <span class="realty_list_item_description_content">4 Quartos<br><span>Sendo 2 suítes</span></span>
                                                    </div>
                                                </div>

                                                <div class="realty_list_item_card">
                                                    <div class="realty_list_item_card_image">
                                                        <span class="icon-realty-garage"></span>
                                                    </div>
                                                    <div class="realty_list_item_card_content">
                                                        <span class="realty_list_item_description_title">Garagem:</span>
                                                        <span class="realty_list_item_description_content">4 Vagas<br><span>Sendo 2 cobertas</span></span>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="realty_list_item_actions">
                                                <ul>
                                                    <li class="icon-eye">1234 Visualizações</li>
                                                </ul>
                                                <div>
                                                    <a href="" class="btn btn-blue icon-eye">Visualizar Imóvel</a>
                                                    <a href="" class="btn btn-green icon-pencil-square-o">Editar
                                                        Imóvel</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="no-content">Não foram encontrados registros!</div>
                                </div>
                            </div>
                        </div>

                        <div class="app_collapse mt-3">
                            <div class="app_collapse_header collapse">
                                <h3>Locatário</h3>
                                <span class="icon-minus-circle icon-notext"></span>
                            </div>

                            <div class="app_collapse_content">
                                <div id="realties">
                                    <div class="no-content">Não foram encontrados registros!</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="management" class="d-none">
                        <div class="label_gc">
                            <span class="legend">Conceder:</span>
                            <label class="label">
                                <input type="checkbox" name="admin"><span>Administrativo</span>
                            </label>

                            <label class="label">
                                <input type="checkbox" name="client"><span>Cliente</span>
                            </label>
                        </div>
                    </div>
{{--                </div>--}}

                <div class="text-right mt-2">
                   {{-- <button class="btn btn-large btn-red icon-check-circle-o" type="button">Cancelar
                    </button>--}}
                    <button class="btn btn-large btn-green icon-check-square-o" type="submit">Salvar Alterações
                    </button>

                </div>
            </form>
        </div>
    </div>
</section>
@endsection