@extends('adminlte::page')

@section('title_postfix', ' - Definições')

@section('content_header')
  <h1>Definições</h1>
@stop

<style>
    .ul_choose_index_style {
        list-style-type: none;
    }

    .li_choose_index_style {
        display: inline-block;
    }

    .input_choose_index_style[type="radio"][id^="cb"] {
        display: none;
    }

    .label_choose_index_style {
        border: 1px solid #fff;
        padding: 10px;
        display: block;
        position: relative;
        margin: 10px;
        cursor: pointer;
    }

    .label_choose_index_style:before {
        background-color: white;
        color: white;
        content: " ";
        display: block;
        border-radius: 50%;
        border: 1px solid grey;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 28px;
        transition-duration: 0.4s;
        transform: scale(0);
    }

    .label_choose_index_style img {
        height: 100px;
        width: 100px;
        transition-duration: 0.2s;
        transform-origin: 50% 50%;
    }

    .input_choose_index_style:checked + .label_choose_index_style {
        border-color: #ddd;
    }

    .input_choose_index_style:checked + .label_choose_index_style:before {
        content: "✓";
        background-color: grey;
        transform: scale(1);
    }

    .input_choose_index_style:checked + .label_choose_index_style img {
        transform: scale(0.9);
        box-shadow: 0 0 5px #333;
        z-index: -1;
    }
</style>


@section('content')

<div class="box box-primary" style="margin-top: 2px;">
    <div class="box-body">
        @if(session('message'))
            <div class="alert alert-success" role="alert">Definições alteradas com sucesso.</div>
        @endif

        <form action="{{ config('app.url') }}/settings_titles" method="POST">
            @csrf
            <div class="col-md-12">
                <fieldset>
                    <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>
                </fieldset>

                <div class="tab-content">
                    @foreach($locales as $locale)
                        <div id="locale_{{ $locale->lang }}" class="tab-pane fade {{ $locale == $locales[0] ? 'in active' : ''}}">
                            <br>
                            
                    <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_about_{{ $locale->lang }}">Título da secção "About Us"</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_about_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_about'] ?? '' }}"
               name="header_about_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_about_{{ $locale->lang }}">Subtítulo da secção "About Us"</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_about_{{ $locale->lang }}"
                  name="desc_about_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_about'] ?? '' }}</textarea>
    </div>
</div>
                    <hr>
                                      <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_about_sec1_{{ $locale->lang }}">Título da 1ª Secção Pontos fortes</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_about_sec1_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_about_sec1'] ?? '' }}"
               name="header_about_sec1_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_about_sec1_{{ $locale->lang }}">Subtítulo da 1ª Secção Pontos fortes</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_about_sec1_{{ $locale->lang }}"
                  name="desc_about_sec1_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_about_sec1'] ?? '' }}</textarea>
    </div>
</div>   
                                   <hr>
                                      <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_about_sec2_{{ $locale->lang }}">Título da 2ª Secção Pontos fortes</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_about_sec2_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_about_sec2'] ?? '' }}"
               name="header_about_sec2_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_about_sec2_{{ $locale->lang }}">Subtítulo da 2ª Secção Pontos fortes</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_about_sec2_{{ $locale->lang }}"
                  name="desc_about_sec2_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_about_sec2'] ?? '' }}</textarea>
    </div>
</div>   
                                                              <hr>
                                      <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_about_sec3_{{ $locale->lang }}">Título da 3ª Secção Pontos fortes</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_about_sec3_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_about_sec3'] ?? '' }}"
               name="header_about_sec3_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_about_sec3_{{ $locale->lang }}">Subtítulo da 3ª Secção Pontos fortes</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_about_sec3_{{ $locale->lang }}"
                  name="desc_about_sec3_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_about_sec3'] ?? '' }}</textarea>
    </div>
</div>   
                                                               <hr>
                                      <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_about_sec4_{{ $locale->lang }}">Título da 4ª Secção Pontos fortes</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_about_sec4_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_about_sec4'] ?? '' }}"
               name="header_about_sec4_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_about_sec4_{{ $locale->lang }}">Subtítulo da 4ª Secção Pontos fortes</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_about_sec4_{{ $locale->lang }}"
                  name="desc_about_sec4_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_about_sec4'] ?? '' }}</textarea>
    </div>
