@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="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">
                    <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="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">
              <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