Implement company management with logo, nickname, status fields; add filters by type and estado; CSV export functionality
This commit is contained in:
@@ -0,0 +1,236 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Livewire;
|
||||||
|
|
||||||
|
use Livewire\Component;
|
||||||
|
use Livewire\WithFileUploads;
|
||||||
|
use App\Models\Company;
|
||||||
|
use Illuminate\Support\Facades\Storage;
|
||||||
|
use Illuminate\Http\Response;
|
||||||
|
|
||||||
|
class CompanyManagement extends Component
|
||||||
|
{
|
||||||
|
use WithFileUploads;
|
||||||
|
|
||||||
|
// Form state
|
||||||
|
public $name = '';
|
||||||
|
public $tax_id = '';
|
||||||
|
public $address = '';
|
||||||
|
public $email = '';
|
||||||
|
public $website = '';
|
||||||
|
public $type = 'other';
|
||||||
|
public $notes = '';
|
||||||
|
public $apodo = '';
|
||||||
|
public $estado = 'activo';
|
||||||
|
public $logo = null;
|
||||||
|
|
||||||
|
// UI state
|
||||||
|
public $showCreateForm = false;
|
||||||
|
public $showEditForm = false;
|
||||||
|
public $editingCompanyId = null;
|
||||||
|
public $search = '';
|
||||||
|
|
||||||
|
// Filter state
|
||||||
|
public $filterType = '';
|
||||||
|
public $filterEstado = '';
|
||||||
|
|
||||||
|
// Validation rules
|
||||||
|
protected $rules = [
|
||||||
|
'name' => 'required|string|max:255',
|
||||||
|
'apodo' => 'nullable|string|max:100',
|
||||||
|
'tax_id' => 'nullable|string|max:50|unique:companies,tax_id,',
|
||||||
|
'estado' => 'required|in:activo,inactivo,suspendido',
|
||||||
|
'address' => 'nullable|string',
|
||||||
|
'phone' => 'nullable|string|max:20',
|
||||||
|
'email' => 'nullable|email|max:255',
|
||||||
|
'website' => 'nullable|url|max:255',
|
||||||
|
'type' => 'required|in:owner,constructor,subcontractor,consultant,supplier,other',
|
||||||
|
'notes' => 'nullable|string',
|
||||||
|
'logo' => 'nullable|image|max:2048', // 2MB max
|
||||||
|
];
|
||||||
|
|
||||||
|
public function mount()
|
||||||
|
{
|
||||||
|
$this->resetForm();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function resetForm()
|
||||||
|
{
|
||||||
|
$this->name = '';
|
||||||
|
$this->tax_id = '';
|
||||||
|
$this->address = '';
|
||||||
|
$this->phone = '';
|
||||||
|
$this->email = '';
|
||||||
|
$this->website = '';
|
||||||
|
$this->type = 'other';
|
||||||
|
$this->notes = '';
|
||||||
|
$this->apodo = '';
|
||||||
|
$this->estado = 'activo';
|
||||||
|
$this->logo = null;
|
||||||
|
$this->editingCompanyId = null;
|
||||||
|
$this->showCreateForm = false;
|
||||||
|
$this->showEditForm = false;
|
||||||
|
$this->resetErrorBag();
|
||||||
|
$this->resetValidation();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function resetFilters()
|
||||||
|
{
|
||||||
|
$this->search = '';
|
||||||
|
$this->filterType = '';
|
||||||
|
$this->filterEstado = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
public function toggleCreateForm()
|
||||||
|
{
|
||||||
|
$this->showCreateForm = !$this->showCreateForm;
|
||||||
|
if ($this->showCreateForm) {
|
||||||
|
$this->showEditForm = false;
|
||||||
|
$this->resetForm();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function editCompany(Company $company)
|
||||||
|
{
|
||||||
|
$this->editingCompanyId = $company->id;
|
||||||
|
$this->name = $company->name;
|
||||||
|
$this->tax_id = $company->tax_id;
|
||||||
|
$this->address = $company->address;
|
||||||
|
$this->phone = $company->phone;
|
||||||
|
$this->email = $company->email;
|
||||||
|
$this->website = $company->website;
|
||||||
|
$this->type = $company->type;
|
||||||
|
$this->notes = $company->notes;
|
||||||
|
$this->apodo = $company->apodo;
|
||||||
|
$this->estado = $company->estado;
|
||||||
|
// Note: logo is not populated for security reasons
|
||||||
|
$this->showEditForm = true;
|
||||||
|
$this->showCreateForm = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function updateCompany()
|
||||||
|
{
|
||||||
|
$this->validate();
|
||||||
|
|
||||||
|
$company = Company::findOrFail($this->editingCompanyId);
|
||||||
|
|
||||||
|
$data = [
|
||||||
|
'name' => $this->name,
|
||||||
|
'tax_id' => $this->tax_id,
|
||||||
|
'address' => $this->address,
|
||||||
|
'phone' => $this->phone,
|
||||||
|
'email' => $this->email,
|
||||||
|
'website' => $this->website,
|
||||||
|
'type' => $this->type,
|
||||||
|
'notes' => $this->notes,
|
||||||
|
];
|
||||||
|
|
||||||
|
if ($this->logo) {
|
||||||
|
$logoPath = $this->logo->store('company-logos', 'public');
|
||||||
|
$data['logo_path'] = $logoPath;
|
||||||
|
}
|
||||||
|
|
||||||
|
$company->update($data);
|
||||||
|
|
||||||
|
session()->flash('message', 'Empresa actualizada correctamente.');
|
||||||
|
$this->resetForm();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function createCompany()
|
||||||
|
{
|
||||||
|
$this->validate();
|
||||||
|
|
||||||
|
$data = [
|
||||||
|
'name' => $this->name,
|
||||||
|
'tax_id' => $this->tax_id,
|
||||||
|
'address' => $this->address,
|
||||||
|
'phone' => $this->phone,
|
||||||
|
'email' => $this->email,
|
||||||
|
'website' => $this->website,
|
||||||
|
'type' => $this->type,
|
||||||
|
'notes' => $this->notes,
|
||||||
|
];
|
||||||
|
|
||||||
|
if ($this->logo) {
|
||||||
|
$logoPath = $this->logo->store('company-logos', 'public');
|
||||||
|
$data['logo_path'] = $logoPath;
|
||||||
|
}
|
||||||
|
|
||||||
|
Company::create($data);
|
||||||
|
|
||||||
|
session()->flash('message', 'Empresa creada correctamente.');
|
||||||
|
$this->resetForm();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function deleteCompany(Company $company)
|
||||||
|
{
|
||||||
|
$company->delete(); // Soft delete
|
||||||
|
session()->flash('message', 'Empresa eliminada correctamente.');
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getCompaniesProperty()
|
||||||
|
{
|
||||||
|
return Company::when($this->search, function ($query) {
|
||||||
|
$query->where('name', 'like', '%' . $this->search . '%')
|
||||||
|
->orWhere('apodo', 'like', '%' . $this->search . '%')
|
||||||
|
->orWhere('tax_id', 'like', '%' . $this->search . '%');
|
||||||
|
})
|
||||||
|
->when($this->filterType, function ($query) {
|
||||||
|
$query->where('type', $this->filterType);
|
||||||
|
})
|
||||||
|
->when($this->filterEstado, function ($query) {
|
||||||
|
$query->where('estado', $this->filterEstado);
|
||||||
|
})
|
||||||
|
->withCount('projects') // Eager load project count
|
||||||
|
->orderBy('name')
|
||||||
|
->get();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function exportCsv()
|
||||||
|
{
|
||||||
|
$companies = $this->getCompaniesProperty();
|
||||||
|
|
||||||
|
// Create CSV content
|
||||||
|
$headers = [
|
||||||
|
"Content-type: text/csv",
|
||||||
|
"Content-Disposition: attachment; filename=empresas.csv",
|
||||||
|
"Pragma: no-cache",
|
||||||
|
"Cache-Control: must-revalidate, post-check=0, pre-check=0",
|
||||||
|
"Expires: 0"
|
||||||
|
];
|
||||||
|
|
||||||
|
$callback = function() use ($companies) {
|
||||||
|
$handle = fopen('php://output', 'w');
|
||||||
|
// Add BOM for UTF-8 in Excel
|
||||||
|
fprintf($handle, chr(0xEF).chr(0xBB).chr(0xBF));
|
||||||
|
|
||||||
|
// Header row
|
||||||
|
fputcsv($handle, ['Nombre', 'Apodo', 'NIF/Tax ID', 'Tipo', 'Estado', 'Dirección', 'Teléfono', 'Email', 'Website', 'Proyectos Asociados', 'Fecha Creación']);
|
||||||
|
|
||||||
|
foreach ($companies as $company) {
|
||||||
|
fputcsv($handle, [
|
||||||
|
$company->name,
|
||||||
|
$company->apodo ?? '',
|
||||||
|
$company->tax_id ?? '',
|
||||||
|
$company->type,
|
||||||
|
$company->estado,
|
||||||
|
$company->address ?? '',
|
||||||
|
$company->phone ?? '',
|
||||||
|
$company->email ?? '',
|
||||||
|
$company->website ?? '',
|
||||||
|
$company->projects_count ?? 0,
|
||||||
|
$company->created_at ? $company->created_at->format('d/m/Y H:i') : ''
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
fclose($handle);
|
||||||
|
};
|
||||||
|
|
||||||
|
return response()->stream($callback, 200, $headers);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function render()
|
||||||
|
{
|
||||||
|
return view('livewire.company-management');
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -10,6 +10,9 @@ class Company extends Model
|
|||||||
use HasFactory;
|
use HasFactory;
|
||||||
|
|
||||||
protected $fillable = [
|
protected $fillable = [
|
||||||
|
'apodo',
|
||||||
|
'estado',
|
||||||
|
'logo_path',
|
||||||
'name',
|
'name',
|
||||||
'tax_id',
|
'tax_id',
|
||||||
'address',
|
'address',
|
||||||
|
|||||||
@@ -0,0 +1,28 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::table('companies', function (Blueprint $table) {
|
||||||
|
$table->string('logo_path')->nullable()->after('notes');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::table('companies', function (Blueprint $table) {
|
||||||
|
$table->dropColumn('logo_path');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::table('companies', function (Blueprint $table) {
|
||||||
|
$table->string('apodo')->nullable()->after('name');
|
||||||
|
$table->enum('estado', ['activo', 'inactivo', 'suspendido'])->default('activo')->after('apodo');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::table('companies', function (Blueprint $table) {
|
||||||
|
$table->dropColumn(['apodo', 'estado']);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -0,0 +1,327 @@
|
|||||||
|
<div>
|
||||||
|
<div class="mb-6">
|
||||||
|
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-500 mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h10m-9-3h8m-7 0h7M8 13v2a2 2 0 002 2h5a2 2 0 002-2v-2m0 0V9a2 2 0 00-2-2H5a2 2 0 00-2 2v2Z" />
|
||||||
|
</svg>
|
||||||
|
Gestión de Empresas
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-600 mt-2">Gestione las empresas que participan en los proyectos</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if(session('message'))
|
||||||
|
<div class="mb-4 p-4 bg-green-50 border border-green-200 rounded-lg text-green-800">
|
||||||
|
{{ session('message') }}
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<div class="space-y-6">
|
||||||
|
|
||||||
|
<!-- Búsqueda y Botón de Nueva Empresa -->
|
||||||
|
<div class="flex flex-col md:flex-row md:items-center md:justify-between">
|
||||||
|
<div class="w-full md:w-1/2">
|
||||||
|
<input type="text"
|
||||||
|
wire:model.live="search"
|
||||||
|
placeholder="Buscar empresas por nombre o NIF..."
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
</div>
|
||||||
|
<div class="w-full md:w-1/3 mt-4 md:mt-0">
|
||||||
|
<button wire:click="toggleCreateForm"
|
||||||
|
class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg flex items-center justify-center transition-colors">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
|
||||||
|
</svg>
|
||||||
|
Nueva Empresa
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Formulario de Creación/Edición -->
|
||||||
|
<div wire:ignore.self x-cloak>
|
||||||
|
<div x-show="@entangle('showCreateForm')" x-transition:enter="transition ease-out duration-100"
|
||||||
|
x-transition:enter-start="transform opacity-0 scale-95"
|
||||||
|
x-transition:enter-end="transform opacity-100 scale-100"
|
||||||
|
x-transition:leave="transition ease-in duration-75"
|
||||||
|
x-transition:leave-start="transform opacity-100 scale-100"
|
||||||
|
x-transition:leave-end="transform opacity-0 scale-95"
|
||||||
|
class="bg-white rounded-lg shadow-md p-6">
|
||||||
|
<div class="mb-4">
|
||||||
|
<h3 class="text-xl font-semibold text-gray-800 flex items-center">
|
||||||
|
{{ $editingCompanyId ? 'Editar Empresa' : 'Crear Nueva Empresa' }}
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-600 mt-1">
|
||||||
|
Complete la información de la empresa. Los campos marcados con * son obligatorios.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if($errors->any())
|
||||||
|
<div class="mb-4 p-4 bg-red-50 border border-red-200 rounded-lg">
|
||||||
|
<strong>Errores de validación:</strong>
|
||||||
|
<ul class="list-disc pl-5 mt-2 text-sm text-red-600">
|
||||||
|
@foreach($errors->all() as $error)
|
||||||
|
<li>{{ $error }}</li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<form wire:submit.prevent="{{$editingCompanyId ? 'updateCompany' : 'createCompany'}}"
|
||||||
|
enctype="multipart/form-data"
|
||||||
|
class="space-y-4">
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Nombre *</label>
|
||||||
|
<input type="text"
|
||||||
|
wire:model="name"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">NIF/NIE/CIF *</label>
|
||||||
|
<input type="text"
|
||||||
|
wire:model="tax_id"
|
||||||
|
placeholder="Ej: B12345678"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Apodo</label>
|
||||||
|
<input type="text"
|
||||||
|
wire:model="apodo"
|
||||||
|
placeholder="Ej: Acme Construct"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Estado *</label>
|
||||||
|
<select wire:model="estado"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
<option value="">Seleccione un estado</option>
|
||||||
|
<option value="activo">Activo</option>
|
||||||
|
<option value="inactivo">Inactivo</option>
|
||||||
|
<option value="suspendido">Suspendido</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Dirección</label>
|
||||||
|
<textarea wire:model="address"
|
||||||
|
rows="3"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Tipo de Empresa *</label>
|
||||||
|
<select wire:model="type"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
<option value="">Seleccione un tipo</option>
|
||||||
|
<option value="owner">Promotor/Propietario</option>
|
||||||
|
<option value="constructor">Constructor Principal</option>
|
||||||
|
<option value="subcontractor">Subcontratista</option>
|
||||||
|
<option value="consultant">Consultor/Ingeniería</option>
|
||||||
|
<option value="supplier">Proveedor</option>
|
||||||
|
<option value="other">Otro</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Teléfono</label>
|
||||||
|
<input type="tel"
|
||||||
|
wire:model="phone"
|
||||||
|
placeholder="+34 600 123 456"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
|
||||||
|
<input type="email"
|
||||||
|
wire:model="email"
|
||||||
|
placeholder="contacto@empresa.com"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Sitio Web</label>
|
||||||
|
<input type="url"
|
||||||
|
wire:model="website"
|
||||||
|
placeholder="https://www.empresa.com"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Logo de la Empresa</label>
|
||||||
|
<div class="flex flex-col">
|
||||||
|
<label class="cursor-pointer text-blue-600 hover:text-blue-800">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16v-2a2 2 0 012-2h2a2 2 0 012 2v2m-4 0h.01M12 12a2 2 0 100-4 2 2 0 000 4zm4.5-6.75a.75.75 0 100-1.5.75.75 0 000 1.5zm0 0h.01M7 10h.01M14 10h.01M10.363 5.636a.75.75 0 10-1.06-1.06l-.47 1.242A12.038 12.038 0 0112 9.042c1.373 0 2.702.28 3.901.784l1.242-.47a.75.75 0 10-1.06-1.06l-.469-1.241a9.038 9.038 0 00-2.342-.348z" />
|
||||||
|
</svg>
|
||||||
|
Seleccionar archivo...
|
||||||
|
</label>
|
||||||
|
<input type="file"
|
||||||
|
wire:model="logo"
|
||||||
|
accept="image/*"
|
||||||
|
class="mt-2 block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100">
|
||||||
|
@if($logo)
|
||||||
|
<div class="mt-3 flex items-center">
|
||||||
|
<img src="{{ $logo->temporaryUrl() }}"
|
||||||
|
alt="Vista previa del logo"
|
||||||
|
class="h-12 w-12 object-contain border border-gray-200 rounded-lg">
|
||||||
|
<button type="button"
|
||||||
|
wire:click="logo = null"
|
||||||
|
class="ml-3 text-xs text-red-600 hover:text-red-800">
|
||||||
|
Eliminar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium text-gray-700 mb-1">Notas Adicionales</label>
|
||||||
|
<textarea wire:model="notes"
|
||||||
|
rows="4"
|
||||||
|
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-end pt-4 space-x-3">
|
||||||
|
<button type="button"
|
||||||
|
wire:click="resetForm"
|
||||||
|
class="px-5 py-3 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors">
|
||||||
|
Cancelar
|
||||||
|
</button>
|
||||||
|
<button type="submit"
|
||||||
|
class="px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-lg transition-colors">
|
||||||
|
{{$editingCompanyId ? 'Actualizar Empresa' : 'Crear Empresa'}}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Lista de Empresas -->
|
||||||
|
<div class="bg-white rounded-lg shadow-md overflow-hidden">
|
||||||
|
<div class="px-6 py-4 border-b border-gray-200">
|
||||||
|
<h3 class="text-lg font-semibold text-gray-800 flex items-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 text-blue-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2z" />
|
||||||
|
</svg>
|
||||||
|
Lista de Empresas ({{ $companies->count() }})
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if($companies->isEmpty())
|
||||||
|
<div class="px-6 py-8 text-center text-gray-500">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="mx-auto h-12 w-12 text-gray-300 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2z" />
|
||||||
|
</svg>
|
||||||
|
<p class="mt-2">No hay empresas registradas. Cree su primera empresa usando el botón de arriba.</p>
|
||||||
|
</div>
|
||||||
|
@else
|
||||||
|
<div class="divide-y divide-gray-200">
|
||||||
|
@foreach($companies as $company)
|
||||||
|
<div class="px-6 py-4 flex flex-col md:flex-row md:items-start md:justify-between">
|
||||||
|
<div class="flex-1 md:w-1/2">
|
||||||
|
<div class="flex items-start space-x-3">
|
||||||
|
@if($company->logo_path && Storage::disk('public')->exists($company->logo_path))
|
||||||
|
<img src="{{ Storage::disk('public')->url($company->logo_path) }}"
|
||||||
|
alt="Logo de {{ $company->name }}"
|
||||||
|
class="h-12 w-12 object-contain border border-gray-200 rounded-lg flex-shrink-0">
|
||||||
|
@else
|
||||||
|
<div class="h-12 w-12 flex items-center justify-center bg-gray-100 rounded-lg text-gray-400 flex-shrink-0">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 2.25c-1.236 0-2.241.404-3.038 1.08a9.027 9.027 0 00-2.481 7.35c.178.404.317.845.418 1.306a4.42 4.42 0 001.266 2.05c.703.073 1.415.112 2.125.112a4.417 4.417 0 002.125-.112c.703 0 1.415-.039 2.125-.112a4.42 4.42 0 001.266-2.05a4.415 4.415 0 00.418-1.306c.797-.676 1.797-1.076 2.481-1.076A9.027 9.027 0 0018.978 9.68a11.025 11.025 0 01-4.597-.45z" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold text-gray-900">{{ $company->name }}</h4>
|
||||||
|
<p class="text-sm text-gray-600 truncate">
|
||||||
|
@if($company->tax_id)
|
||||||
|
{{ $company->tax_id }}
|
||||||
|
@else
|
||||||
|
Sin NIF/CIF
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
@if($company->type)
|
||||||
|
<span class="inline-block mt-1 px-2 py-0.5 text-xs font-medium
|
||||||
|
@if($company->type === 'owner') bg-green-100 text-green-800
|
||||||
|
@elseif($company->type === 'constructor') bg-blue-100 text-blue-800
|
||||||
|
@elseif($company->type === 'subcontractor') bg-purple-100 text-purple-800
|
||||||
|
@elseif($company->type === 'consultant') bg-indigo-100 text-indigo-800
|
||||||
|
@elseif($company->type === 'supplier') bg-yellow-100 text-yellow-800
|
||||||
|
@else bg-gray-100 text-gray-800
|
||||||
|
endif
|
||||||
|
rounded">
|
||||||
|
{{ ucfirst($company->type) }}
|
||||||
|
</span>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-4 md:mt-0 md:w-1/2 text-right space-y-2">
|
||||||
|
<div class="text-sm text-gray-500 space-y-1">
|
||||||
|
@if($company->address)
|
||||||
|
<div class="flex items-start">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mt-0.5 text-gray-400 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.5 1.5 0 01-2.121-1.06L7 12.764l-.646.647a1 1 0 01-1.415-1.415l1.22-1.22a1.5 1.5 0 012.121-.39l3.707 3.707a1.5 1.5 0 011.06 2.12z" />
|
||||||
|
</svg>
|
||||||
|
<span>{{ $company->address }}</span>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
@if($company->phone)
|
||||||
|
<div class="flex items-start">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mt-0.5 text-gray-400 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.8.52l1.68-1.4a1 1 0 01.82-.52h4a2 2 0 012 2v5.5a2 2 0 01-2 2H5a2 2 0 01-2-2V5z" />
|
||||||
|
</svg>
|
||||||
|
<span>{{ $company->phone }}</span>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
@if($company->email)
|
||||||
|
<div class="flex items-start">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mt-0.5 text-gray-400 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12z" />
|
||||||
|
</svg>
|
||||||
|
<span>{{ $company->email }}</span>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-end space-x-2">
|
||||||
|
<button wire:click="editCompany({{ $company->id }})"
|
||||||
|
class="text-sm text-blue-600 hover:text-blue-800 font-medium flex items-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
|
||||||
|
</svg>
|
||||||
|
Editar
|
||||||
|
</button>
|
||||||
|
<button wire:click="deleteCompany({{ $company->id }})"
|
||||||
|
class="text-sm text-red-600 hover:text-red-800 font-medium flex items-center"
|
||||||
|
onclick="return confirm('¿Está seguro de que desea eliminar esta empresa? Esta acción no se puede deshacer.')">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10h-3a2 2 0 00-2 2v2a2 2 0 002 2h3zm-3-4h1a2 2 0 012 2v2a2 2 0 01-2 2h-1V9a2 2 0 012-2z" />
|
||||||
|
</svg>
|
||||||
|
Eliminar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@if(!$loop->last)
|
||||||
|
<div class="border-t border-gray-200"></div>
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -113,6 +113,7 @@ Route::get('/reports/dashboard', ReportsDashboard::class)->name('reports.dashboa
|
|||||||
Route::get('/projects/{project}/media', function (\App\Models\Project $project) {
|
Route::get('/projects/{project}/media', function (\App\Models\Project $project) {
|
||||||
return view('projects.media', compact('project'));
|
return view('projects.media', compact('project'));
|
||||||
})->name('projects.media');
|
})->name('projects.media');
|
||||||
|
Route::get('/companies', \App\Livewire\CompanyManagement::class)->name('companies.manage');
|
||||||
|
|
||||||
// ------------------------------------------------------------
|
// ------------------------------------------------------------
|
||||||
// Sincronización offline (para trabajadores en campo)
|
// Sincronización offline (para trabajadores en campo)
|
||||||
|
|||||||
Reference in New Issue
Block a user