@extends('layout')

@section('content')
    @php
        $editing = $client !== null;
        $action = $editing ? '/clientes/'.$client->id : '/clientes';
        $cancel = $editing ? '/clientes/'.$client->id : '/clientes';
        $avatarUrl = uploaded_image_url($client->avatar_path ?? null);
    @endphp

    <div class="page-head">
        @include('partials.context-back')
        <div class="t"><h1>{{ $editing ? 'Editar cliente' : 'Novo cliente' }}</h1></div>
    </div>

    <form class="form card pad-lg" method="post" enctype="multipart/form-data" action="{{ url($action) }}" data-ajax data-method="{{ $editing ? 'PUT' : 'POST' }}">
        @csrf
        @if ($editing) @method('PUT') @endif

        @if ($asaasCustomer)
            <div class="alert" style="margin-bottom:18px"><i class="ic sm">sync</i> Cadastro vinculado ao Asaas: nome, e-mail, telefone e documento são atualizados por ele. Os campos internos do OmniAURIOS continuam editáveis.</div>
        @endif

        <div class="field{{ field_state('name') }}">
            <label for="name">Nome / referência <span class="hint">obrigatório</span></label>
            <input type="text" id="name" name="name" required maxlength="150" value="{{ field_value($client, 'name') }}" {{ $asaasCustomer ? 'readonly' : '' }}>
            {!! field_error('name') !!}
        </div>

        <div class="field{{ field_state('company') }}">
            <label for="company">Empresa / razão social</label>
            <input type="text" id="company" name="company" maxlength="180" value="{{ field_value($client, 'company') }}">
            {!! field_error('company') !!}
        </div>

        <div class="field{{ field_state('avatar') }}">
            <label for="avatar">Foto de perfil <span class="hint">JPG, PNG ou WebP · até 5 MB</span></label>
            <div class="upload-preview">
                <span class="entity-avatar entity-avatar--lg">
                    @if ($avatarUrl !== null)<img src="{{ $avatarUrl }}" alt="Foto de {{ $client->name ?? '' }}">@else<i class="ic">person</i>@endif
                </span>
                <input type="file" id="avatar" name="avatar" accept="image/jpeg,image/png,image/webp">
            </div>
            {!! field_error('avatar') !!}
        </div>

        <div class="form-grid">
            <div class="field{{ field_state('email') }}">
                <label for="email">E-mail</label>
                <input type="email" id="email" name="email" value="{{ field_value($client, 'email') }}" {{ $asaasCustomer ? 'readonly' : '' }}>
                {!! field_error('email') !!}
            </div>
            <div class="field{{ field_state('phone') }}">
                <label for="phone">Telefone</label>
                <input type="tel" id="phone" name="phone" inputmode="tel" autocomplete="tel"
                       data-mask="phone" value="{{ field_value($client, 'phone') }}" {{ $asaasCustomer ? 'readonly' : '' }}>
            </div>
            <div class="field{{ field_state('document') }}">
                <label for="document">CNPJ / CPF</label>
                <input type="text" id="document" name="document" inputmode="numeric"
                       data-mask="document" value="{{ field_value($client, 'document') }}" {{ $asaasCustomer ? 'readonly' : '' }}>
            </div>
            <div class="field{{ field_state('website') }}">
                <label for="website">Site</label>
                <input type="text" id="website" name="website" value="{{ field_value($client, 'website') }}">
            </div>
            <div class="field{{ field_state('cliente_desde') }}">
                <label for="cliente-desde">Cliente desde</label>
                <input type="date" id="cliente-desde" name="cliente_desde" value="{{ field_value($client, 'cliente_desde', $editing ? '' : date('Y-m-d')) }}">
                {!! field_error('cliente_desde') !!}
            </div>
        </div>

        <div class="field{{ field_state('status') }}" style="max-width:240px">
            <label for="status">Situação</label>
            <select id="status" name="status">
                @foreach (\App\Models\Client::STATUSES as $s)
                    <option value="{{ $s }}" {{ field_value($client, 'status', 'ativo') === $s ? 'selected' : '' }}>{{ label($s) }}</option>
                @endforeach
            </select>
        </div>

        <div class="field{{ field_state('notes') }}">
            <label for="client-notes-surface">Anotações</label>
            @include('partials.rich-editor', [
                'richEditorId' => 'client-notes',
                'richEditorName' => 'notes',
                'richEditorValue' => field_raw_value($client, 'notes'),
                'richEditorMaxlength' => 4000,
                'richEditorPlaceholder' => 'Contexto, necessidades e próximos passos…',
                'richEditorHint' => 'Formatação simples para organizar o histórico do cliente.',
            ])
            {!! field_error('notes') !!}
        </div>

        <div class="form-actions">
            <a href="{{ url($cancel) }}" class="btn btn--ghost">Cancelar</a>
            <button type="submit" class="btn btn--primary"><i class="ic">check</i> {{ $editing ? 'Salvar alterações' : 'Cadastrar cliente' }}</button>
        </div>
    </form>
@endsection