@extends('content')

@section('page-title')
    @if($client->exists)
        {{ __('clients.clients.edit_client_header') }}
    @else
        {{ __('clients.clients.add_client_header') }}
    @endif
@endsection

@section('page-content')

    <x-forms.form-wrapper-component formRoute="{{ $client->exists ? route('office.clients.update', $client) : route('office.clients.insert.store') }}"
        formLabel="{{ __('clients.clients.form.label') }}">

        <div x-data='{
                isCompany: @json((bool) old("is_company", $client->is_company ?? false)),
                companyName: @json(old("company_name", $client->company_name)),
                nip: @json(old("nip", $client->nip))
            }'
             x-effect="if (!isCompany) { companyName = ''; nip = ''; }"
             class="grid grid-cols-12 gap-4"
        >
            <!-- Checkbox -->
            <div class="col-span-12">
                <label class="inline-flex items-center space-x-2">
                    <input
                        type="checkbox"
                        name="is_company"
                        value="1"
                        x-model="isCompany"
                        class="form-checkbox h-5 w-5 text-red-600"
                        {{ old('is_company', $client->is_company ?? 0) ? 'checked' : '' }}
                    >
                    <span class="text-sm font-medium text-gray-700">{{ __('clients.clients.form.company_checkbox_label') }}</span>
                </label>
            </div>

            <!-- company_name (widoczne jeśli isCompany == true) -->
            <div class="col-span-12 md:col-span-6 2xl:col-span-4" x-show="isCompany">
                <x-forms.input-component
                    inputType="text"
                    inputName="company_name"
                    inputId="company_name"
                    inputValue="{{ old('company_name', $client->company_name) }}"
                    inputLabel="{{ __('clients.clients.form.company_name') }}"
                    inputPlaceholder="{{ __('clients.clients.form.company_name') }}"
                    inputRequired=0
                    x-model="companyName"
                />
            </div>

            <!-- nip (widoczne jeśli isCompany == true) -->
            <div class="col-span-12 md:col-span-6 2xl:col-span-4" x-show="isCompany">
                <x-forms.input-component
                    inputType="text"
                    inputName="nip"
                    inputId="nip"
                    inputValue="{{ old('nip', $client->nip) }}"
                    inputLabel="{{ __('clients.clients.form.nip') }}"
                    inputPlaceholder="{{ __('clients.clients.form.nip') }}"
                    inputRequired=0
                    x-model="nip"
                />
            </div>

            <!-- Reszta pól formularza -->
            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="name"
                    inputId="name"
                    inputValue="{{ old('name', $client->name) }}"
                    inputLabel="{{ __('clients.clients.form.name') }}"
                    inputPlaceholder="{{ __('clients.clients.form.name') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="last_name"
                    inputId="last_name"
                    inputValue="{{ old('last_name', $client->last_name) }}"
                    inputLabel="{{ __('clients.clients.form.last_name') }}"
                    inputPlaceholder="{{ __('clients.clients.form.last_name') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="phone"
                    inputId="phone"
                    inputValue="{{ old('phone', $client->phone) }}"
                    inputLabel="{{ __('clients.clients.form.phone') }}"
                    inputPlaceholder="{{ __('clients.clients.form.phone') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="email"
                    inputName="email"
                    inputId="email"
                    inputValue="{{ old('email', $client->email) }}"
                    inputLabel="{{ __('clients.clients.form.email') }}"
                    inputPlaceholder="{{ __('clients.clients.form.email') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="street"
                    inputId="street"
                    inputValue="{{ old('street', $client->street) }}"
                    inputLabel="{{ __('clients.clients.form.street') }}"
                    inputPlaceholder="{{ __('clients.clients.form.street') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="zip_code"
                    inputId="zip_code"
                    inputValue="{{ old('zip_code', $client->zip_code) }}"
                    inputLabel="{{ __('clients.clients.form.zip_code') }}"
                    inputPlaceholder="{{ __('clients.clients.form.zip_code') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="city"
                    inputId="city"
                    inputValue="{{ old('city', $client->city) }}"
                    inputLabel="{{ __('clients.clients.form.city') }}"
                    inputPlaceholder="{{ __('clients.clients.form.city') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

        </div>

        <div class="text-center mt-8">
            <button type="submit" class="btn_lg btn_red">{{ __('clients.clients.save') }}</button>
        </div>

    </x-forms.form-wrapper-component>

    <div class="text-center">
        <a href="{{ route('office.clients') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>
    </div>

@endsection