{{-- Código --}}
<div class="mb-4">
    <label class="form-label" for="id">Código de Distrito</label>
    <div class="input-group">
        <span class="input-group-text bg-light border-0">
            <i class="fa fa-fingerprint text-muted"></i>
        </span>
        <input type="text" name="id" id="id" 
               class="form-control form-control-alt {{ $distrito ? 'bg-light' : '' }}"
               value="{{ old('id', $distrito->id ?? $nuevoId ?? '') }}"
               {{ $distrito ? 'readonly' : '' }} required>
    </div>
    @if($distrito)
        <div class="form-text fs-xs text-muted">El código no es editable después de la creación.</div>
    @endif
</div>

<div class="row">
    {{-- Descripción --}}
    <div class="col-md-7 mb-4">
        <label class="form-label" for="ddescripcion">Descripción / Nombre <span class="text-danger">*</span></label>
        <input type="text" name="ddescripcion" id="ddescripcion" 
               class="form-control form-control-alt @error('ddescripcion') is-invalid @enderror"
               value="{{ old('ddescripcion', $distrito->nombre ?? '') }}"
               maxlength="50" style="text-transform:uppercase" placeholder="EJ: DISTRITO NORTE" required>
        @error('ddescripcion')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    {{-- Nombre corto --}}
    <div class="col-md-5 mb-4">
        <label class="form-label" for="nombrecorto">Nombre Corto <span class="text-danger">*</span></label>
        <input type="text" name="nombrecorto" id="nombrecorto" 
               class="form-control form-control-alt @error('nombrecorto') is-invalid @enderror"
               value="{{ old('nombrecorto', $distrito->nomcorto ?? '') }}"
               maxlength="50" style="text-transform:uppercase" placeholder="EJ: DN-01" required>
        @error('nombrecorto')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

{{-- Urbanización --}}
<div class="mb-4">
    <label class="form-label" for="cboUrbanizaciones">Urbanización Asociada <span class="text-danger">*</span></label>
    <select name="cboUrbanizaciones" id="cboUrbanizaciones" 
            class="form-select form-control-alt @error('cboUrbanizaciones') is-invalid @enderror" required>
        <option value="">Seleccione una Urbanización</option>
        @foreach($urbanizaciones as $u)
            <option value="{{ $u->id }}"
                {{ old('cboUrbanizaciones', $distrito->relacion ?? 0) == $u->id ? 'selected' : '' }}>
                {{ $u->nombre }}
            </option>
        @endforeach
    </select>
    @error('cboUrbanizaciones')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

{{-- Sección de Precios y Parámetros --}}
<div class="block block-rounded block-bordered bg-body-extra-light mb-4">
    <div class="block-content">
        <div class="row">
            <div class="col-md-6 mb-4">
                <label class="form-label">Precio Calle</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent"><i class="fa fa-road"></i></span>
                    <input type="number" step="0.01" name="dpcalle"
                           class="form-control form-control-alt @error('dpcalle') is-invalid @enderror"
                           value="{{ old('dpcalle', $distrito->Calle ?? '') }}" required>
                </div>
                @error('dpcalle')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-6 mb-4">
                <label class="form-label">Precio Avenida</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent"><i class="fa fa-car-side"></i></span>
                    <input type="number" step="0.01" name="dpavenida"
                           class="form-control form-control-alt @error('dpavenida') is-invalid @enderror"
                           value="{{ old('dpavenida', $distrito->Avenida ?? '') }}" required>
                </div>
                @error('dpavenida')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-6 mb-4">
                <label class="form-label">Precio Área Verde</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent"><i class="fa fa-tree"></i></span>
                    <input type="number" step="0.01" name="dareaverde"
                           class="form-control form-control-alt @error('dareaverde') is-invalid @enderror"
                           value="{{ old('dareaverde', $distrito->AreaVerde ?? '') }}" required>
                </div>
                @error('dareaverde')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-6 mb-4">
                <label class="form-label">% de Costo</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent"><i class="fa fa-percentage"></i></span>
                    <input type="number" step="0.01" name="ddecosto"
                           class="form-control form-control-alt @error('ddecosto') is-invalid @enderror"
                           value="{{ old('ddecosto', $distrito->Costporc ?? '') }}" required>
                </div>
                @error('ddecosto')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>
</div>