@extends('adminlte::page')

@section('title_postfix', ' - Editar Solução')
  <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">

@section('content_header')
<h1>Editar Solução</h1>
@stop

@section('content')

<div class="box box-primary" style="margin-top: 2px">
<!--  <div class="box-header with-border">
    <h3 class="box-title">Editar solution</h3>
  </div>-->

  <div class="box-body">
    <ul class="nav nav-tabs">
      @foreach($locales as $locale)
      <li class="{{ $locale == $locales[0] ? 'active' : ''}}" ><a data-toggle="tab" href="#locale_{{ $locale->lang }}">{{ $locale->name }}</a></li>
      @endforeach
    </ul>

    <form action="{{ config('app.url') }}/solution/{{ $solution->id }}" method="POST" enctype=multipart/form-data style="margin-top: 20px">
      @csrf
      <div class="tab-content">
          
<div class="form-group">
    <label for="service_id">Serviço</label>
    <select class="form-control" id="service_id" name="service_id">
        <option value="" disabled {{ empty($solution->service_id) ? 'selected' : '' }}>Selecione um serviço</option>
        @foreach($services as $service)
            <option value="{{ $service->id }}" {{ isset($solution) && $service->id == $solution->service_id ? 'selected' : '' }}>
                {{ $service->title }}
            </option>
        @endforeach
    </select>
</div> 
        @foreach($locales as $locale)
        <div id="locale_{{ $locale->lang }}" class="tab-pane fade {{ $locale == $locales[0] ? 'in active' : ''}}">
         
                 <div class="form-group">
            <label for="inputSmallTitle_{{ $locale->lang }}">Titulo Fora  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputSmallTitle_{{ $locale->lang }}" name="small_title_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->small_title : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->small_title : '') }}" {{ $locale == $locales[0] ? 'required' : ''}}>
          </div>
            <div class="form-group">
            <label for="inputTitle_{{ $locale->lang }}">Titulo {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTitle_{{ $locale->lang }}" name="title_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->title : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->title : '') }}" {{ $locale == $locales[0] ? 'required' : ''}}>
          </div>

             <div class="form-group">
            <label for="inputSmallBody_{{ $locale->lang }}">Texto Fora  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <textarea class="summernote" id="small_body_{{ $locale->lang }}"  name="small_body_{{ $locale->lang }}" {{ $locale == $locales[0] ? 'required' : ''}}>{{ $locale === $locales[0] ? $solution->small_body : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->small_body : '') }}</textarea>
          </div>
          <div class="form-group">
            <label for="inputBody_{{ $locale->lang }}">Texto Dentro {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <textarea class="summernote" id="inputBody_{{ $locale->lang }}" name="body_{{ $locale->lang }}" {{ $locale == $locales[0] ? 'required' : ''}}>{{ $locale === $locales[0] ? $solution->body : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->body : '') }}</textarea>
          </div>
             <div class="form-group" >
            <label for="topico1">Tópico 1</label>
            <input type="text" class="form-control" id="topico1_{{ $locale->lang }}" name="topico1_{{ $locale->lang }}"  value="{{ $locale === $locales[0] ? $solution->topico1 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico1 : '') }}">
          </div>
         <div class="form-group" >
            <label for="topico2">Tópico 2</label>
            <input type="text" class="form-control" id="topico2_{{ $locale->lang }}" name="topico2_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->topico2 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico2 : '') }}">
          </div>
         <div class="form-group" >
            <label for="topico3">Tópico 3</label>
            <input type="text" class="form-control" id="topico3_{{ $locale->lang }}" name="topico3_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->topico3 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico3 : '') }}">
          </div>
         <div class="form-group" >
            <label for="topico4">Tópico 4</label>
            <input type="text" class="form-control" id="topico4_{{ $locale->lang }}" name="topico4_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->topico4 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico4 : '') }}">
          </div>
         <div class="form-group" >
            <label for="topico5">Tópico 5</label>
            <input type="text" class="form-control" id="topico5_{{ $locale->lang }}" name="topico5_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->topico5 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico5 : '') }}">
          </div>
          

          
          <div class="form-group" >
            <label for="desc_image">Descrição imagem 1</label>
            <input type="text" class="form-control" id="desc_image_{{ $locale->lang }}" name="desc_image_{{ $locale->lang }}"  value="{{ $locale === $locales[0] ? $solution->desc_image : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image : '') }}" >
          </div>
         <div class="form-group" >
            <label for="sub_desc_image">Subdescrição imagem 1</label>
            <input type="text" class="form-control" id="sub_desc_image_{{ $locale->lang }}" name="sub_desc_image_{{ $locale->lang }}"  value="{{ $locale === $locales[0] ? $solution->sub_desc_image : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image : '') }}" >
          </div> 
          
                    <div class="form-group" >
            <label for="desc_image">Descrição imagem 2</label>
            <input type="text" class="form-control" id="desc_image_2_{{ $locale->lang }}" name="desc_image_2_{{ $locale->lang }}"  value="{{ $locale === $locales[0] ? $solution->desc_image_2 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_2 : '') }}" >
          </div>
         <div class="form-group" >
            <label for="sub_desc_image">Subdescrição imagem 2</label>
            <input type="text" class="form-control" id="sub_desc_image_2_{{ $locale->lang }}" name="sub_desc_image_2_{{ $locale->lang }}"  value="{{ $locale === $locales[0] ? $solution->sub_desc_image_2 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_2 : '') }}" >
          </div> 
          


