@extends('layouts.admin')

@section('content')

<div class="container mt-5">
    <div class="card">
        <div class="card-header">
            <h2>Edição de Propriedade
                <a href="{{ route('admin.properties.index')}}" class="btn btn-danger btn-sm text-white float-right">Voltar</a>
            </h2>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.properties.update', $property->id) }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label for="user_id">Selecione o Vendedor</label>
                    <select class="form-control" id="user_id" name="user_id">
                        @foreach($sellers as $seller)
                            <option value="{{ $seller->id }}" {{ $seller->id == $property->user_id ? 'selected' : '' }}>
                                {{ $seller->fullname }} - {{ $seller->email }}
                            </option>
                        @endforeach
                    </select>
                    @error('user_id') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="name">Nome da Propriedade</label>
                    <input class="form-control" id="name" name="name" value="{{ $property->name }}">
                    @error('name') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="description">Descrição</label>
                    <textarea class="form-control" id="description" name="description" rows="3">{{ $property->description }}</textarea>
                    @error('description') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="vegetation">Vegetação</label>
                        <select class="form-control" id="vegetation" name="vegetation">
                            @foreach($vegetations as $vegetation)
                                <option value="{{ $vegetation->id }}" {{ $vegetation->id == $property->vegetation ? 'selected' : '' }}>
                                    {{ $vegetation->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('vegetation') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="acre">Quantidade de Hectares</label>
                        <input type="text" class="form-control" id="acre" name="acre" value="{{ $property->acre }}">
                        @error('acre') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="cost">Preço</label>
                        <input type="text" class="form-control" id="cost" name="cost" value="{{ $property->cost }}">
                        @error('cost') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="carbon_credits">Créditos de Carbono</label>
                        <input type="text" class="form-control" id="carbon_credits" name="carbon_credits" value="{{ $property->carbon_credits }}">
                        @error('carbon_credits') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="cib_nirf_number">Número CIB/NIRF</label>
                        <input type="text" class="form-control" id="cib_nirf_number" name="cib_nirf_number" value="{{ $property->cib_nirf_number }}">
                        @error('cib_nirf_number') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label for="deed_number">Número da Escritura</label>
                        <input type="text" class="form-control" id="deed_number" name="deed_number" value="{{ $property->deed_number }}">
                        @error('deed_number') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label for="zip_code">CEP (Opcional)</label>
                        <input type="text" class="form-control" id="zip_code" name="zip_code" value="{{ $property->zip_code }}">
                        @error('zip_code') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label for="address">Endereço</label>
                        <input type="text" class="form-control" id="address" name="address" value="{{ $property->address }}">
                        @error('address') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label for="lat">Latitude</label>
                        <input type="text" class="form-control" id="lat" name="lat" value="{{ $property->lat }}">
                        @error('lat') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label for="lng">Longitude</label>
                        <input type="text" class="form-control" id="lng" name="lng" value="{{ $property->lng }}">
                        @error('lng') <small class="text-danger">{{ $message }}</small> @enderror
                    </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'] }}"
                                    {{ old('federal_unity', $property->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">
                            @if (old('city', $property->city))
                                <option value="{{ old('city', $property->city) }}" selected>{{ old('city', $property->city) }}</option>
                            @else
                                <option value="">Selecione um estado primeiro</option>
                            @endif
                        </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', $property->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', $property->complement ) }}">
                    </div>
                </div>

                <div class="form-group">
                    <label for="images">Imagens</label>
                    <input type="file" class="form-control" id="images" name="file_images[]" multiple>
                    <div id="image-preview-container" class="mt-2">
                        @if($property->file_images)
                            @php
                                $fileImages = str_replace(',', ';', $property->file_images);
                                $imagesArray = explode(';', $fileImages);
                            @endphp
                            @foreach($imagesArray as $image)
                                @if(!empty($image))
                                    <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $image) }}">
                                        Ver Imagem {{ $loop->iteration }}
                                    </a>
                                @endif
                            @endforeach
                        @else
                            <p>Nenhuma imagem disponível.</p>
                        @endif
                    </div>
                    @error('file_images') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="residence_proof">Comprovante de Residência</label>
                    <input type="file" class="form-control" id="residence_proof" name="file_proof_of_residence">
                    <div id="residence-proof-preview-container" class="mt-2">
                        @if($property->file_proof_of_residence)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->file_proof_of_residence) }}">
                                Ver Comprovante de Residência
                            </a>
                        @else
                            <p>Nenhum comprovante disponível.</p>
                        @endif
                    </div>
                    @error('file_proof_of_residence') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="deed_file">Arquivo de Escritura</label>
                    <input type="file" class="form-control" id="deed_file" name="file_deed_number">
                    <div id="deed-file-preview-container" class="mt-2">
                        @if($property->file_deed_number)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->file_deed_number) }}">
                                Ver Arquivo de Escritura
                            </a>
                        @else
                            <p>Nenhum arquivo de escritura disponível.</p>
                        @endif
                    </div>
                    @error('file_deed_number') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="cib_nirf_file">Arquivo CIB/NIRF</label>
                    <input type="file" class="form-control" id="cib_nirf_file" name="file_cib">
                    <div id="cib-nirf-file-preview-container" class="mt-2">
                        @if($property->file_cib)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->file_cib) }}">
                                Ver Arquivo CIB/NIRF
                            </a>
                        @else
                            <p>Nenhum arquivo CIB/NIRF disponível.</p>
                        @endif
                    </div>
                    @error('file_cib') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="updated_property_registration">Matrícula da Propriedade Atualizada</label>
                    <input type="file" class="form-control" id="updated_property_registration" name="updated_property_registration">
                    <div id="updated-property-registration-preview-container" class="mt-2">
                        @if($property->updated_property_registration)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->updated_property_registration) }}">
                                Ver Matrícula da Propriedade Atualizada
                            </a>
                        @else
                            <p>Nenhuma matrícula atualizada disponível.</p>
                        @endif
                    </div>
                    @error('updated_property_registration') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="encumbrance_certificate">Certidão de Ônus e Ações Reipersecutárias</label>
                    <input type="file" class="form-control" id="encumbrance_certificate" name="encumbrance_certificate">
                    <div id="encumbrance-certificate-preview-container" class="mt-2">
                        @if($property->encumbrance_certificate)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->encumbrance_certificate) }}">
                                Ver Certidão de Ônus
                            </a>
                        @else
                            <p>Nenhuma certidão de ônus disponível.</p>
                        @endif
                    </div>
                    @error('encumbrance_certificate') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="power_of_attorney">Procuração</label>
                    <input type="file" class="form-control" id="power_of_attorney" name="power_of_attorney">
                    <div id="power-of-attorney-preview-container" class="mt-2">
                        @if($property->power_of_attorney)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->power_of_attorney) }}">
                                Ver Procuração
                            </a>
                        @else
                            <p>Nenhuma procuração disponível.</p>
                        @endif
                    </div>
                    @error('power_of_attorney') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="itr_debt_clearance_certificate">Certidão Negativa de Débitos do ITR</label>
                    <input type="file" class="form-control" id="itr_debt_clearance_certificate" name="itr_debt_clearance_certificate">
                    <div id="itr-debt-clearance-certificate-preview-container" class="mt-2">
                        @if($property->itr_debt_clearance_certificate)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->itr_debt_clearance_certificate) }}">
                                Ver Certidão Negativa de Débitos do ITR
                            </a>
                        @else
                            <p>Nenhuma certidão negativa de débitos do ITR disponível.</p>
                        @endif
                    </div>
                    @error('itr_debt_clearance_certificate') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="thirty_year_certificate">Certidão Trintenária</label>
                    <input type="file" class="form-control" id="thirty_year_certificate" name="thirty_year_certificate">
                    <div id="thirty-year-certificate-preview-container" class="mt-2">
                        @if($property->thirty_year_certificate)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->thirty_year_certificate) }}">
                                Ver Certidão Trintenária
                            </a>
                        @else
                            <p>Nenhuma certidão trintenária disponível.</p>
                        @endif
                    </div>
                    @error('thirty_year_certificate') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="ibama_negative_certificate">Certidão Negativa do IBAMA</label>
                    <input type="file" class="form-control" id="ibama_negative_certificate" name="ibama_negative_certificate">
                    <div id="ibama_negative_certificate-preview-container" class="mt-2">
                        @if($property->ibama_negative_certificate)
                            <a href="#" class="btn btn-link" data-toggle="modal" data-target="#documentModal" data-src="{{ asset('storage/' . $property->ibama_negative_certificate) }}">
                                Ver Certidão Negativa do IBAMA
                            </a>
                        @else
                            <p>Nenhuma certidão negativa do IBAMA disponível.</p>
                        @endif
                    </div>
                    @error('ibama_negative_certificate') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="form-group">
                    <label for="file_engineer_report">Relatório do Engenheiro</label>
                    <input type="file" class="form-control" id="file_engineer_report" name="file_engineer_report">
                    <div id="engineer-report-preview-container" class="mt-2">
                        @if($property->file_engineer_report)
                            <a href="{{ asset('storage/engineer_reports/' . $property->file_engineer_report) }}" class="btn btn-primary" target="_blank">
                                Baixar Relatório do Engenheiro
                            </a>
                        @else
                            <p>Nenhum relatório de engenheiro disponível.</p>
                        @endif
                    </div>
                    @error('file_engineer_report') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <h6 class="card-header">English</h6>
                <div class="card-body">
                    <div class="form-group">
                        <label for="name_en">Property Name</label>
                        <input type="text" name="name_en" id="name_en" class="form-control" value="{{ $property->name_en }}">
                    </div>
                    <div class="form-group">
                        <label for="description_en">Description</label>
                        <textarea name="description_en" id="description_en" class="form-control">{{ $property->description_en }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">Salvar</button>
                </div>
            </form>
        </div>
    </div>
</div>

@include('admin.properties.modal.modal_visualizeDocument')

<script src="{{ asset('js/imageManager.js') }}"></script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        // Função para carregar as cidades dinamicamente
        document.getElementById('federal_unity').addEventListener('change', function () {
            let stateUf = this.value;
            let citySelect = document.getElementById('city');
            citySelect.innerHTML = '<option value="">Carregando...</option>'; // Carregando cidades

            if (stateUf) {
                fetch(`/admin/locations/cities/${stateUf}`)
                    .then(response => {
                        if (!response.ok) {
                            throw new Error(`Erro HTTP: ${response.status}`);
                        }
                        return response.json();
                    })
                    .then(data => {
                        citySelect.innerHTML = '<option value="">Selecione uma cidade</option>';
                        data.forEach(city => {
                            let option = document.createElement('option');
                            option.value = city.name;
                            option.text = city.name;
                            if (city.name === "{{ old('city', $property->city) }}") {
                                option.selected = true;
                            }
                            citySelect.appendChild(option);
                        });
                    })
                    .catch(error => {
                        console.error('Erro ao carregar cidades:', error);
                        citySelect.innerHTML = '<option value="">Erro ao carregar</option>';
                    });
            } else {
                citySelect.innerHTML = '<option value="">Selecione um estado primeiro</option>';
            }
        });

        // Disparar o evento de estado já selecionado para carregar as cidades, se necessário
        let initialState = document.getElementById('federal_unity').value;
        if (initialState) {
            document.getElementById('federal_unity').dispatchEvent(new Event('change'));
        }
        
        // Adicionar visualização prévia para os novos campos de arquivo
        function addPreviewForNewFile(inputId, previewContainerId) {
            const input = document.getElementById(inputId);
            if (input) {
                input.addEventListener('change', function() {
                    const file = this.files[0];
                    if (file) {
                        const reader = new FileReader();
                        reader.onload = function(e) {
                            const preview = document.getElementById(previewContainerId);
                            if (file.type.match('image.*')) {
                                preview.innerHTML = `<img src="${e.target.result}" style="max-width: 200px; margin-top: 10px;">`;
                            } else {
                                preview.innerHTML = `<p>Arquivo selecionado: ${file.name}</p>`;
                            }
                        };
                        reader.readAsDataURL(file);
                    }
                });
            }
        }

        addPreviewForNewFile('updated_property_registration', 'updated-property-registration-preview-container');
        addPreviewForNewFile('encumbrance_certificate', 'encumbrance-certificate-preview-container');
        addPreviewForNewFile('power_of_attorney', 'power-of-attorney-preview-container');
        addPreviewForNewFile('itr_debt_clearance_certificate', 'itr-debt-clearance-certificate-preview-container');
        addPreviewForNewFile('thirty_year_certificate', 'thirty-year-certificate-preview-container');
        addPreviewForNewFile('ibama_negative_certificate', 'ibama-negative-certificate-preview-container');
        addPreviewForNewFile('file_engineer_report', 'engineer-report-preview-container');
    });
</script>

@endsection