@extends('layouts.app')

@section('content')
<div class="container">
    <h1 class="h3 mb-3">Datos del negocio (marca)</h1>

    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    <div class="card" style="max-width: 640px;">
        <div class="card-body">
            <form action="{{ route('configuracion.update') }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="mb-3">
                    <label class="form-label">Nombre del negocio</label>
                    <input type="text" class="form-control @error('nombre') is-invalid @enderror" name="nombre" value="{{ old('nombre', $negocio->nombre) }}" required>
                    @error('nombre')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label">RIF/NIF</label>
                    <input type="text" class="form-control @error('nif') is-invalid @enderror" name="nif" value="{{ old('nif', $negocio->nif) }}">
                    @error('nif')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label">Dirección</label>
                    <textarea class="form-control @error('direccion') is-invalid @enderror" name="direccion" rows="2">{{ old('direccion', $negocio->direccion) }}</textarea>
                    @error('direccion')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label">Teléfono</label>
                    <input type="text" class="form-control @error('telefono') is-invalid @enderror" name="telefono" value="{{ old('telefono', $negocio->telefono) }}">
                    @error('telefono')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label">Email</label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email', $negocio->email) }}">
                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <hr>

                <div class="mb-3">
                    <label class="form-label">Logo</label><br>
                    @if ($negocio->logoUrl())
                        <img src="{{ $negocio->logoUrl() }}" alt="Logo actual" style="max-height: 80px;" class="mb-2 d-block">
                    @endif
                    <input type="file" class="form-control @error('logo') is-invalid @enderror" name="logo" accept="image/*">
                    <div class="form-text">PNG o JPG, máximo 2 MB.</div>
                    @error('logo')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Imagen de fondo (pantalla de login)</label><br>
                    @if ($negocio->fondoLoginUrl())
                        <img src="{{ $negocio->fondoLoginUrl() }}" alt="Fondo actual" style="max-height: 120px;" class="mb-2 d-block">
                    @endif
                    <input type="file" class="form-control @error('fondo_login') is-invalid @enderror" name="fondo_login" accept="image/*">
                    <div class="form-text">PNG o JPG, máximo 4 MB. Si no se sube ninguna, se usa un fondo por defecto.</div>
                    @error('fondo_login')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <button type="submit" class="btn btn-primary">Guardar</button>
            </form>
        </div>
    </div>
</div>
@endsection
