<div class="grid sm:grid-cols-7 sm:col-span-6 gap-x-8 gap-y-6 my-3.5">
    <div class="sm:col-span-2">
        <x-form.label for="contact" required>
            {{ trans_choice($textContact, 1) }}
        </x-form.label>

        <x-documents.form.contact
            type="{{ $typeContact }}"
            :contact="$contact"
            :contacts="$contacts"
            :search-route="$searchContactRoute"
            :create-route="$createContactRoute"
            error="form.errors.get('contact_name')"
            :text-add-contact="$textAddContact"
            :text-create-new-contact="$textCreateNewContact"
            :text-edit-contact="$textEditContact"
            :text-contact-info="$textContactInfo"
            :text-choose-different-contact="$textChooseDifferentContact"
        />
    </div>

    <div class="sm:col-span-1"></div>

    <div class="sm:col-span-4 grid sm:grid-cols-4 gap-x-8 gap-y-6">
        @stack('issue_start')

        @if (! $hideIssuedAt)
            <x-form.group.date
                name="issued_at"
                label="{{ trans($textIssuedAt) }}"
                icon="calendar_today"
                value="{{ $issuedAt }}"
                show-date-format="{{ company_date_format() }}"
                date-format="Y-m-d"
                autocomplete="off"
                change="setDueMinDate"
                form-group-class="sm:col-span-2"
            />
        @endif

        @stack('document_number_start')

        @if (! $hideDocumentNumber)
            <x-form.group.text
                name="document_number"
                label="{{ trans($textDocumentNumber) }}"
                value="{{ $documentNumber }}"
                form-group-class="sm:col-span-2"
            />
        @endif

        @stack('due_start')

        @if (! $hideDueAt)
            <x-form.group.date
                name="due_at"
                label="{{ trans($textDueAt) }}"
                icon="calendar_today"
                value="{{ $dueAt }}"
                show-date-format="{{ company_date_format() }}"
                date-format="Y-m-d"
                autocomplete="off"
                period="{{ $periodDueAt }}"
                min-date="form.issued_at"
                min-date-dynamic="min_due_date"
                data-value-min
                form-group-class="sm:col-span-2"
            />
        @else
            <x-form.input.hidden
                name="due_at"
                :value="old('issued_at', $issuedAt)"
                v-model="form.issued_at"
                form-group-class="sm:col-span-2"
            />
        @endif

        @stack('order_number_start')

        @if (! $hideOrderNumber)
            <x-form.group.text
                name="order_number"
                label="{{ trans($textOrderNumber) }}"
                value="{{ $orderNumber }}"
                form-group-class="sm:col-span-2"
                not-required
            />
        @endif
    </div>
</div>