@extends('layouts.app')

@section('content')
<div class="container-fluid p-0">
    <div class="container-fluid p-0">
        <div class="container-fluid p-0">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('supermercados.index') }}">Supermercado</a></li>
                    <li class="breadcrumb-item" aria-current="page">Editar</li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $supermercado->nome_fantasia }}</li>
                </ol>
            </nav>
        </div>
    </div>

    @include('includes.alerts')

    <form class="card shadow-sm" action="{{ route('supermercados.update', $supermercado->id_supermercado) }}" method="POST">
        @csrf
        {{ method_field('PATCH') }}
        <div class="card-header">
            <h5 class="card-title mb-0">Editar Supermercado</h5>
        </div>
        <input type="hidden" value="{{ $supermercado->id_supermercado_redes }}" name="id_supermercado_cadastrado">
        <div class="card-body">
            <div class="row g-2">
                <div class="col-12 col-lg-5">
                    <label for="ipt-razao-social" class="form-label">Razão social:</label>
                    <input type="text" name="razao_social" value="{{ $supermercado->razao_social }}" class="form-control @error('razao_social') is-invalid @enderror" id="ipt-razao-social" aria-describedby="Razão social">
                    @error('razao_social')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-4">
                    <label for="ipt-nome-fantasia" class="form-label">Nome fantasia:</label>
                    <input type="text" name="nome_fantasia" value="{{ $supermercado->nome_fantasia }}" class="form-control @error('nome_fantasia') is-invalid @enderror" id="ipt-nome-fantasia" aria-describedby="Nome fantasia">
                    @error('nome_fantasia')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-12 col-lg-3">
                    <label for="ipt-id_supermercado_redes" class="form-label">Supermercados Rede:</label>
                    {{-- <select class="form-control form-select select-custom" name="id_supermercado_redes" value="{{ Request::get('id_supermercado_redes') }}"> --}}
                    <select name="id_supermercado_redes" class="form-select @error('id_supermercado_redes') is-invalid @enderror" id="id_supermercado_redes" aria-describedby="Rede Supermercado">
                        <option value="">Todos</option>
                        @foreach ($supermercado_rede as $redes)
                            <option value="{{$redes->id_supermercado_redes}}" @if($supermercado->id_supermercado_redes == $redes->id_supermercado_redes) selected @endif>{{ $redes->nome_rede }}</option>
                        @endforeach
                    </select>
                    @error('id_supermercado_redes')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-12 col-lg-4">
                    <label for="ipt-email" class="form-label">E-mail:</label>
                    <input type="text" name="email" value="{{ $supermercado->email }}" class="form-control @error('email') is-invalid @enderror" id="ipt-email" aria-describedby="email">
                    @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-2">
                    <label for="ipt-telefone" class="form-label">Telefone:</label>
                    <input type="text" name="telefone" value="{{ $supermercado->telefone }}" class="form-control @error('telefone') is-invalid @enderror" id="ipt-telefone" aria-describedby="telefone">
                    @error('telefone')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-3">
                    <label for="ipt-cnpj" class="form-label">CNPJ:</label>
                    <input type="text" name="cnpj" value="{{ $supermercado->cnpj }}" class="form-control @error('cnpj') is-invalid @enderror" id="ipt-cnpj" aria-describedby="cnpj" v-mask="'##.###.###/####-##'">
                    @error('cnpj')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-3">
                    <label for="ipt-ie" class="form-label">Inscrição estadual:</label>
                    <input type="text" name="ie" value="{{ $supermercado->ie }}" class="form-control @error('ie') is-invalid @enderror" id="ipt-cnpj" aria-describedby="Inscrição estadual" v-mask="'###.###.###.###'">
                    @error('ie')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-2">
                    <label for="ipt-cep" class="form-label">CEP:</label>
                    <input type="text" name="cep" value="{{ $supermercado->cep }}" class="form-control @error('cep') is-invalid @enderror" id="ipt-cep" aria-describedby="CEP" v-mask="'#####-###'">
                    @error('cep')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-5">
                    <label for="ipt-endereco" class="form-label">Endereço:</label>
                    <input type="text" name="endereco" value="{{ $supermercado->endereco }}" class="form-control @error('endereco') is-invalid @enderror" id="ipt-endereco" aria-describedby="Endereço">
                    @error('endereco')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-3">
                    <label for="ipt-bairro" class="form-label">Bairro:</label>
                    <input type="text" name="bairro" value="{{ $supermercado->bairro }}" class="form-control @error('bairro') is-invalid @enderror" id="ipt-bairro" aria-describedby="Bairro">
                    @error('bairro')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-2">
                    <label for="ipt-numero" class="form-label">Número:</label>
                    <input type="text" name="numero" value="{{ $supermercado->numero }}" class="form-control @error('numero') is-invalid @enderror" id="ipt-numero" aria-describedby="Número">
                    @error('numero')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-12 col-lg-2">
                    <label for="ipt-uf" class="form-label">UF:</label>
                    <select name="uf" class="form-select @error('uf') is-invalid @enderror" id="ipt-uf" aria-describedby="UF">
                        <option value="">Selecione...</option>
                        <option value="AC" @if($supermercado->uf == 'AC') selected @endif>Acre</option>
                        <option value="AL" @if($supermercado->uf == 'AL') selected @endif>Alagoas</option>
                        <option value="AP" @if($supermercado->uf == 'AP') selected @endif>Amapá</option>
                        <option value="AM" @if($supermercado->uf == 'AM') selected @endif>Amazonas</option>
                        <option value="BA" @if($supermercado->uf == 'BA') selected @endif>Bahia</option>
                        <option value="CE" @if($supermercado->uf == 'CE') selected @endif>Ceará</option>
                        <option value="DF" @if($supermercado->uf == 'DF') selected @endif>Distrito Federal</option>
                        <option value="ES" @if($supermercado->uf == 'ES') selected @endif>Espírito Santo</option>
                        <option value="GO" @if($supermercado->uf == 'GO') selected @endif>Goiás</option>
                        <option value="MA" @if($supermercado->uf == 'MA') selected @endif>Maranhão</option>
                        <option value="MT" @if($supermercado->uf == 'MT') selected @endif>Mato Grosso</option>
                        <option value="MS" @if($supermercado->uf == 'MS') selected @endif>Mato Grosso do Sul</option>
                        <option value="MG" @if($supermercado->uf == 'MG') selected @endif>Minas Gerais</option>
                        <option value="PA" @if($supermercado->uf == 'PA') selected @endif>Pará</option>
                        <option value="PB" @if($supermercado->uf == 'PB') selected @endif>Paraíba</option>
                        <option value="PR" @if($supermercado->uf == 'PR') selected @endif>Paraná</option>
                        <option value="PE" @if($supermercado->uf == 'PE') selected @endif>Pernambuco</option>
                        <option value="PI" @if($supermercado->uf == 'PI') selected @endif>Piauí</option>
                        <option value="RJ" @if($supermercado->uf == 'RJ') selected @endif>Rio de Janeiro</option>
                        <option value="RN" @if($supermercado->uf == 'RN') selected @endif>Rio Grande do Norte</option>
                        <option value="RS" @if($supermercado->uf == 'RS') selected @endif>Rio Grande do Sul</option>
                        <option value="RO" @if($supermercado->uf == 'RO') selected @endif>Rondônia</option>
                        <option value="RR" @if($supermercado->uf == 'RR') selected @endif>Roraima</option>
                        <option value="SC" @if($supermercado->uf == 'SC') selected @endif>Santa Catarina</option>
                        <option value="SP" @if($supermercado->uf == 'SP') selected @endif>São Paulo</option>
                        <option value="SE" @if($supermercado->uf == 'SE') selected @endif>Sergipe</option>
                        <option value="TO" @if($supermercado->uf == 'TO') selected @endif>Tocantins</option>
                    </select>
                    @error('uf')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>
        <div class="card-footer text-end">
            <button type="submit" class="btn btn-dark">Editar</button>
        </div>
    </form>
</div>
@endsection
@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('ipt-cep').addEventListener('blur', function() {
            const cep = this.value.replace(/\D/g, '');

            fetch('https://viacep.com.br/ws/' + cep + '/json/')
                .then(response => response.json())
                .then(data => {
                    if(data.erro){
                        alert('CEP não encontrado.');
                        return false;
                    }

                    document.getElementById('ipt-endereco').value = data.logradouro;
                    document.getElementById('ipt-bairro').value = data.bairro;
                    document.getElementById('ipt-uf').value = data.uf;
                    
                }).catch(error => console.error('Erro ao buscar CEP:', error));
        });
    });
</script>
@endpush