@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">Social</h4>
      </div>
      <div class="card-body">

        <div class="well">

          @if (get_network_status())
          <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
            @foreach ( get_networks() as $key => $network )
            <li class="nav-item" role="presentation">
              <button class="nav-link @if(($key == 0 && $tab == '') || $tab == $network['id']) active @endif" id="pills-{{ $network['id'] }}-tab" data-bs-toggle="pill" data-bs-target="#pills-{{ $network['id'] }}" role="tab" aria-controls="pills-{{ $network['id'] }}" @if($key == 0) aria-selected="true" @else aria-selected="false" @endif>{{ $network['line'] }}</button>
            </li>
            @endforeach
          </ul>
          <div class="tab-content" id="pills-tabContent">
            @foreach ( get_networks() as $key => $network )
            <div class="tab-pane fade show @if(($key == 0 && $tab == '') || $tab == $network['id']) active @endif" id="pills-{{ $network['id'] }}" role="tabpanel" aria-labelledby="pills-{{ $network['id'] }}-tab" tabindex="{{ $key }}">

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

              <fieldset>

                <div class="jumbotron mb-3">
                  <h4>Seleziona ordinamento</h4>
                  <hr>

                  @php
                    $active_socials = (array) get_network_field($network['id'], 'social', 'settings', 'sort', 'socials' );
                  @endphp

                  <div class="form-group row mb-3">
                    <div class="col-lg-12">
                        @if (empty($active_socials))
                            <p>Nessun social attivo. Attiva i social da visualizzare e clicca su salva. Successivamente potrai ordinarli.</p>
                        @else
                            <ul class="social-order">
                                @foreach ($active_socials as $social)
                                  <li class="social-order_item" data-social-code="{{ $social }}">
                                    {!! '<i class="fa-brands fa-' . str_replace('_', '-', $social) . '"></i>' !!}{!! Form::hidden('sort[]', $social) !!}
                                  </li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                  </div>

                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('facebook', 'Facebook', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('facebook', get_network_field($network['id'], 'social', 'settings', 'facebook', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('instagram', 'Instagram', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('instagram', get_network_field($network['id'], 'social', 'settings', 'instagram', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('google_plus', 'Google Plus', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('google_plus', get_network_field($network['id'], 'social', 'settings', 'google_plus', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('pinterest', 'Pinterest', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('pinterest', get_network_field($network['id'], 'social', 'settings', 'pinterest', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('youtube', 'YouTube', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('youtube', get_network_field($network['id'], 'social', 'settings', 'youtube', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('vimeo', 'Vimeo', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('vimeo', get_network_field($network['id'], 'social', 'settings', 'vimeo', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('tiktok', 'TikTok', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('tiktok', get_network_field($network['id'], 'social', 'settings', 'tiktok', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('linkedin', 'Linkedin', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('linkedin',  get_network_field($network['id'], 'social', 'settings', 'linkedin', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('whatsapp', 'WhatsApp', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('whatsapp',  get_network_field($network['id'], 'social', 'settings', 'whatsapp', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('facebook_messenger', 'Facebook Messenger', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('facebook_messenger',  get_network_field($network['id'], 'social', 'settings', 'facebook_messenger', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('weixin', 'WeChat', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('weixin',  get_network_field($network['id'], 'social', 'settings', 'weixin', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('telegram', 'Telegram', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('telegram',  get_network_field($network['id'], 'social', 'settings', 'telegram', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('snapchat', 'Snapchat', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('snapchat',  get_network_field($network['id'], 'social', 'settings', 'snapchat', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('reddit', 'Reddit', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('reddit',  get_network_field($network['id'], 'social', 'settings', 'reddit', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('twitter', 'Twitter', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('twitter',  get_network_field($network['id'], 'social', 'settings', 'twitter', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>
    
                <div class="form-group row mb-3">
                  {!! Form::label('skype', 'Skype', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-10">
                      {!! Form::text('skype',  get_network_field($network['id'], 'social', 'settings', 'skype', 'socials' ), ['class' => 'form-control']) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                    <div class="col-lg-12 col-lg-offset-2">
                        {!! Form::hidden('id', $network['id'] ) !!}
                        {!! Form::submit('Salva ' . $network['line'], ['class' => 'btn btn-primary btn-fw'] ) !!}
                    </div>
                </div>
    
              </fieldset>
    
              {!! Form::close()  !!}

            </div>
            @endforeach
          </div>
          @else

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

          <fieldset>

            <div class="jumbotron mb-3">
              <h4>Seleziona ordinamento</h4>
              <hr>

              @php
                $active_socials = (array) get_setting('settings', 'sort', 'social');
              @endphp

              <div class="form-group row mb-3">
                <div class="col-lg-12">
                    @if (empty($active_socials))
                        <p>Nessun social attivo. Attiva i social da visualizzare e clicca su salva. Successivamente potrai ordinarli.</p>
                    @else
                        <ul class="social-order">
                            @foreach ($active_socials as $social)
                                <li class="social-order_item" data-social-code="{{ $social }}">
                                  {!! '<i class="fa-brands fa-' . str_replace('_', '-', $social) . '"></i>' !!}{!! Form::hidden('sort[]', $social) !!}
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
              </div>

            </div>

            <div class="form-group row mb-3">
              {!! Form::label('facebook', 'Facebook', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('facebook',  get_setting('settings', 'facebook', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('instagram', 'Instagram', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('instagram',  get_setting('settings', 'instagram', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('google_plus', 'Google Plus', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('google_plus',  get_setting('settings', 'google_plus', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('pinterest', 'Pinterest', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('pinterest',  get_setting('settings', 'pinterest', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>
        
            <div class="form-group row mb-3">
              {!! Form::label('youtube', 'YouYube', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('youtube',  get_setting('settings', 'youtube', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('vimeo', 'Vimeo', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('vimeo',  get_setting('settings', 'vimeo', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('tiktok', 'TikTok', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('tiktok',  get_setting('settings', 'tiktok', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('linkedin', 'Linkedin', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('linkedin',  get_setting('settings', 'linkedin', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('whatsapp', 'WhatsApp', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('whatsapp',  get_setting('settings', 'whatsapp', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('facebook_messenger', 'Facebook Messenger', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('facebook_messenger',  get_setting('settings', 'facebook_messenger', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('weixin', 'WeChat', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('weixin',  get_setting('settings', 'weixin', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('telegram', 'Telegram', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('telegram',  get_setting('settings', 'telegram', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('snapchat', 'Snapchat', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('snapchat',  get_setting('settings', 'snapchat', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('reddit', 'Reddit', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('reddit',  get_setting('settings', 'reddit', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('twitter', 'Twitter', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('twitter',  get_setting('settings', 'twitter', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('skype', 'Skype', ['class' => 'form-label'] )  !!}
              <div class="col-lg-10">
                  {!! Form::text('skype',  get_setting('settings', 'skype', 'social'), ['class' => 'form-control']) !!}
              </div>
            </div>

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

          </fieldset>

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

          @endif
        </div>


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