<div class="form-group">
  <label for="desc_image">Descrição imagem 3</label>
  <input type="text" class="form-control" id="desc_image_3_{{ $locale->lang }}" name="desc_image_3_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_3 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_3 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 3</label>
  <input type="text" class="form-control" id="sub_desc_image_3_{{ $locale->lang }}" name="sub_desc_image_3_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_3 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_3 : '') }}">
</div>

<div class="form-group">
  <label for="desc_image">Descrição imagem 4</label>
  <input type="text" class="form-control" id="desc_image_4_{{ $locale->lang }}" name="desc_image_4_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_4 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_4 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 4</label>
  <input type="text" class="form-control" id="sub_desc_image_4_{{ $locale->lang }}" name="sub_desc_image_4_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_4 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_4 : '') }}">
</div>

<div class="form-group">
  <label for="desc_image">Descrição imagem 5</label>
  <input type="text" class="form-control" id="desc_image_5_{{ $locale->lang }}" name="desc_image_5_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_5 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_5 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 5</label>
  <input type="text" class="form-control" id="sub_desc_image_5_{{ $locale->lang }}" name="sub_desc_image_5_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_5 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_5 : '') }}">
</div>

<div class="form-group">
  <label for="desc_image">Descrição imagem 6</label>
  <input type="text" class="form-control" id="desc_image_6_{{ $locale->lang }}" name="desc_image_6_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_6 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_6 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 6</label>
  <input type="text" class="form-control" id="sub_desc_image_6_{{ $locale->lang }}" name="sub_desc_image_6_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_6 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_6 : '') }}">
</div>

<div class="form-group">
  <label for="desc_image">Descrição imagem 7</label>
  <input type="text" class="form-control" id="desc_image_7_{{ $locale->lang }}" name="desc_image_7_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_7 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_7 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 7</label>
  <input type="text" class="form-control" id="sub_desc_image_7_{{ $locale->lang }}" name="sub_desc_image_7_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_7 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_7 : '') }}">
</div>

<div class="form-group">
  <label for="desc_image">Descrição imagem 8</label>
  <input type="text" class="form-control" id="desc_image_8_{{ $locale->lang }}" name="desc_image_8_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_8 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_8 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 8</label>
  <input type="text" class="form-control" id="sub_desc_image_8_{{ $locale->lang }}" name="sub_desc_image_8_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_8 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_8 : '') }}">
</div>

<div class="form-group">
  <label for="desc_image">Descrição imagem 9</label>
  <input type="text" class="form-control" id="desc_image_9_{{ $locale->lang }}" name="desc_image_9_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_9 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_9 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 9</label>
  <input type="text" class="form-control" id="sub_desc_image_9_{{ $locale->lang }}" name="sub_desc_image_9_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_9 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_9 : '') }}">
</div>

<div class="form-group">
  <label for="desc_image">Descrição imagem 10</label>
  <input type="text" class="form-control" id="desc_image_10_{{ $locale->lang }}" name="desc_image_10_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->desc_image_10 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->desc_image_10 : '') }}">
</div>
<div class="form-group">
  <label for="sub_desc_image">Subdescrição imagem 10</label>
  <input type="text" class="form-control" id="sub_desc_image_10_{{ $locale->lang }}" name="sub_desc_image_10_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->sub_desc_image_10 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->sub_desc_image_10 : '') }}">
</div>

          
          
          
         <div class="form-group" >
            <label for="titulo_topico">Título tópicos</label>
            <input type="text" class="form-control" id="titulo_topico_{{ $locale->lang }}" name="titulo_topico_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $solution->titulo_topico : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->titulo_topico : '') }}">
          </div>
          <div class="form-group" >
            <label for="descricao_topico">Descrição Tópicos</label>
            <input type="text" class="form-control" id="descricao_topico_{{ $locale->lang }}" name="descricao_topico_{{ $locale->lang }}"  value="{{ $locale === $locales[0] ? $solution->descricao_topico : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->descricao_topico : '') }}">
          </div>
          
          
          
          
          
          
        </div>
        @endforeach
      </div>
        <div class="form-group" >
            <label for="icon">Icon</label>
            <input type="text" class="form-control" id="icon" name="icon"  value="{{ $solution->icon }}">
       </div>
         
       <div class="form-group" style="display:none;">
            <label for="icon">Icon</label>
            <input type="text"  class="form-control" id="icon" value="bi bi-activity" name="icon" >
       </div>

 
    <br>
      
   <div class="form-group" style="display:none;">
            <label for="name_url">Texto Url</label>
            <input type="text" class="form-control" value="{{ $solution->name_url }}" id="name_url" name="name_url" >
          </div>
      <div class="form-group" style="display:none;">
            <label for="url">Url</label>
            <input type="text" class="form-control" value="{{ $solution->url }}" id="url" name="url" >
      </div>
      <div class="form-group" style="display:none;">
            <label for="url">Posicao</label>
        <select class="form-control" id="posicao" name="posicao">
    <option value='TOPO' {{ $solution->posicao === 'TOPO' ? 'selected' : 'selected' }}>TOPO</option>
