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

@section('content')

<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

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

    <div class="alert alert-danger alert-dismissible fade show" role="alert">
      {{ session('error') }}
      <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 card-header-form">
        <h4 class="card-title mb-0">Modifica temi</h4>

        <div class="card-header-form-wrap">
          {!! Form::open(['url' => Request::url(), 'method' => 'get', 'class' => 'form-horizontal']) !!}
            <div class="form-group row">
              {!! Form::label('theme_selected', 'Seleziona il tema:', ['class' => 'form-label'] )  !!}
              {!! Form::select('theme_selected', $themes, $theme_selected, ['class' => 'form-select form-select-sm' ]) !!}
              {!! Form::submit('Seleziona', ['class' => 'btn btn-secondary btn-sm'] ) !!}
            </div>
          {!! Form::close()  !!}
        </div>

      </div>
      <div class="card-body">

        <div class="well">

          <div class="container-fluid theme-editor">

            @if(!empty($theme_selected))

            <div class="row">

              <div class="col theme-code">

                @php
                $theme_file_exists = true;
                $theme_file = design_path() . '/themes/' . $theme_selected . '/' . $file_selected;

                if(!File::exists($theme_file)) {
                  $theme_file_exists = false;
                }
                @endphp


                @if(!empty($file_selected) && $theme_file_exists)

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

                <fieldset>

                  {!! Form::hidden('theme_selected', $theme_selected) !!}
                  {!! Form::hidden('file_selected', $file_selected) !!}

                  @php
                    $theme_file_content = File::get($theme_file);
                    $theme_file_extension = pathinfo($theme_file, PATHINFO_EXTENSION);
                  @endphp

                  {!! Form::textarea('code',  $theme_file_content, ['class' => 'form-textarea-codemirror', 'id' => 'code', 'style' => 'resize:none; width: 100%; height: 70vh;', 'data-type' => $theme_file_extension]) !!}
                  
                  <div class="theme-code-action">
                  {!! Form::button('Aggiorna file', ['class' => 'btn btn-primary btn-save-theme-code'] ) !!}
                  </div>
      
                </fieldset>
      
                {!! Form::close()  !!}

                @else
                <div class="theme-editor-notselected">Seleziona un file del tema per modificarlo</div>
                @endif

              </div>

              <div class="col theme-files">
                
                {!! Form::open(['url' => Request::url(), 'method' => 'get', 'class' => 'form-horizontal frm-theme-files']) !!}
                {!! Form::hidden('theme_selected', $theme_selected) !!}
                {!! Form::hidden('file_selected', $file_selected) !!}
                {!! Form::close()  !!}

                {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal frm-theme-files-delete']) !!}
                {!! Form::hidden('theme_selected', $theme_selected) !!}
                {!! Form::hidden('file_selected', $file_selected) !!}
                {!! Form::hidden('deleted', '0') !!}
                {!! Form::hidden('file_deleted', '') !!}
                {!! Form::close()  !!}

                {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal frm-theme-files-rename']) !!}
                {!! Form::hidden('theme_selected', $theme_selected) !!}
                {!! Form::hidden('file_selected', $file_selected) !!}
                {!! Form::hidden('renamed', '0') !!}
                {!! Form::hidden('type', '') !!}
                {!! Form::hidden('file_path', '') !!}
                {!! Form::hidden('file_renamed', '') !!}
                {!! Form::close()  !!}

                <div class="theme-file-create-template">
                  {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal frm-theme-actions']) !!}
                  {!! Form::hidden('theme_selected', $theme_selected) !!}
                  {!! Form::hidden('file_selected', $file_selected) !!}
                  {!! Form::hidden('action', '') !!}
                  {!! Form::hidden('file_name', '') !!}
                  {!! Form::hidden('file_label', '') !!}
                  {!! Form::hidden('file_type', '') !!}

                  <div style="border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); padding-bottom: 10px; margin-bottom: 10px;">
                    {!! Form::button('<span class="mdi mdi-help-box"></span> Documentazione', ['class' => 'btn btn-dark btn-theme-docs'] ) !!}
                  </div>

                  {!! Form::button('<span class="mdi mdi-translate"></span> Scansiona traduzioni', ['class' => 'btn btn-primary btn-theme-scan-translations', 'style' => 'margin-bottom: 6px;'] ) !!}
                  {!! Form::button('<span class="mdi mdi-file-plus"></span> Crea template pagina', ['class' => 'btn btn-secondary btn-theme-create-template', 'style' => 'margin-bottom: 6px;'] ) !!}
                  {!! Form::button('<span class="mdi mdi-puzzle-plus"></span> Crea template parts', ['class' => 'btn btn-secondary btn-theme-create-template-parts', 'style' => 'margin-bottom: 6px;'] ) !!}
                  {!! Form::button('<span class="mdi mdi-file-code"></span> Crea file php', ['class' => 'btn btn-secondary btn-theme-create-file-php', 'style' => 'margin-bottom: 6px;'] ) !!}
                  {!! Form::button('<span class="mdi mdi-file-document"></span> Crea file asset', ['class' => 'btn btn-secondary btn-theme-create-file-asset', 'style' => 'margin-bottom: 6px;'] ) !!}
                  {!! Form::button('<span class="mdi mdi-code-array"></span> Crea shortcode', ['class' => 'btn btn-secondary btn-theme-create-shortcode', 'style' => 'margin-bottom: 6px;'] ) !!}
                  <div class="btn-group" role="group" style="width: 100%;">
                  {!! Form::button('<span class="mdi mdi-pencil-box"></span> Sovrascrivi view', ['class' => 'btn btn-secondary btn-theme-overrides-view', 'disabled' => ((get_plus_status() || is_admin_role('admin')) ? false : true)] ) !!}
                  {!! Form::button('<span class="mdi mdi-file-compare"></span>', ['class' => 'btn btn-primary btn-theme-overrides-view-compare', 'style' => 'width: 50px;', 'disabled' => ((get_plus_status() || is_admin_role('admin')) ? false : true)] ) !!}
                  </div>
                  
                  {!! Form::close()  !!}
                </div>
                <div class="theme-file-list"></div>

              </div>

            </div>

            @else
            <div class="theme-editor-notselected">Seleziona un tema</div>
            @endif

          </div>

        </div>


      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-confirm" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Conferma modifiche</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Sei sicuro di volere salvare le modifiche?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="admin-modal-confirm-btn-si" data-dismiss="modal">Si</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-confirm-btn-no">No</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-confirm-scan-traslations" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Scansiona traduzioni</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Vuoi scansionare i file del tema per trovare stringhe da tradurre?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="admin-modal-confirm-scan-traslations-btn-si" data-dismiss="modal">Si</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-confirm-scan-traslations-btn-no">No</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-delete" tabindex="-1" role="dialog" aria-labelledby="deleteModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel"></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" id="admin-modal-delete-btn-si" data-dismiss="modal">Si</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-delete-btn-no">No</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-create-page-template" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Crea nuovo template pagina</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">


        <div class="modal-message-error">
        Il nome del file non è valido, già esistente o entrambi i campi non sono compilati.
        </div>

        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-create-page-template']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        <fieldset>

          <div class="form-group row mb-3">
            {!! Form::label('label', 'Label template', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('label', "", ['class' => 'form-control']) !!}
            </div>
          </div>

          <div class="form-group row">
            {!! Form::label('name', 'Nome file', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('name', "", ['class' => 'form-control']) !!}
            </div>
          </div>

        </fieldset>

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

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-dark" id="admin-modal-create-page-template-btn-si" data-dismiss="modal">Crea</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-create-page-template-btn-no">Annulla</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-create-page-template-parts" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Crea nuovo template parts</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">


        <div class="modal-message-error">
        Il nome del file non è valido o già esistente.
        </div>

        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-create-page-template-parts']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        <fieldset>

          <div class="form-group row">
            {!! Form::label('name', 'Nome file', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('name', "", ['class' => 'form-control']) !!}
            </div>
          </div>

        </fieldset>

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

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-dark" id="admin-modal-create-page-template-parts-btn-si" data-dismiss="modal">Crea</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-create-page-template-parts-btn-no">Annulla</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-create-page-file-php" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Crea nuovo file php da includere</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">


        <div class="modal-message-error">
        Il nome del file non è valido o già esistente.
        </div>

        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-create-page-file-php']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        <fieldset>

          <div class="form-group row">
            {!! Form::label('name', 'Nome file', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('name', "", ['class' => 'form-control']) !!}
            </div>
          </div>

        </fieldset>

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

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-dark" id="admin-modal-create-page-file-php-btn-si" data-dismiss="modal">Crea</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-create-page-file-php-btn-no">Annulla</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-create-page-file-asset" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Crea nuovo file css o javascript</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">


        <div class="modal-message-error">
        Il nome del file non è valido o già esistente.
        </div>

        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-create-page-file-asset']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        <fieldset>

          <div class="form-group row mb-3">
            {!! Form::label('type', 'Tipo file', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::select('type', array('css' => 'css', 'js' => 'javascript'), 'css', ['class' => 'form-select' ]) !!}
            </div>
          </div>

          <div class="form-group row">
            {!! Form::label('name', 'Nome file', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('name', "", ['class' => 'form-control']) !!}
            </div>
          </div>

        </fieldset>

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

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-dark" id="admin-modal-create-page-file-asset-btn-si" data-dismiss="modal">Crea</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-create-page-file-asset-btn-no">Annulla</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-create-page-shortcode" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Crea nuovo shortcode</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">


        <div class="modal-message-error">
        Il nome del file non è valido o già esistente.
        </div>

        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-create-page-shortcode']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        <fieldset>

          <div class="form-group row">
            {!! Form::label('name', 'Nome file', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('name', "", ['class' => 'form-control']) !!}
            </div>
          </div>

        </fieldset>

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

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-dark" id="admin-modal-create-page-shortcode-btn-si" data-dismiss="modal">Crea</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-create-page-shortcode-btn-no">Annulla</button>
      </div>
    </div>
  </div>
</div>

@if(get_plus_status() || is_admin_role('admin'))
<div class="modal fade" id="admin-modal-overrides-view" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Sovrascivi una view dell'applicazione</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">


        <div class="modal-message-error">
        
        </div>

        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-overrides-view']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        <fieldset>

          <p>Da qui potrai creare un duplicato di una view standard dell'applicazione e modificarla. Questa verrà creata nel tema con lo stesso nome e andrà a sostituire quella originale.<br>Per tornare a visualizzare la view di default eliminare il file creato o rinominarlo (anche semplicamente mettendo il carattere _ prima del nome del file).</p>
          <p>Non eliminare o modificare il commento in testata della view. Questo vi permetterà di compare la versione sovrascritta con eventuali aggiornamenti cliccando sul pulsante <span class="mdi mdi-file-compare"></span> accanto a "Sovrascrivi view".</p>

          <div class="form-group row">
            {!! Form::label('view', 'View da sovrascrivere', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::select('view', $list_view, "", ['class' => 'form-select form-select2-edit-view', 'placeholder' => 'Seleziona view' ]) !!}
            </div>
          </div>

        </fieldset>

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

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-dark" id="admin-modal-overrides-view-btn-si" data-dismiss="modal">Sovrascrivi</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-overrides-view-btn-no">Annulla</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-overrides-view-compare" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Verifica versioni delle view sovrascritte</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body">
        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-overrides-view-compare']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        {!! Form::close() !!}

        <div class="overrides-view-compare-list">

        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" id="admin-modal-overrides-view-compare-btn-cancel">Chiudi</button>
      </div>
    </div>
  </div>
</div>
@endif

<div class="modal fade" id="admin-modal-rename-file" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Rinomina file</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">


        <div class="modal-message-error">
        Il nome del file non è valido o già esistente.
        </div>

        {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-rename-file']) !!}
        {!! Form::hidden('theme_selected', $theme_selected) !!}
        {!! Form::hidden('type', "") !!}
        {!! Form::hidden('folder', "") !!}
        {!! Form::hidden('ext', "") !!}
        <fieldset>
          
          <div class="form-group row mb-3">
            {!! Form::label('file', 'File originale', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('file', "", ['class' => 'form-control', 'readonly' => 'readonly']) !!}
            </div>
          </div>

          <div class="form-group row">
            {!! Form::label('name', 'Nuovo nome file', ['class' => 'form-label'] )  !!}
            <div class="col-lg-12">
                {!! Form::text('name', "", ['class' => 'form-control']) !!}
            </div>
          </div>

        </fieldset>

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

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-dark" id="admin-modal-rename-file-btn-rename" data-dismiss="modal">Rinomina</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-rename-file-btn-cancel">Annulla</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-docs" tabindex="-1" role="dialog" aria-labelledby="duplicateModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Documentazione</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">

        <div class="row">

          <div class="col col-lg-3 col-sm-12 mb-sm-3 docs-index">
            <div class="docs-index-wrap accordion accordion-flush" id="accordion_docs">
              @foreach ($guide as $docs_key => $docs_contents)
              <div class="card">
                
                <h3 class="card-header border-bottom-0">
                  <a class="collapsed" role="button" data-bs-toggle="collapse" href="#collapse_docs_{{$docs_key}}" aria-expanded="false">{{ucfirst($docs_key)}}</a>
                </h3>

                <ul class="list-group list-group-flush collapse" role="tablist" id="collapse_docs_{{$docs_key}}" data-bs-parent="#accordion_docs">
                @foreach ($docs_contents as $docs_contents_key => $docs_contents_text)
                <li class="list-group-item" id="pills-{{$docs_key}}-{{$docs_contents_key}}-tab" data-bs-toggle="pill" data-id="{{$docs_key}}-{{$docs_contents_key}}" data-bs-target="#pills-{{$docs_key}}-{{$docs_contents_key}}" role="tab" aria-controls="pills-{{$docs_key}}-{{$docs_contents_key}}" aria-selected="false">
                  {{ $docs_contents_text }}
                </li>
                @endforeach
                </ul>

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

          <div class="col col-lg-9 col-sm-12 docs-content">
            <div class="tab-content" id="pills-tabContent">
              @php
                $index_tab_docs = 0;
              @endphp
              @foreach ($guide as $docs_key => $docs_contents)
                @foreach ($docs_contents as $docs_contents_key => $docs_contents_text)
                <div class="tab-pane fade show" id="pills-{{$docs_key}}-{{$docs_contents_key}}" role="tabpanel" aria-labelledby="pills-{{$docs_key}}-{{$docs_contents_key}}-tab" tabindex="{{$index_tab_docs}}">
                @get_template_part('su-admin.pages.design.guide.' . $docs_key . '.' . $docs_contents_key)
                </div>
                @php
                $index_tab_docs++;
                @endphp
                @endforeach
              @endforeach
            </div>
          </div>

        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" id="admin-modal-docs-btn-close">Chiudi</button>
      </div>
    </div>
  </div>
</div>

@endsection

@push('custom-scripts')

@if(!empty($theme_selected))
<script type="application/javascript">
  $('.theme-file-list').bstreeview({
    data: {!! json_encode($files) !!},
    expandIcon: 'fa fa-angle-down fa-fw',
    collapseIcon: 'fa fa-angle-right fa-fw',
    indent: 1,
    parentsMarginLeft: '1rem',
    openNodeLinkOnNewTab: true,
    form: '.frm-theme-files',
    field: 'file_selected'
  });
</script>
@endif

<script type="application/javascript">
document.addEventListener('DOMContentLoaded', (event) => {
  document.querySelectorAll('.text-reference-code pre code').forEach((el) => {
    hljs.highlightElement(el);
  });
});
</script>

@endpush