@php $qtItem = 2; @endphp

<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">

  <div class="form-group">
    {!! Form::label('Numero', '*Numero:') !!}
    {!! Form::text('numero', null, [
        'class' => 'form-control',
        'id' => 'numero',
        'placeholder' => '000/0000',
        'required',
    ]) !!}
  </div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">

  <div class="form-group">
    {!! Form::label('data', '*Data da Publicação: ') !!}
    <input class="form-control" id="calendario2" placeholder="00/00/0000" required name="datapublicar" type="text"
      value="
    @php 
      if(isset($category->datapublicar))
        { echo $category->datapublicar->format('d/m/Y');} 
    @endphp
              ">
  </div>
</div>
@php 
  if (isset($category->itens)) {
      $contvalue = $category->itens;
  } else {
      $contvalue = 0;
  }
@endphp
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 dataok">
  <div class="form-group">
    <label for="data" class="dataok">*Data da seção: </label>
    <input class="form-control " id="calendario" placeholder="00/00/0000" name="data" type="text"
      value="@php if(isset($category->data)){ echo $category->data->format('d/m/Y');} @endphp">
  </div>
  <div class="form-group">
    <input class="form-control" type="number" name="itens" id="cont" value={{ $contvalue }}
      style="display: none;">
  </div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 hora">
  <div class="form-group">
    {!! Form::label('Numero', '*Hora da seção:') !!}
    <input class="form-control" id="hora" placeholder="00:00" name="hora" type="text"
      value="
@php if(isset($category->data)){ echo $category->data->format('H:i');} @endphp
              ">
  </div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 propostaeletronica">
  <div class="form-group">
    {!! Form::label('Nome', 'Solicitar proposta eletrônica:') !!}
    <div class="form-group">
      <label class="custom-control custom-checkbox">
        <input id="propostaeletronica" name="propostaeletronica" type="checkbox" value="1"
          class="custom-control-input" @if (isset($category->propostaeletronica) && $category->propostaeletronica === 1) checked @endif><span
          class="custom-control-label">Sim</span>
      </label>
    </div>
  </div>
</div>
@if(isset($category->categorias) && ($category->categorias== '11') )
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 municipio">
  <div class="form-group">
    {!! Form::label('municipio', 'município/local do processo:') !!}
    {!! Form::text('municipio', null, [
        'class' => 'form-control',
        'id' => 'municipio',
        'required',
    ]) !!}
  </div>
</div>
@endif
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  <div class="form-group">
    {!! Form::label('data', '*Objeto: ') !!}
    {!! Form::textarea('objeto', null, [
        'class' => 'form-control',
        'id' => '',
        'placeholder' => 'Digite aqui seu objeto.',
        'required',
    ]) !!}
  </div>
</div>

<div id="itens" class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  @if (isset($itens))
    @php $line = 1;@endphp
    @foreach ($itens as $item)
      <div id="item{{ $line }}">
        <div class="row">
          <input type="hidden" name="id{{ $line }}" value={{ $item->id }}>
          <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
            {!! Form::label('descricao', 'Descrição do Item*:') !!}
            <input class="form-control" type="text" name='descricao{{ $line }}'
              value="{{ $item->descricao }}" required>
          </div>
          <div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-12">
            {!! Form::label('unidade', 'Unidade*:') !!}
            <input class="form-control" type="text" name="unidade{{ $line }}" value={{ $item->unidade }}
              required>
          </div>
          <div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-12">
            {!! Form::label('quantidade', 'Quantidade*:') !!}
            <input class="form-control" type="number" name="quantidade{{ $line }}"
              value={{ $item->quantidade }} required>
          </div>
          {{-- <div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-12" style="display:flex; align-items:flex-end; ">
        <button class="btn " type="button"
          style="background-color: #520e40; font-size: 25px; color: white; line-height: 20px;"
          onclick="removeInput('item{{$line}}')">-</button>
      </div> --}}
        </div>
      </div>
      @php $line++;@endphp
    @endforeach
  @endif
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  <br>
  {{-- @if (!isset($itens)) --}}
  <button class="btn btn-primary" type="button" onclick="addInput('itens')">Adicionar Itens</button>
  {{-- @endif --}}
  <br>
  <br>
</div>
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
  <div class="form-group">
    {!! Form::label('status', 'Status*:') !!}
    <select style="width: 90%" name="status" class="custom-select" required>
      <option @php if(isset($category->status)){ if($category->status == 'Aberta') { echo "selected";}} @endphp
        value="Aberta">Aberta</option>
      <option @php if(isset($category->status)){ if($category->status == 'Adjudicada') { echo "selected";}} @endphp
        value="Adjudicada">Adjudicada</option>
      <option @php if(isset($category->status)){ if($category->status == 'Homologada') { echo "selected";}} @endphp
        value="Homologada">Homologada</option>
      <option @php if(isset($category->status)){ if($category->status == 'Fracassada') { echo "selected";}} @endphp
        value="Fracassada">Fracassada </option>
      <option @php if(isset($category->status)){ if($category->status == 'Deserta') { echo "selected";}} @endphp
        value="Deserta">Deserta</option>
      <option @php if(isset($category->status)){ if($category->status == 'Cancelada') { echo "selected";}} @endphp
        value="Cancelada">Cancelada</option>
    </select>
  </div>
</div>
<script>
  function addInput(divName) {
    document.getElementById('cont').value = parseInt(document.getElementById('cont').value) + 1;
    line = document.getElementById('cont').value;
    var newdiv = document.createElement('div');
    var itens = "'item" + line + "'";

    newdiv.setAttribute("id", "item" + line);
    newdiv.innerHTML = 'item: ' + line +
      '<div class="row"> ' +
      '<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">' +
      ' {!! Form::label('descricao', 'Descrição do Item*:') !!}' +
      ' <input class="form-control" type="text" name="descricao' + line + '" required> ' +
      '</div> ' +
      '<div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-12">' +
      ' {!! Form::label('unidade', 'Unidade*:') !!}' +
      ' <input class="form-control" type="text" name="unidade' + line + '" required> ' +
      '</div> ' +
      '<div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-12"> ' +
      '{!! Form::label('quantidade', 'Quantidade*:') !!} ' +
      ' <input class="form-control" type="number" name="quantidade' + line + '" required> ' +
      ' </div>' +
      '<div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-12" style="display:flex; align-items:flex-end; "> ' +
      ' <button class="btn " type="button" style="background-color: #520e40; font-size: 25px; color: white; line-height: 20px;" onclick="removeInput(' +
      itens + ')">-</button> ' +
      ' </div>' +
      '</div>'
    document.getElementById(divName).appendChild(newdiv);
    line++;
  };

  function removeInput(child) {
    document.getElementById('cont').value = document.getElementById('cont').value - 1;
    let node = document.getElementById(child);
    if (node.parentNode) {
      node.parentNode.removeChild(node);
    }
  };
</script>