@extends('su-admin.layout.master')

@section('content')

@php

  if(!isset($_GET['tab'])){
    $tab = '';
  }else{
    $tab = $_GET['tab'];
  }

@endphp

<div class="row">
  <div class="col-lg-12 grid-margin">

    @if (session()->has('message'))

      <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('message') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>

    @endif

    <div class="card">
      <div class="p-4 border-bottom bg-light">
        <h4 class="card-title mb-0">Lingue</h4>
      </div>
      <div class="card-body">

        <div class="well">
          
          <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
              <button class="nav-link @if($tab == '' || $tab == 'languages') active @endif" id="pills-languages-tab" data-bs-toggle="pill" data-id="languages" data-bs-target="#pills-languages" role="tab" aria-controls="pills-languages" aria-selected="true">Lingue attive</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link @if($tab == 'languages-settings') active @endif" id="pills-languages-settings-tab" data-bs-toggle="pill" data-id="languages-settings" data-bs-target="#pills-languages-settings" role="tab" aria-controls="pills-languages-settings" aria-selected="false">Impostazioni</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link @if($tab == 'languages-scan') active @endif" id="pills-languages-scan-tab" data-bs-toggle="pill" data-id="languages-scan" data-bs-target="#pills-languages-scan" role="tab" aria-controls="pills-languages-scan" aria-selected="false">Scansione</button>
            </li>
          </ul>

          {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal']) !!}

          <div class="tab-content" id="pills-tabContent">

            <div class="tab-pane fade show @if($tab == '' || $tab == 'languages') active @endif" id="pills-languages" role="tabpanel" aria-labelledby="pills-languages-tab" tabindex="0">
              @php
                $default_language = get_default_language();
                $languages = get_languages_list('it', 'it');
                $supported_languages = LaravelLocalization::getSupportedLocales();
              @endphp
              <fieldset class="support_languages">
                
                @foreach ( $languages as $iso => $language )
                <div class="form-group mb-0">
                  <div class="col-lg-12 form-check form-switch">
                      @php
                      if(array_key_exists($iso, $supported_languages) || $iso == $default_language){ $selected = $iso; }else{ $selected = ''; }
                      $args = ['class' => 'form-check-input', 'id' => 'lang-' . $iso ];
                      if($iso == $default_language){
                        $args['disabled'] = "disabled";
                      }
                      @endphp
                      {!! Form::checkbox('support[]', $iso, $selected, $args) !!}
                      {!! Html::decode(Form::label('lang-' . $iso, '<img width="18" height="12" src="'.URL::asset('/images/flags/'.strtolower($iso).'.png').'" alt="Bandiera per '.$iso.'">' . $language, ['class' => 'form-check-label'] ))  !!}
                  </div>
                </div>
                @endforeach

              </fieldset>
            </div>

            <div class="tab-pane fade show @if($tab == 'languages-settings') active @endif" id="pills-languages-settings" role="tabpanel" aria-labelledby="pills-languages-settings-tab" tabindex="1">
              <fieldset>

                @php
                $default_language = get_default_language();
                $support_languages = get_languages_list_object(true);

                $languages = [];
                $languages_attr = [];

                foreach ($support_languages as $iso => $language) {
                  $languages[$iso] = get_languages_name($iso, 'it', 'it');
                  $languages_attr[$iso] = ['data-thumbnail' => URL::asset('/images/flags/'.strtolower($iso).'.png')];
                }
                asort($languages);
                @endphp
  
                <div class="form-group row mb-3">
                    {!! Form::label('default', 'Seleziona la lingua di default', ['class' => 'form-label'] )  !!}
                    <div class="col-lg-4">
                        {!!  Form::select('default', $languages, $default_language, ['class' => 'form-select' ], $languages_attr) !!}
                    </div>
                </div>

                @php
                  $order_languages = get_order_languages();
                @endphp
                <div class="form-group row mb-3">
                  {!! Form::label('default', 'Seleziona l\'ordinamento delle lingue', ['class' => 'col-lg-12 form-label'] )  !!}
                  <div class="col-lg-12">
                      <ul class="languages-order">
                        @foreach ($order_languages as $language)
                        <li class="languages-order_item" data-language-code="{{$language}}">
                            <img width="18" height="12" src="{{URL::asset('/images/flags/'.strtolower($language).'.png')}}" alt="Bandiera per {{$language}}">
                             {{get_languages_name($language, 'it', 'it')}}{!! Form::hidden('order[]', $language ) !!}
                        </li>
                        @endforeach
                      </ul>
                  </div>
              </div>

              <div class="form-group row mb-3">
                <div class="col-lg-12 form-check form-switch">
                    {!! Form::checkbox('hide_default', "1", get_hide_default_language(), ['class' => 'form-check-input', 'id' => 'hide_default' ]) !!}
                    {!! Form::label('hide_default', 'Non visualizzare nella url la lingua di default', ['class' => 'form-check-label'] )  !!}
                </div>
              </div>

              </fieldset>

            </div>

            <div class="tab-pane fade show @if($tab == 'languages-scan') active @endif" id="pills-languages-scan" role="tabpanel" aria-labelledby="pills-languages-scan-tab" tabindex="2">

                <div class="container functions-action-languages">
                  <div class="row">
                    <div class="col-12 col-md-6 col-lg-3 text-center d-grid">
                      <button type="button" data-action="all" class="btn btn-language-action btn-info btn-lg btn-block">Scansiona tutto</button>
                    </div>
                    <div class="col-12 col-md-6 col-lg-3  text-center d-grid">
                      <button type="button" data-action="core" class="btn btn-language-action btn-secondary btn-lg btn-block">Scansiona solo core</button>
                    </div>
                    <div class="col-12 col-md-6 col-lg-3  text-center d-grid">
                      <button type="button" data-action="theme" class="btn btn-language-action btn-warning btn-lg btn-block">Scansiona solo tema</button>
                    </div>
                    <div class="col-12 col-md-6 col-lg-3  text-center d-grid">
                      <button type="button" data-action="stage" class="btn btn-language-action btn-secondary btn-lg btn-block">Scansiona solo stage</button>
                    </div>
                  </div>
                </div>

                <div class="container functions-result-languages">
                  <code>
                    
                  </code>
                </div>

            </div>

          </div>

          <fieldset>

            <div class="form-group row">
                <div class="col-lg-12 col-lg-offset-2">
                    {!! Form::hidden('id', $tab, ['class' => 'form-section-id'] ) !!}
                    {!! Form::submit('Salva', ['class' => 'btn btn-primary btn-fw'] ) !!}
                </div>
            </div>

          </fieldset>

          {!! Form::close()  !!}

        </div>


      </div>
    </div>
  </div>
</div>
@endsection