@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">Login</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', 'files' => true]) !!}

              <fieldset>
    
                <div class="form-group row mb-3">
                  {!! Form::label('layout', 'Layout', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-4">
                      {!!  Form::select('layout', array('default' => 'Default', 'bg_top' => 'Immagine Top', 'bg_left' => 'Immagine Left', 'bg_right' => 'Immagine Right', 'minimal' => 'Minimal', 'bg_left_minimal' => 'Immagine Left Minimal', 'bg_right_minimal' => 'Immagine Right Minimal'), get_network_field($network['id'], 'login', 'design', 'layout', 'logins'), ['class' => 'form-select' ]) !!}
                  </div>
                </div>
    
                {{-- <div class="form-group row mb-3">
                  {!! Form::label('cover_image', 'Cover image', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-6">
                    {!! Form::input('file', 'cover_image', asset(get_network_field($network['id'], 'login', 'design', 'image', 'logins', 'cover_image')), ['class' => 'form-control image-preview', 'data-trigger' => 'cover_image-'.$network['id'].'_preview']) !!}
                    
                    <div class="card cover_image{{'-'.$network['id']}}_preview_wrap" @if (!file_exists(public_path(get_network_field($network['id'], 'login', 'design', 'image', 'logins', 'cover_image'))) || get_network_field($network['id'], 'login', 'design', 'image', 'logins', 'cover_image') == '') style="display: none" @endif>
                      <div class="card-body">
                        <img id="cover_image{{'-'.$network['id']}}_preview" src="{{ asset(get_network_field($network['id'], 'login', 'design', 'image', 'logins', 'cover_image')) }}" class="img-fluid" />
                      </div>
                    </div>
    
                  </div>
                </div> --}}

                <div class="form-group row mb-3">
                  {!! Form::label('cover_image_'.$network['id'], 'Cover image', ['class' => 'form-label'] )  !!}
                  <div class="col-lg-6">
                    @php
                      $cover_image['cover_image_'.$network['id']] = get_network_field($network['id'], 'login', 'design', 'image', 'logins', 'cover_image');
                    @endphp
                    @get_template_part('su-admin.components.input.image-manager', null, ['settings' => $cover_image, 'field' => 'cover_image_'.$network['id'], 'max_width' => '100%'])
            
                  </div>
                </div>

                <div class="form-group row mb-3">
                  {!! Form::label('position_x_tablet', 'Posizione cover image', ['class' => 'form-label'] )  !!}
                  <div class="row" style="padding-bottom: 10px">
                    <div class="col-lg-1" style="align-self: center; width: 30px; padding-top: 22px;">
                      <span class="mdi mdi-monitor"></span>
                    </div>
                    <div class="col-lg-3">
                      {!! Form::label('position_x', 'Orizzontale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                      {!! Form::text('position_x', get_network_field($network['id'], 'login', 'design', 'position_x', 'logins', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione x']) !!}
                    </div>
                    <div class="col-lg-3">
                      {!! Form::label('position_y', 'Verticale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                      {!! Form::text('position_y', get_network_field($network['id'], 'login', 'design', 'position_y', 'logins', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione y']) !!}
                    </div>
                  </div>
                  <div class="row" style="padding-bottom: 10px">
                    <div class="col-lg-1" style="align-self: center; width: 30px; padding-top: 22px;">
                      <span class="mdi mdi-tablet"></span>
                    </div>
                    <div class="col-lg-3">
                        {!! Form::label('position_x_tablet', 'Orizzontale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                        {!! Form::text('position_x_tablet', get_network_field($network['id'], 'login', 'design', 'position_x_tablet', 'logins', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione x']) !!}
                    </div>
                    <div class="col-lg-3">
                      {!! Form::label('position_y_tablet', 'Verticale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                      {!! Form::text('position_y_tablet', get_network_field($network['id'], 'login', 'design', 'position_y_tablet', 'logins', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione y']) !!}
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-lg-1" style="align-self: center; width: 30px; padding-top: 22px;">
                      <span class="mdi mdi-cellphone"></span>
                    </div>
                    <div class="col-lg-3">
                      {!! Form::label('position_x_mobile', 'Orizzontale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                      {!! Form::text('position_x_mobile', get_network_field($network['id'], 'login', 'design', 'position_x_mobile', 'logins', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione x']) !!}
                    </div>
                    <div class="col-lg-3">
                      {!! Form::label('position_y_mobile', 'Verticale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                      {!! Form::text('position_y_mobile', get_network_field($network['id'], 'login', 'design', 'position_y_mobile', 'logins', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione y']) !!}
                    </div>
                  </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('layout', 'Layout', ['class' => 'form-label'] )  !!}
              <div class="col-lg-4">
                  {!!  Form::select('layout', array('default' => 'Default', 'bg_top' => 'Immagine Top', 'bg_left' => 'Immagine Left', 'bg_right' => 'Immagine Right', 'minimal' => 'Minimal', 'bg_left_minimal' => 'Immagine Left Minimal', 'bg_right_minimal' => 'Immagine Right Minimal'), get_setting('design', 'layout', 'login'), ['class' => 'form-select' ]) !!}
              </div>
            </div>

            {{-- <div class="form-group row mb-3">
              {!! Form::label('cover_image', 'Cover image', ['class' => 'form-label'] )  !!}
              <div class="col-lg-6">
                {!! Form::input('file', 'cover_image', asset(get_setting('design', 'image', 'login', 'cover_image')), ['class' => 'form-control image-preview', 'data-trigger' => 'cover_image_preview']) !!}
                
                <div class="card cover_image_preview_wrap" @if (!file_exists(public_path(get_setting('design', 'image', 'login', 'cover_image'))) || get_setting('design', 'image', 'login', 'cover_image') == '') style="display: none" @endif>
                  <div class="card-body">
                    <img id="cover_image_preview" src="{{ asset(get_setting('design', 'image', 'login', 'cover_image')) }}" class="img-fluid" />
                  </div>
                </div>

              </div>
            </div> --}}

            <div class="form-group row mb-3">
              {!! Form::label('cover_image', 'Cover image', ['class' => 'form-label'] )  !!}
              <div class="col-lg-6">
                @php
                  $cover_image['cover_image'] = get_setting('design', 'image', 'login', 'cover_image');
                @endphp
                @get_template_part('su-admin.components.input.image-manager', null, ['settings' => $cover_image, 'field' => 'cover_image', 'max_width' => '100%'])
        
              </div>
            </div>

            <div class="form-group row mb-3">
              {!! Form::label('position_x_tablet', 'Posizione cover image', ['class' => 'form-label'] )  !!}
              <div class="row" style="padding-bottom: 10px">
                <div class="col-lg-1" style="align-self: center; width: 30px; padding-top: 22px;">
                  <span class="mdi mdi-monitor"></span>
                </div>
                <div class="col-lg-3">
                  {!! Form::label('position_x', 'Orizzontale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                  {!! Form::text('position_x', get_setting('design', 'position_x', 'login', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione x']) !!}
                </div>
                <div class="col-lg-3">
                  {!! Form::label('position_y', 'Verticale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                  {!! Form::text('position_y', get_setting('design', 'position_y', 'login', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione y']) !!}
                </div>
              </div>
              <div class="row" style="padding-bottom: 10px">
                <div class="col-lg-1" style="align-self: center; width: 30px; padding-top: 22px;">
                  <span class="mdi mdi-tablet"></span>
                </div>
                <div class="col-lg-3">
                    {!! Form::label('position_x_tablet', 'Orizzontale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                    {!! Form::text('position_x_tablet', get_setting('design', 'position_x_tablet', 'login', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione x']) !!}
                </div>
                <div class="col-lg-3">
                  {!! Form::label('position_y_tablet', 'Verticale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                  {!! Form::text('position_y_tablet', get_setting('design', 'position_y_tablet', 'login', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione y']) !!}
                </div>
              </div>
              <div class="row">
                <div class="col-lg-1" style="align-self: center; width: 30px; padding-top: 22px;">
                  <span class="mdi mdi-cellphone"></span>
                </div>
                <div class="col-lg-3">
                  {!! Form::label('position_x_mobile', 'Orizzontale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                  {!! Form::text('position_x_mobile', get_setting('design', 'position_x_mobile', 'login', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione x']) !!}
                </div>
                <div class="col-lg-3">
                  {!! Form::label('position_y_mobile', 'Verticale', ['class' => 'form-label', 'style' => 'font-size: 12px; line-height: 14px; margin-bottom: 0px;']) !!}
                  {!! Form::text('position_y_mobile', get_setting('design', 'position_y_mobile', 'login', 'cover_image'), ['class' => 'form-control', 'placeholder' => 'Posizione y']) !!}
                </div>
              </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