construprogress/resources/views/livewire/layer-upload.blade.php

<div>
    @if(session()->has('message'))
        <div class="alert alert-success mb-2">{{ session('message') }}</div>
    @endif
    @if(session()->has('error'))
        <div class="alert alert-error mb-2">{{ session('error') }}</div>
    @endif

    <div class="card bg-base-100 shadow-xl">
        <div class="card-body">
            <h2 class="card-title">{{ __("Upload Layer") }}</h2>

            <form wire:submit.prevent="upload" class="space-y-4">
                <div class="form-control">
                    <label class="label">{{ __("Project") }}</label>
                    <select wire:model.live="projectId" class="select select-bordered" required>
                        <option value="">{{ __("Select project") }}...</option>
                        @foreach($projects as $p)
                            <option value="{{ $p->id }}">{{ $p->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-control">
                    <label class="label">{{ __("Phase") }}</label>
                    <select wire:model.live="phaseId" class="select select-bordered" required @if(!$projectId) disabled @endif>
                        <option value="">{{ __("Select phase") }}...</option>
                        @foreach($phases as $ph)
                            <option value="{{ $ph->id }}">{{ $ph->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-control">
                    <label class="label">{{ __("Layer name") }}</label>
                    <input type="text" wire:model="layerName" class="input input-bordered" placeholder="Ej: Cimentación" required />
                    @error('layerName') <span class="text-error text-sm">{{ $message }}</span> @enderror
                </div>

                <div class="form-control">
                    <label class="label">{{ __("Color") }}</label>
                    <input type="color" wire:model="layerColor" class="input input-bordered w-20" />
                </div>

                <div class="form-control">
                    <label class="label">{{ __("File") }} (GeoJSON, KML, KMZ, Shapefile .zip, DWG)</label>
                    <input type="file" wire:model="uploadFile" class="file-input file-input-bordered" accept=".geojson,.kml,.kmz,.zip,.shp,.dwg" />
                    @error('uploadFile') <span class="text-error text-sm">{{ $message }}</span> @enderror
                </div>

                <button type="submit" class="btn btn-primary w-full">
                    {{ __("Upload Layer") }}
                </button>
            </form>
        </div>
    </div>
</div>