@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: Ativos TI — Nova Licença')

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

        @php $headLine = "<i class='fa-solid fa-key'></i> " . __('Nova Licença'); @endphp

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

        <div class="card-body">

            @include('errors.messageFlash')

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

                <div class="row g-3">
                    <div class="col-12 col-lg-6">
                        <label class="form-label fw-semibold">{{ __('Tipo') }} <span class="text-danger">*</span></label>
                        <select name="tipo" id="licenca-tipo" class="form-select @error('tipo') is-invalid @enderror">
                            <option value="alugada" {{ old('tipo', 'alugada') === 'alugada' ? 'selected' : '' }}>
                                {{ __('Alugada / Assinatura') }}
                            </option>
                            <option value="vitalicia" {{ old('tipo') === 'vitalicia' ? 'selected' : '' }}>
                                {{ __('Vitalícia / Perpétua') }}
                            </option>
                        </select>
                        @error('tipo')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-6">
                        <label class="form-label fw-semibold">{{ __('Programa / Software') }} <span class="text-danger">*</span></label>
                        <input type="text" name="programa" value="{{ old('programa') }}"
                            class="form-control @error('programa') is-invalid @enderror"
                            placeholder="Ex: Microsoft Office 365">
                        @error('programa')
                            <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="Secretaria / Unidade" />
                    </div>

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

                    <div class="col-12 col-lg-6">
                        <x-autocomplete.equipamento-ativos-ti
                            name="equipamento_id"
                            displayName="_eq_display"
                            inputId="lic-eq-display"
                            hiddenId="lic-eq-id"
                            suggestId="lic-eq-sugest"
                            clearId="lic-eq-clear"
                            :value="old('_eq_display', '')"
                            label="PC / Equipamento" />
                    </div>

                    <div class="col-12 col-lg-6">
                        <label class="form-label fw-semibold">{{ __('Contrato') }}</label>
                        <input type="text" name="contrato" value="{{ old('contrato') }}"
                            class="form-control @error('contrato') is-invalid @enderror"
                            placeholder="Nº ou referência do contrato">
                        @error('contrato')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div id="campo-chave" class="col-12 col-lg-6 {{ old('tipo', 'alugada') !== 'vitalicia' ? 'd-none' : '' }}">
                        <label class="form-label fw-semibold">{{ __('Chave da Licença') }}</label>
                        <input type="text" name="chave_licenca" value="{{ old('chave_licenca') }}"
                            class="form-control @error('chave_licenca') is-invalid @enderror"
                            placeholder="XXXXX-XXXXX-XXXXX-XXXXX">
                        @error('chave_licenca')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12 col-lg-6">
                        <label class="form-label fw-semibold">{{ __('Data de Início') }}</label>
                        <input type="date" name="data_inicio" value="{{ old('data_inicio') }}"
                            class="form-control @error('data_inicio') is-invalid @enderror">
                        @error('data_inicio')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div id="campo-data-final" class="col-12 col-lg-6 {{ old('tipo', 'alugada') === 'vitalicia' ? 'd-none' : '' }}">
                        <label class="form-label fw-semibold">
                            {{ __('Data de Vencimento') }}
                            <span class="text-danger" id="data-final-required">*</span>
                        </label>
                        <input type="date" name="data_final" value="{{ old('data_final') }}"
                            class="form-control @error('data_final') is-invalid @enderror">
                        @error('data_final')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="d-flex justify-content-end gap-2 mt-4">
                    <a href="{{ route('admin.ativosTi.index', ['aba' => 'licencas']) }}" 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>
            </form>

        </div>
    </div>
@endsection

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