<!--    <option value='SEC1' {{ $solution->posicao === 'SEC1' ? 'selected' : '' }}>1ª SECÇÃO</option>
    <option value='SEC2' {{ $solution->posicao === 'SEC2' ? 'selected' : '' }}>2ª SECÇÃO</option>
    <option value='SEC3' {{ $solution->posicao === 'SEC3' ? 'selected' : '' }}>3ª SECÇÃO</option>-->
    <!--<option value='CORPO' {{ $solution->posicao === 'CORPO' ? 'selected' : '' }}>CORPO</option>-->
</select>
      </div>
        <div class="form-group" style="display:none;">
                    <label>Sexo <span style="color: indianred">*</span></label><br>
                  
                    <label for="genderRadio2" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio2" value="M" @if($solution->sexo === 'M') checked @endif required> Homem
                    </label>
                    <label for="genderRadio3" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio3" value="W" @if($solution->sexo === 'W') checked @endif required> Mulher
                    </label>
                    <label for="genderRadio4" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio4" value="U"  checked  @if($solution->sexo === 'U') checked @endif required> Unisexo
                    </label>
                </div>
      <div class="form-group">
        <div>
            <!--<img src="{{ env('APP_URL_IMG') }}/laravel/storage/app/public/{{ $solution->image }}" height="250px" alt="Imagem">-->
                  </div>
        <label for="inputFile">Imagem</label>
        <input type="file" id="inputFile" name="image">
      </div>
@for($i = 2; $i <= 10; $i++)
    <div class="form-group">
        <div>
                    </div>
        <label for="inputFile">Imagem {{ $i }}</label>
        <input type="file" id="inputFile" name="image_{{ $i }}">
    </div>
@endfor
      
      
      
      <button type="submit" class="btn btn-success"><i class="fa fa-check"></i>&nbsp;Submeter</button>
    </form>
  </div>
</div>

@stop

@section('css')
@endsection

@section('js')
<!--<script src="//cdn.ckeditor.com/4.10.1/basic/ckeditor.js"></script>
<script>
const locales = {!! json_encode($locales) !!};

locales.forEach(locale => CKEDITOR.replace( 'body_' + locale.lang ))
</script>-->

 <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
  
<script>
    
     $('.summernote').summernote({
        fontSizes: ['8', '9', '10', '11', '12', '14','16', '18','20','22', '24','26', '28','30','32', '34', '36','38','40','42', '44','46', '48' , '50','64', '82', '150'],
        spellCheck: true,
         lang: 'pt-PT', // default: 'en-US'
         disableGrammar: false,
        placeholder: 'Descrição detalhada do artigo',
        tabsize: 2,
        height: 280,
         fontsize: '14',
        toolbar: [
        
          ['font', ['fontname','fontsize']],
          ['font', ['bold', 'underline', 'clear','italic']],
          ['style', ['style']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph','height']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'doc']],
          ['view', ['fullscreen', 'codeview', 'help','redo','undo']]
        ]
       
      });
    

</script>
  <!-- Bootstrap & JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
            document.addEventListener("DOMContentLoaded", function () {
        // Get the hidden select element
        let iconSelect = document.getElementById('icon');
        
        // Get the initially selected value
        let selectedIcon = iconSelect.value;
        let selectedText = document.querySelector(`.dropdown-item[data-icon="${selectedIcon}"]`)?.innerText.trim() || "Select Icon";

        // Update the dropdown button on load
        document.getElementById('iconDropdown').innerHTML = `<i class="bi ${selectedIcon}"></i> <span id="selectedIconText">${selectedText}</span>`;
    });
        document.querySelectorAll('.icon-dropdown .dropdown-item').forEach(item => {
            item.addEventListener('click', function (e) {
                e.preventDefault();
                let selectedIcon = this.getAttribute('data-icon');
                let selectedText = this.innerText.trim();

                // Update Button with Selected Icon and Text
                document.getElementById('iconDropdown').innerHTML = `<i class="bi ${selectedIcon}"></i> <span id="selectedIconText">${selectedText}</span>`;

                // Update the hidden select input
                document.getElementById('icon').value = selectedIcon;
            });
        });
    </script>
@endsection