@extends('layouts.admin')

@section('content')
    <div class="container mt-5">
        <div class="card">
            <div class="card-header">
                <h2>Editar Vendedor
                    <a href="{{ route('admin.sellers.index') }}" class="btn btn-danger btn-sm text-white float-right">Voltar</a>
                </h2>
            </div>
            <div class="card-body">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form action="{{ route('admin.sellers.update', $seller->id) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="document_type">Tipo de Documento</label>
                            <select name="document_type" id="document_type" class="form-control" required>
                                <option value="cpf" {{ old('document_type', $seller->document_type) == 'cpf' ? 'selected' : '' }}>CPF</option>
                                <option value="cnpj" {{ old('document_type', $seller->document_type) == 'cnpj' ? 'selected' : '' }}>CNPJ</option>
                            </select>
                        </div>

                        <div class="form-group col-md-6" id="cpf_group">
                            <label for="cpf">CPF</label>
                            <input type="text" name="cpf" class="form-control" id="cpf" value="{{ old('cpf', $seller->document_type === 'cpf' ? $seller->document : '') }}">
                        </div>

                        <div class="form-group col-md-6" id="cnpj_group">
                            <label for="cnpj">CNPJ</label>
                            <input type="text" name="cnpj" class="form-control" id="cnpj" value="{{ old('cnpj', $seller->document_type === 'cnpj' ? $seller->document : '') }}">
                        </div>
                    </div>

                    <div class="form-group" id="fullname_group">
                        <label for="fullname">Nome Completo</label>
                        <input type="text" name="fullname" class="form-control" id="fullname" value="{{ old('fullname', $seller->fullname) }}">
                    </div>

                    <div class="form-group" id="company_name_group">
                        <label for="company_name">Nome da Empresa</label>
                        <input type="text" name="company_name" class="form-control" id="company_name" value="{{ old('company_name', $seller->company_name) }}">
                    </div>

                    <div class="form-group" id="state_registration_group">
                        <label for="state_registration">Inscrição Estadual</label>
                        <input type="text" name="state_registration" class="form-control" id="state_registration" value="{{ old('state_registration', $seller->state_registration) }}">
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-6" id="identity_group">
                            <label for="identity">Identidade</label>
                            <input type="text" name="identity" class="form-control" id="identity" value="{{ old('identity', $seller->identity) }}">
                        </div>

                        <div class="form-group col-md-6">
                            <label for="marital_status">Estado Civil</label>
                            <select name="marital_status" class="form-control" id="marital_status">
                                @php
                                    $statuses = ['Solteiro', 'Casado', 'Divorciado', 'Viúvo', 'Separado'];
                                @endphp
                                @foreach($statuses as $status)
                                    <option value="{{ $status }}" {{ old('marital_status', $seller->marital_status) == $status ? 'selected' : '' }}>
                                        {{ $status }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6" id="natural_group">
                            <label for="natural">Naturalidade</label>
                            <input type="text" name="natural" class="form-control" id="natural" value="{{ old('natural',$seller->natural) }}">
                        </div>
                        <div class="form-group col-md-6" id="zip_code_group">
                            <label for="zip_code">CEP</label>
                            <input type="text" name="zip_code" class="form-control" id="zip_code" value="{{ old('zip_code',$seller->zip_code) }}" required>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="address">Endereço</label>
                            <input type="text" name="address" class="form-control" id="address" value="{{ old('address',$seller->address) }}" required>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-3">
                            <label for="federal_unity">UF</label>
                            <select id="federal_unity" name="federal_unity" class="form-control">
                                <option value="">Selecione um estado</option>
                                @foreach ($states as $state)
                                    <option value="{{ $state['uf'] }}" {{ $seller->federal_unity == $state['uf'] ? 'selected' : '' }}>{{ $state['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-3">
                            <label for="city">Cidade/Município</label>
                            <select id="city" name="city" class="form-control">
                                <option value="{{ $seller->city }}" selected>{{ $seller->city }}</option>
                            </select>
                        </div>
                        <div class="form-group col-md-3">
                            <label for="neighborhood">Bairro</label>
                            <input type="text" name="neighborhood" class="form-control" id="neighborhood" value="{{ old('neighborhood',$seller->neighborhood) }}" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label for="complement">Complemento (Opcional)</label>
                            <input type="text" name="complement" class="form-control" id="complement" value="{{ old('complement',$seller->complement) }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="phone">Telefone</label>
                        <input type="text" name="phone" class="form-control" id="phone" value="{{ old('phone', $seller->phone) }}" required>
                    </div>

                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" name="email" class="form-control" id="email" value="{{ old('email', $seller->email) }}" required>
                    </div>

                    <div class="form-group">
                        <label for="password">Senha</label>
                        <input type="password" name="password" class="form-control" id="password">
                        <small class="form-text text-muted">Deixe em branco se não quiser alterar a senha.</small>
                    </div>
                    <div class="form-group">
                        <label for="password_confirmation">Confirmar Senha</label>
                        <input type="password" class="form-control" id="password_confirmation" name="password_confirmation">
                    </div>

                <button type="submit" class="btn btn-primary">Salvar</button>
            </form>
        </div>
    </div>
</div>

<script src="{{ asset('js/getCities.js') }}"></script>
<script src="{{ asset('js/cepAuto.js') }}"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const documentTypeElement = document.getElementById('document_type');
        const cpfGroup = document.getElementById('cpf_group');
        const cnpjGroup = document.getElementById('cnpj_group');
        const fullnameGroup = document.getElementById('fullname_group');
        const companyNameGroup = document.getElementById('company_name_group');
        const stateRegistrationGroup = document.getElementById('state_registration_group');
        const identityGroup = document.getElementById('identity_group');
        const maritalStatusGroup = document.getElementById('marital_status').parentElement;
        const naturalGroup = document.getElementById('natural_group');
        const zipCodeGroup = document.getElementById('zip_code_group');

        function toggleFields() {
            if (documentTypeElement.value === 'cpf') {
                cpfGroup.style.display = 'block';
                cnpjGroup.style.display = 'none';
                fullnameGroup.style.display = 'block';
                companyNameGroup.style.display = 'none';
                stateRegistrationGroup.style.display = 'none';
                identityGroup.style.display = 'block';
                maritalStatusGroup.classList.remove('col-md-12');
                maritalStatusGroup.classList.add('col-md-6');
                maritalStatusGroup.style.display = 'block';
                naturalGroup.style.display = 'block';
                zipCodeGroup.classList.remove('col-md-12');
                zipCodeGroup.classList.add('col-md-6');
            } else if (documentTypeElement.value === 'cnpj') {
                cpfGroup.style.display = 'none';
                cnpjGroup.style.display = 'block';
                fullnameGroup.style.display = 'none';
                companyNameGroup.style.display = 'block';
                stateRegistrationGroup.style.display = 'block';
                identityGroup.style.display = 'none';
                maritalStatusGroup.style.display = 'none';
                naturalGroup.style.display = 'none';
                zipCodeGroup.classList.add('col-md-12');
                zipCodeGroup.classList.remove('col-md-6');

            }
        }

        documentTypeElement.addEventListener('change', toggleFields);
        toggleFields();
    });
</script>
@endsection