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

@section('content')

@php

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

  $fontslist = [];

  foreach ($fonts as $font => $option) {
    $fontslist[$font] = $font . ', ' . $option['category'];
  }

@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">Fonts</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('primary', 'Principale', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-4">
                      {!!  Form::select('primary', $fontslist, get_network_field($network['id'], 'font', 'design', 'primary', 'fonts'), ['class' => 'form-select' ]) !!}
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('secondary', 'Secondario', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-4">
                      {!!  Form::select('secondary', $fontslist, get_network_field($network['id'], 'font', 'design', 'secondary', 'fonts'), ['class' => 'form-select' ]) !!}
                  </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', 'files' => true]) !!}

          <fieldset>

            <div class="form-group row mb-3">
              {!! Form::label('primary', 'Principale', ['class' => 'form-label'] )  !!}
              <div class="col-lg-4">
                  {!!  Form::select('primary', $fontslist, get_setting('design', 'primary', 'font'), ['class' => 'form-select' ]) !!}
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('secondary', 'Secondario', ['class' => 'form-label'] )  !!}
              <div class="col-lg-4">
                  {!!  Form::select('secondary', $fontslist, get_setting('design', 'secondary', 'font'), ['class' => 'form-select' ]) !!}
              </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