@csrf
@if(isset($client))
    @method('PUT')
@endif

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-bottom-0 pb-0">
                <h4 class="mb-1">{{ __('admin.clients.sections.identity') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.clients.section_hints.identity') }}</p>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-7">
                        <label class="form-label">{{ __('admin.clients.fields.name') }} <span class="text-danger">*</span></label>
                        <input type="text" name="name" value="{{ old('name', $client->name ?? '') }}"
                               class="form-control @error('name') is-invalid @enderror"
                               placeholder="{{ __('admin.clients.placeholders.name') }}" autocomplete="organization" required>
                        <small class="text-muted">{{ __('admin.clients.form_hints.name') }}</small>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-5">
                        <label class="form-label">{{ __('admin.clients.fields.client_type') }} <span class="text-danger">*</span></label>
                        <select name="client_type" class="form-select @error('client_type') is-invalid @enderror" required>
                            @foreach(\App\Models\Client::types() as $value => $label)
                                <option value="{{ $value }}" @selected(old('client_type', $client->client_type ?? \App\Models\Client::TYPE_INDIVIDUAL) === $value)>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                        <small class="text-muted">{{ __('admin.clients.form_hints.client_type') }}</small>
                        @error('client_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.clients.fields.city') }}</label>
                        <input type="text" name="city" value="{{ old('city', $client->city ?? '') }}"
                               class="form-control @error('city') is-invalid @enderror"
                               placeholder="{{ __('admin.clients.placeholders.city') }}" autocomplete="address-level2">
                        @error('city')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.clients.fields.source') }}</label>
                        <input type="text" name="source" value="{{ old('source', $client->source ?? '') }}"
                               class="form-control @error('source') is-invalid @enderror"
                               placeholder="{{ __('admin.clients.placeholders.source') }}">
                        <small class="text-muted">{{ __('admin.clients.form_hints.source') }}</small>
                        @error('source')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.clients.fields.status') }} <span class="text-danger">*</span></label>
                        <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                            @foreach(\App\Models\Client::statuses() as $value => $label)
                                <option value="{{ $value }}" @selected(old('status', $client->status ?? \App\Models\Client::STATUS_ACTIVE) === $value)>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                        <small class="text-muted">{{ __('admin.clients.form_hints.status') }}</small>
                        @error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-bottom-0 pb-0">
                <h4 class="mb-1">{{ __('admin.clients.sections.contact') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.clients.section_hints.contact') }}</p>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.clients.fields.phone') }}</label>
                        <input type="text" name="phone" value="{{ old('phone', $client->phone ?? '') }}"
                               class="form-control @error('phone') is-invalid @enderror"
                               placeholder="{{ __('admin.clients.placeholders.phone') }}" inputmode="tel" autocomplete="tel">
                        @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.clients.fields.whatsapp') }}</label>
                        <input type="text" name="whatsapp" value="{{ old('whatsapp', $client->whatsapp ?? '') }}"
                               class="form-control @error('whatsapp') is-invalid @enderror"
                               placeholder="{{ __('admin.clients.placeholders.whatsapp') }}" inputmode="tel">
                        @error('whatsapp')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.clients.fields.email') }}</label>
                        <input type="email" name="email" value="{{ old('email', $client->email ?? '') }}"
                               class="form-control @error('email') is-invalid @enderror"
                               placeholder="{{ __('admin.clients.placeholders.email') }}" autocomplete="email">
                        @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-12">
                        <label class="form-label">{{ __('admin.clients.fields.address') }}</label>
                        <textarea name="address" rows="3"
                                  class="form-control @error('address') is-invalid @enderror"
                                  placeholder="{{ __('admin.clients.placeholders.address') }}" autocomplete="street-address">{{ old('address', $client->address ?? '') }}</textarea>
                        @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-bottom-0 pb-0">
                <h4 class="mb-1">{{ __('admin.clients.sections.notes') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.clients.section_hints.notes') }}</p>
            </div>
            <div class="card-body">
                <label class="form-label">{{ __('admin.clients.fields.notes') }}</label>
                <textarea name="notes" rows="5"
                          class="form-control @error('notes') is-invalid @enderror"
                          placeholder="{{ __('admin.clients.placeholders.notes') }}">{{ old('notes', $client->notes ?? '') }}</textarea>
                <small class="text-muted">{{ __('admin.clients.form_hints.notes') }}</small>
                @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card border-0 shadow-sm sticky-lg-top" style="top: 90px;">
            <div class="card-header bg-transparent border-bottom-0">
                <h4 class="mb-1">{{ __('admin.clients.helper_title') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.clients.helper_subtitle') }}</p>
            </div>
            <div class="card-body">
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-primary text-primary"><i class="ti ti-user"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.clients.helper_points.identity_title') }}</div>
                        <small class="text-muted">{{ __('admin.clients.helper_points.identity_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-success text-success"><i class="ti ti-message-circle"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.clients.helper_points.contact_title') }}</div>
                        <small class="text-muted">{{ __('admin.clients.helper_points.contact_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-warning text-warning"><i class="ti ti-bulb"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.clients.helper_points.source_title') }}</div>
                        <small class="text-muted">{{ __('admin.clients.helper_points.source_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2">
                    <span class="badge bg-light-info text-info"><i class="ti ti-layout-kanban"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.clients.helper_points.workflow_title') }}</div>
                        <small class="text-muted">{{ __('admin.clients.helper_points.workflow_text') }}</small>
                    </div>
                </div>
            </div>
            <div class="card-footer bg-transparent border-top-0 d-grid gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="ti ti-device-floppy me-1"></i>{{ $submitLabel ?? __('admin.actions.save') }}
                </button>
                <a href="{{ route('admin.clients.index') }}" class="btn btn-outline-secondary">{{ __('admin.actions.cancel') }}</a>
            </div>
        </div>
    </div>
</div>