@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" method="POST">
           @csrf

          <div class="col-md-12">
               <fieldset>

           <ul class="nav nav-tabs">
                  <li  class="active" ><a data-toggle="tab" href="#geral">HOME PAGE</a></li>
                  <li><a data-toggle="tab" href="#address">DADOS DA EMPRESA</a></li>
                     <li><a data-toggle="tab" href="#address_evaluation">MORADAS AVALIAÇÕES</a></li>
      </ul>
            <div class="tab-content">
               <div id="geral" class="tab-pane fade in active">
                  
                  <div class="col-md-12">
                  <div class="row">              
                      <br>
            <div class=" col-sm-12" > 
                      <div class="form-group">
          <label>Tipo de entrada no website</label><br>
          <label for="type_entrance1" class="radio-inline">
            <input type="radio" name="type_entrance" id="type_entrance1" value="1" {{ $settings->type_entrance == '1' || empty($settings->type_entrance) ? 'checked' : '' }}> Animado
          </label>
          <label for="type_entrance2" class="radio-inline">
            <input type="radio" name="type_entrance" id="type_entrance2" value="2" {{ $settings->type_entrance == '2' ? 'checked' : '' }}> Slider Imagens
          </label>
           <label for="type_entrance3" class="radio-inline">
            <input type="radio" name="type_entrance" id="type_entrance3" value="3" {{ $settings->type_entrance == '3' ? 'checked' : '' }}> Imagem Fixa/Video
          </label>
        </div>
               </div>
                      
                       <div class=" col-sm-3" style="display:none;"> 
                  <div class="form-group">
                    <label>Género por defeito </label><br>
                  
                    <label for="genderRadio2" class="radio-inline">
                        <input type="radio" name="maingender" id="genderRadio2" value="M" @if($settings->maingender === 'M') checked @endif required > Homem
                    </label>
                    <label for="genderRadio3" class="radio-inline">
                        <input type="radio" name="maingender" id="genderRadio3" value="W" @if($settings->maingender === 'W') checked @endif required > Mulher
                    </label>
                     <label for="genderRadio4" class="radio-inline">
                        <input type="radio" name="maingender" id="genderRadio4" value="M" @if($settings->maingender === 'U') checked @endif required > Unisexo
                    </label>

                </div>
               </div>
                      
                      
               </div>   
          
               </div>  
                  
      
                 </div>
                   <div id="address" class="tab-pane fade ">
                       <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="address">Morada</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="address"
               value="{{ $settings->address  ?? '' }}"
               name="address">
    </div>


    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="address2">Morada 2</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="address2"
               value="{{ $settings->address2  ?? '' }}"
               name="address2">
    </div>

   
</div>
                        <div class="row align-items-center d-flex">
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="phone">Telefone</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="phone"
               value="{{  $settings->phone ?? '' }}"
               name="phone">
    </div>


    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="email">Email</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="email"
               value="{{  $settings->email ?? '' }}"
               name="email">
    </div>
    <div class="form-group col-md-6 d-flex flex-column align-self-center">
        <label for="email">Nif</label>
        <br>    <br>
        <input style="margin:auto ;" type="text" class="form-control" id="nif"
               value="{{  $settings->nif ?? '' }}"
               name="nif">
    </div>
                    </div>
            </div>
                
                 <div id="address_evaluation" class="tab-pane fade ">
                       <br>
                                            <div class="row align-items-center d-flex">
                           <h4>Detalhes da Morada 1</h4>
                       </div>
    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address_evaluation1">Morada 1</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address_evaluation1"
                   value=""
                   name="address_evaluation1">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address2_evaluation1">Morada 2 - 1</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address2_evaluation1"
                   value=""
                   name="address2_evaluation1">
        </div>
    </div>

    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="phone_evaluation1">Telefone 1</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="phone_evaluation1"
                   value=""
                   name="phone_evaluation1">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="email_evaluation1">Email 1</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="email_evaluation1"
                   value=""
                   name="email_evaluation1">
        </div>
          <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="mapa_evaluation1">Mapa 1</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="mapa_evaluation1"
                   value=""
                   name="mapa_evaluation1">
        </div>
    </div>
                       <hr>
                       <div class="row align-items-center d-flex">
                           <h4>Detalhes da Morada 2</h4>
                       </div>
    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address_evaluation2">Morada 2</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address_evaluation2"
                   value=""
                   name="address_evaluation2">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address2_evaluation2">Morada 2 - 2</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address2_evaluation2"
                   value=""
                   name="address2_evaluation2">
        </div>
    </div>

    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="phone_evaluation2">Telefone 2</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="phone_evaluation2"
                   value=""
                   name="phone_evaluation2">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="email_evaluation2">Email 2</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="email_evaluation2"
                   value=""
                   name="email_evaluation2">
        </div>
          <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="mapa_evaluation2">Mapa 2</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="mapa_evaluation2"
                   value=""
                   name="mapa_evaluation2">
        </div>
    </div>
                       <hr>
                       <div class="row align-items-center d-flex">
                           <h4>Detalhes da Morada 3</h4>
                       </div>
    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address_evaluation3">Morada 3</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address_evaluation3"
                   value=""
                   name="address_evaluation3">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address2_evaluation3">Morada 2 - 3</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address2_evaluation3"
                   value=""
                   name="address2_evaluation3">
        </div>
    </div>

    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="phone_evaluation3">Telefone 3</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="phone_evaluation3"
                   value=""
                   name="phone_evaluation3">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="email_evaluation3">Email 3</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="email_evaluation3"
                   value=""
                   name="email_evaluation3">
        </div>
          <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="mapa_evaluation3">Mapa 3</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="mapa_evaluation3"
                   value=""
                   name="mapa_evaluation3">
        </div>
    </div>
                       <hr>
                       <div class="row align-items-center d-flex">
                           <h4>Detalhes da Morada 4</h4>
                       </div>
    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address_evaluation4">Morada 4</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address_evaluation4"
                   value=""
                   name="address_evaluation4">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address2_evaluation4">Morada 2 - 4</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address2_evaluation4"
                   value=""
                   name="address2_evaluation4">
        </div>
    </div>

    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="phone_evaluation4">Telefone 4</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="phone_evaluation4"
                   value=""
                   name="phone_evaluation4">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="email_evaluation4">Email 4</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="email_evaluation4"
                   value=""
                   name="email_evaluation4">
        </div>
          <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="mapa_evaluation4">Mapa 4</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="mapa_evaluation4"
                   value=""
                   name="mapa_evaluation4">
        </div>
    </div>
                       <hr>
                       <div class="row align-items-center d-flex">
                           <h4>Detalhes da Morada 5</h4>
                       </div>
    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address_evaluation5">Morada 5</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address_evaluation5"
                   value=""
                   name="address_evaluation5">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="address2_evaluation5">Morada 2 - 5</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="address2_evaluation5"
                   value=""
                   name="address2_evaluation5">
        </div>
    </div>

    <div class="row align-items-center d-flex">
        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="phone_evaluation5">Telefone 5</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="phone_evaluation5"
                   value=""
                   name="phone_evaluation5">
        </div>

        <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="email_evaluation5">Email 5</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="email_evaluation5"
                   value=""
                   name="email_evaluation5">
        </div>
          <div class="form-group col-md-6 d-flex flex-column align-self-center">
            <label for="mapa_evaluation5">Mapa 5</label>
            <br><br>
            <input style="margin:auto;" type="text" class="form-control" id="mapa_evaluation5"
                   value=""
                   name="mapa_evaluation5">
        </div>
    </div>
                       <hr>

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

      </form>
</div>
    </div>
  </div>

@stop