@props(['clientLogo' => null])

<div class="mb-3">
    <label for="company_name" class="form-label">Company Name</label>
    <input type="text" name="company_name" id="company_name" class="form-control @error('company_name') is-invalid @enderror" value="{{ old('company_name', $clientLogo->company_name ?? '') }}" required>
    @error('company_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="mb-3">
    <label for="logo" class="form-label">
        Logo{{ $clientLogo ? ' ' : '' }}
        @unless($clientLogo)<span class="text-muted">(PNG, WebP or SVG, transparent background recommended)</span>@endunless
    </label>
    @if($clientLogo)
        <div class="mb-2 p-2" style="background: var(--color-soft-background); border-radius: 8px; display: inline-block;">
            <img src="{{ $clientLogo->logoUrl() }}" alt="" style="height: 40px; width: auto;">
        </div>
    @endif
    <input type="file" name="logo" id="logo" class="form-control @error('logo') is-invalid @enderror" accept="image/png,image/jpeg,image/webp,image/svg+xml">
    @error('logo')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="mb-3">
    <label for="website_url" class="form-label">Website URL <span class="text-muted">(optional)</span></label>
    <input type="url" name="website_url" id="website_url" class="form-control @error('website_url') is-invalid @enderror" value="{{ old('website_url', $clientLogo->website_url ?? '') }}" placeholder="https://">
    @error('website_url')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="form-check mb-4">
    <input type="checkbox" name="is_visible" id="is_visible" class="form-check-input" value="1" @checked(old('is_visible', $clientLogo->is_visible ?? true))>
    <label for="is_visible" class="form-check-label">Visible on the public site</label>
</div>