</div>   
                            
                            <hr>
    <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_services_{{ $locale->lang }}">Título da secção "O que fazemos?"</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_services_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_services'] ?? '' }}"
               name="header_services_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_services_{{ $locale->lang }}">Subtítulo da secção "O que fazemos?"</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_services_{{ $locale->lang }}"
                  name="desc_services_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_services'] ?? '' }}</textarea>
    </div>
</div>
                            <hr>
        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_faq_{{ $locale->lang }}">Título da secção "F.A.Q"</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_faq_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_faq'] ?? '' }}"
               name="header_faq_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_faq_{{ $locale->lang }}">Subtítulo da secção "F.A.Q"</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_faq_{{ $locale->lang }}"
                  name="desc_faq_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_faq'] ?? '' }}</textarea>
    </div>
</div>
            <hr>
        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_portfolio_{{ $locale->lang }}">Título da secção "Portfólio"</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_portfolio_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_portfolio'] ?? '' }}"
               name="header_portfolio_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_portfolio_{{ $locale->lang }}">Subtítulo da secção "Portfólio"</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_portfolio_{{ $locale->lang }}"
                  name="desc_portfolio_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_portfolio'] ?? '' }}</textarea>
    </div>
</div>
              <hr>
        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_recent_blog_post_{{ $locale->lang }}">Título da secção "Publicações Recentes"</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_recent_blog_post_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_recent_blog_post'] ?? '' }}"
               name="header_recent_blog_post_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_recent_blog_post_{{ $locale->lang }}">Subtítulo da secção "Publicações Recentes"</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_recent_blog_post_{{ $locale->lang }}"
                  name="desc_recent_blog_post_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_recent_blog_post'] ?? '' }}</textarea>
    </div>
</div>
             <hr>
        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_contact_{{ $locale->lang }}">Título da secção "Contactos"</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_contact_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_contact'] ?? '' }}"
               name="header_contact_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_contact_{{ $locale->lang }}">Subtítulo da secção "Contactos"</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_contact_{{ $locale->lang }}"
                  name="desc_contact_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_contact'] ?? '' }}</textarea>
    </div>
</div>
  
             <hr>
        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_testimonials_{{ $locale->lang }}">Título da secção "Testemunhos"</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_testimonials_{{ $locale->lang }}"
               value="{{ $setting_titles[$locale->lang]['header_testimonials'] ?? '' }}"
               name="header_testimonials_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_testimonials_{{ $locale->lang }}">Subtítulo da secção "Testemunhos"</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_testimonials_{{ $locale->lang }}"
                  name="desc_testimonials_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_testimonials'] ?? '' }}</textarea>
    </div>
</div>
                          <hr>
        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_widget_contact_{{ $locale->lang }}">Título do form de Contacto</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_widget_contact_{{ $locale->lang }}"
                   value="{{ $setting_titles[$locale->lang]['header_widget_contact'] ?? '' }}"
               name="header_widget_contact_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_widget_contact_{{ $locale->lang }}">Subtítulo do form de Contacto</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_widget_contact_{{ $locale->lang }}"
                  name="desc_widget_contact_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_widget_contact'] ?? '' }}</textarea>
    </div>
</div>
                                              <hr>
        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="header_schedule_evaluation_{{ $locale->lang }}">Título do agendar Avaliação</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="header_schedule_evaluation_{{ $locale->lang }}"
                   value="{{ $setting_titles[$locale->lang]['header_schedule_evaluation'] ?? '' }}"
               name="header_schedule_evaluation_{{ $locale->lang }}">
    </div>

    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="desc_schedule_evaluation_{{ $locale->lang }}">Subtítulo do agendar Avaliação</label>
        <textarea class="form-control" style="resize: none;" rows="3"
                  id="desc_schedule_evaluation_{{ $locale->lang }}"
                  name="desc_schedule_evaluation_{{ $locale->lang }}">{{ $setting_titles[$locale->lang]['desc_schedule_evaluation'] ?? '' }}</textarea>
    </div>
</div>
     
                            <br>
                        </div>
                    @endforeach
                     


   
</div>
                </div>

                <button type="submit" class="btn btn-primary" style="margin-top: 1em;">Guardar</button>
            </div>
        </form>
    </div>
</div>


@stop