@extends('layouts.secundario.create')

@php
    $tipagem = \App\Structural\Enums\Tipagem::class;
    $removeBotoesPadrao = [''];
@endphp {{-- Define qual botões padrões NÃO serão usados na tela --}}

@section('fields')
    <div class="row mb-3">
        <div class="soel-form-field col-12">
            <x-form.inputs.text
                :route="$acao->slug"
                name="descricao"
                label="Descrição"
                :length="['min' => null, 'max' => 180]"
                :value="old('nome') ?? ($model->descricao ?? null)">
            </x-form.inputs.text>
        </div>
    </div>
        <div class="row mb-3">
            <div class="soel-form-field col-6">
                {!!
                    \App\Models\Unico\Cadastros\Marca::cleanInstance()
                    ->setCampoChaveExterno('descricao')
                    ->ConfiguraExterno()
                    ->setName('marca_id')
                    ->setLabel('Marca')
                    ->setValue($model->marca_id ?? null)
                    ->setRequired(false)
                    ->imprimeExterno()
                !!}
            </div>
            <div class="soel-form-field col-6">
                {!!
                    \App\Models\Unico\Cadastros\Modelo::cleanInstance()
                    ->setCampoChaveExterno('descricao')
                    ->ConfiguraExterno()
                    ->setName('modelo_id')
                    ->setLabel('Modelo')
                    ->setValue($model->modelo_id ?? null)
                    ->setRequired(false)
                    ->imprimeExterno()
                !!}
            </div>
        </div>
        <div class="row mb-3">
            <div class="soel-form-field col-6">
                <x-form.inputs.number
                    :route="$acao->slug"
                    name="volume"
                    label="Volume(m³)"
                    :length="['min' => 0, 'max' => 255]"
                    :value="old('volume') ?? ($model->volume ?? null)">
                </x-form.inputs.number>
            </div>
            <div class="soel-form-field col-6">
                <x-form.inputs.number
                    :route="$acao->slug"
                    name="peso"
                    Label="Peso Máximo(kg)"
                    :length="['min' => 0, 'max' => 255]"
                    :value="old('peso') ?? ($model->peso ?? null)">
                </x-form.inputs.number>
            </div>
        </div>
        <x-accordion.accordion id='accordion_comprimento_interno'>
            <x-accordion.item id='accordion_comprimento_externo_item_1' title='Dimensões Internas'>
                <div class="row mb-3">
                    <div class="soel-form-field col-4">
                        <x-form.inputs.number
                            :route="$acao->slug"
                            name="comprimento_interno"
                            label="Comprimento(mm)"
                            :length="['min' => 0, 'max' => 255]"
                            :value="old('comprimento_interno') ?? ($model->comprimento_interno ?? null)">
                        </x-form.inputs.number>
                    </div>
                    <div class="soel-form-field col-4">
                        <x-form.inputs.number
                            :route="$acao->slug"
                            name="largura_interno"
                            label="Largura(mm)"
                            :length="['min' => 0, 'max' => 255]"
                            :value="old('largura_interno') ?? ($model->largura_interno ?? null)">
                        </x-form.inputs.number>
                    </div>
                    <div class="col-4">
                        <x-form.inputs.number
                            :route="$acao->slug"
                            name="altura_interno"
                            label="Altura(mm)"
                            :length="['min' => 0, 'max' => 255]"
                            :value="old('altura_interno') ?? ($model->altura_interno ?? null)">
                        </x-form.inputs.number>
                    </div>
                </div>
            </x-form.accordion.item>
        </x-form.accordion.accordion>
        <x-accordion.accordion id='accordion_comprimento_externo'>
            <x-accordion.item id='accordion_comprimento_externo_item_2' title='Dimensões Externas'>
                <div class="row mb-3">
                    <div class="soel-form-field col-4">
                        <x-form.inputs.number
                            :route="$acao->slug"
                            name="comprimento_externo"
                            label="Comprimento(mm)"
                            :length="['min' => 0, 'max' => 255]"
                            :value="old('comprimento_externo') ?? ($model->comprimento_externo ?? null)">
                        </x-form.inputs.number>
                    </div>
                    <div class="soel-form-field col-4">
                        <x-form.inputs.number
                            :route="$acao->slug"
                            name="largura_externo"
                            label="Largura(mm)"
                            :length="['min' => 0, 'max' => 255]"
                            :value="old('largura_externo') ?? ($model->largura_externo ?? null)">
                        </x-form.inputs.number>
                    </div>
                    <div class="soel-form-field col-4">
                        <x-form.inputs.number
                            :route="$acao->slug"
                            name="altura_externo"
                            label="Altura(mm)"
                            :length="['min' => 0, 'max' => 255]"
                            :value="old('altura_externo') ?? ($model->altura_externo ?? null)">
                        </x-form.inputs.number>
                    </div>
                </div>
            </x-form.accordion.item>
        </x-form.accordion.accordion>
@endsection