@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: Ativos TI — Novo Equipamento')

@section('content')
    <div class="card shadow-sm border-0">

        @php $headLine = "<i class='fa-solid fa-desktop'></i> " . __('Novo Equipamento'); @endphp

        @include('components.buttons._headLineButtonsBackAdd', [
            'headLine'        => $headLine,
            'routeBack'       => 'admin.ativosTi.equipamentos.index',
            'routeBackParams' => [],
            'nameBack'        => __('Voltar'),
        ])

        <div class="card-body">

            @include('errors.messageFlash')

            <form action="{{ route('admin.ativosTi.equipamentos.store') }}" method="POST">
                @csrf

                <div class="row g-3">
                    <div class="col-12">
                        <h5 class="mb-3">
                            <i class="fa-solid fa-info-circle me-2 text-primary"></i>{{ __('Dados Básicos') }}
                        </h5>
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label fw-semibold">{{ __('Patrimônio') }} <span class="text-danger">*</span></label>
                        <input type="text" name="patrimonio" value="{{ old('patrimonio') }}"
                            class="form-control @error('patrimonio') is-invalid @enderror"
                            placeholder="Ex: 279519">
                        @error('patrimonio')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label fw-semibold">{{ __('Etiqueta TI') }}</label>
                        <input type="text" name="etiqueta_ti" value="{{ old('etiqueta_ti') }}"
                            class="form-control @error('etiqueta_ti') is-invalid @enderror"
                            placeholder="Etiqueta do domínio">
                        @error('etiqueta_ti')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label fw-semibold">{{ __('Marca') }}</label>
                        <input type="text" name="marca" value="{{ old('marca') }}"
                            class="form-control @error('marca') is-invalid @enderror"
                            placeholder="Ex: Dell, HP">
                        @error('marca')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label fw-semibold">{{ __('Modelo') }}</label>
                        <input type="text" name="modelo" value="{{ old('modelo') }}"
                            class="form-control @error('modelo') is-invalid @enderror"
                            placeholder="Ex: Inspiron 15">
                        @error('modelo')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label fw-semibold">{{ __('Número de Série') }}</label>
                        <input type="text" name="numero_serie" value="{{ old('numero_serie') }}"
                            class="form-control @error('numero_serie') is-invalid @enderror">
                        @error('numero_serie')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label fw-semibold">{{ __('Status') }} <span class="text-danger">*</span></label>
                        <select name="status" class="form-select @error('status') is-invalid @enderror">
                            @foreach (\App\Models\AtivosTi\Equipamento::STATUS as $val => $label)
                                <option value="{{ $val }}" {{ old('status', 'ativo') == $val ? 'selected' : '' }}>
                                    {{ __($label) }}
                                </option>
                            @endforeach
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-6">
                        <x-select.unidade
                            name="unidade_organizacional_id"
                            :unidades="$unidades ?? []"
                            label="Unidade Organizacional" />
                    </div>

                    <div class="col-12 col-lg-6">
                        <x-autocomplete.user
                            name="user_id"
                            inputId="eq-user-display"
                            hiddenId="eq-user-id"
                            suggestId="eq-user-sugest"
                            clearId="eq-user-clear"
                            :route="route('admin.demandas.responsaveis.buscar')"
                            label="Usuário Responsável" />
                    </div>

                    <div class="col-12 mt-5">
                        <h5 class="mb-3">
                            <i class="fa-solid fa-microchip me-2 text-primary"></i>{{ __('Especificações Técnicas') }}
                        </h5>
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label">{{ __('Processador') }}</label>
                        <input type="text" name="processador" class="form-control"
                            placeholder="Ex: Intel Core i7"
                            value="{{ old('processador', '') }}">
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label">{{ __('Memória RAM') }}</label>
                        <input type="text" name="memoria_ram" class="form-control"
                            placeholder="Ex: 16GB DDR4"
                            value="{{ old('memoria_ram', '') }}">
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label">{{ __('Disco Rígido / SSD') }}</label>
                        <input type="text" name="disco_rigido" class="form-control"
                            placeholder="Ex: 512GB SSD"
                            value="{{ old('disco_rigido', '') }}">
                    </div>

                    <div class="col-12 col-lg-4">
                        <label class="form-label">{{ __('Placa de Vídeo') }}</label>
                        <input type="text" name="placa_video" class="form-control"
                            placeholder="Ex: NVIDIA RTX 3060"
                            value="{{ old('placa_video', '') }}">
                    </div>

                    <div class="col-12">
                        <small class="text-muted">
                            <i class="fa-solid fa-circle-info me-1"></i>{{ __('Especificações são opcionais') }}
                        </small>
                    </div>

                    <div class="col-12 d-flex justify-content-end gap-2 mt-4">
                        <a href="{{ route('admin.ativosTi.equipamentos.index') }}" class="btn btn-secondary">
                            <i class="fa-solid fa-times me-1"></i>{{ __('Cancelar') }}
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fa-solid fa-save me-1"></i>{{ __('Salvar') }}
                        </button>
                    </div>
                </div>
            </form>

        </div>
    </div>
@endsection

@push('after-scripts')
    <script src="{{ asset('pmar/js/ativos-ti.js') }}"></script>
@endpush