@extends('admin.layouts.layout')

@section('content')
  <!-- Page Header -->
  <div class="page-header">
    <div class="row">
      <div class="col-sm-12">
        <h3 class="page-title">General Settings</h3>
        <ul class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
          <li class="breadcrumb-item"><a href="{{route('general-settings')}}">General Settings</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- /Page Header -->

  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">

          @if (count($errors) > 0)
            <div class="alert alert-danger">
              @foreach ($errors->all() as $e)
                <p>{{ $e }}</p>
              @endforeach
            </div>
          @endif

          <h4 class="card-title">General Settings</h4>
          <form  action="{{route('update-general-settings')}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
              <div class="col-md-12 col-xs-12">
                  <ul class="nav nav-tabs" style="font-size:20px;">
                    <li class="nav-item">
                      <a class="nav-link active" id="fields-tab" data-toggle="tab" href="#fields">
                      <i data-feather="file-text"></i> Content
                      </a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" id="images-tab" data-toggle="tab" href="#images">
                      <i data-feather="image"></i> Media
                      </a>                      
                    </li>                    
                  </ul>
                  <div class="tab-content">
                  <div class="tab-pane active" id="fields">
                      <div class="">
                        <table class="table table-bordered" id="fields_table_inline">
                          <thead>
                            <tr>
                              <th style="width:250px;">Label</th>
                              <th>Input</th>
                              <th style="width:50px;"></th>
                            </tr>
                          </thead>
                          <tbody>
                           @foreach($settings as $setting)
                           {{-- <tr>
                            <td style="vertical-align:top;"><input type="text" value="{{$setting->label}}" name="setting_label[]" class="form-control" /></td>
                            <td>
                              <div class="row">
                                <div class="col-md-6 col-xs-12">                                  
                                  <label class="label_default">English</label>                                        
                                  <textarea class="form-control  @if($setting->type=='html') tinymce @endif" name="setting_value[]">{!! $setting->value !!}</textarea>
                                </div>
                                @foreach($languages as $lang)
                                @php 
                                  $lang_code = $lang->code; 
                                  $value_lang = 'value_'.$lang_code; 
                                @endphp  
                                <div class="col-md-6 col-xs-12">
                                  <label class="label_default">{{$lang->name}}</label>                            
                                  <textarea class="form-control  @if($setting->type=='html') tinymce @endif" name="setting_value_{{$lang->code}}[]">{!! $setting->$value_lang !!}</textarea>
                                </div>
                                @endforeach       
                              </div>   
                              <input value="{{$setting->id}}" type="hidden" name="mfid[]" />
                              <input type="hidden" name="setting_type[]" value="{{$setting->type}}" />
                            </td>
                            <td style="position: relative">
                              <a onclick="showTooltip({{$setting->id}})"

                                id="copyButton" 
                                class="copy_clipboard btn btn-sm btn-secondary" 
                                data-clipboard="$settings[{{$setting->id}}]"
                            >
                                Copy Code
                            </a>

                            <a onclick="showTooltip({{$setting->id}})"

                              id="copyButton" 
                              class="copy_clipboard btn btn-sm btn-secondary" 
                              data-clipboard='onclick="open_edit({{$setting->id}})"'
                          >
                              Copy onEdit
                          </a>
                            
                            <span id="tooltip-{{$setting->id}}"  class="tooltip">Copied!</span>
                              @if(auth()->user()->is_superadmin == 1)  
                                <a href="{{route('delete-setting', $setting->id)}}" class="btn btn-xs btn-danger delete_column_line"><i class="far fa-trash-alt mr-1"></i></a>
                              @endif
                            </td>
                           </tr> --}}



                           <tr>
                            <td style="vertical-align:top;"><input type="text" value="{{$setting->label}}" name="setting_label[]" class="form-control" /></td>
                            <td>
                              <div class="row">
                                <div class="col-md-6 col-xs-12">                                  
                                  <label class="label_default">English</label>                                        
                                  <textarea class="form-control  @if($setting->type=='html') tinymce @endif" name="setting_value[]">{!! $setting->value !!}</textarea>
                                </div>
                                @foreach($languages as $lang)
                                @php 
                                  $lang_code = $lang->code; 
                                  $value_lang = 'value_'.$lang_code; 
                                @endphp  
                                <div class="col-md-6 col-xs-12">
                                  <label class="label_default">{{$lang->name}}</label>                            
                                  <textarea class="form-control  @if($setting->type=='html') tinymce @endif" name="setting_value_{{$lang->code}}[]">{!! $setting->$value_lang !!}</textarea>
                                </div>
                                @endforeach       
                              </div>                       
                              <input value="{{$setting->id}}" type="hidden" name="mfid[]" />
                              <input type="hidden" name="setting_type[]" value="{{ $setting->type }}" />
                            </td>
                            <td style="position: relative">
                              {{-- <a class="copy_clipboard btn btn-xs btn-secondary" data-clipboard="$settings[{{$setting->id}}]">C</a> --}}
                              <a onclick="showTooltip({{$setting->id}})"

                                id="copyButton" 
                                class="copy_clipboard btn btn-sm btn-secondary" 
                                data-clipboard="$settings[{{$setting->id}}]"
                            >
                                Copy Code
                            </a>
                            
                            <!-- Tooltip for "Copied!" message -->
                            <span id="tooltip-{{$setting->id}}"  class="tooltip">Copied!</span>
                              @if(auth()->user()->is_superadmin == 1) 
                                <a href="{{route('delete-setting', $setting->id)}}" class="btn btn-xs btn-danger delete_column_line"><i class="far fa-trash-alt mr-1"></i></a>
                              @endif
                            </td>
                           </tr>
                           @endforeach
                          </tbody>                          
                        </table>

                        <br> <a href="#return false;" id="add_column_item_line" class="btn btn-primary btn-sm">Add Text </a>
                        <a href="#return false;" id="add_column_item_line_html" class="btn btn-primary btn-sm">Add HTML </a>
                      </div>
                    </div>
                    <div class="tab-pane fade" id="images">
                      <div class="">
                      <table class="table table-bordered" id="fields_table_inline_image">
                          <thead>
                            <tr>
                              <th style="width:250px;">Label</th>
                              <th>Input</th>
                              <th style="width:50px;"></th>
                            </tr>
                          </thead>
                          <tbody>
                          </tbody>                          
                        </table>                        
                        <div class="row" style="padding-left:15px;">
                          @foreach($mediaSettings as $media)
                            <div class="col-md-3 text-center" style="border:1px solid #eee;padding-bottom:10px;">
                              <div style="padding:7px;font-size:15px;margin-bottom:10px;"> 
                                <input type="text" name="setting_image_label[]" value="{{$media->label}}" class="form-control" />
                              </div>
                             @if ($media->type=="image")
                             <div class="media_box">

                               <img src="{{asset($media->value)}}" alt="" style="max-width:98%" /><br>
                             </div>
                           
                              <input type="file" name="setting_image_value[]" class="form-control" /> <br>
                              <input type="hidden" name="setting_image_type[]" value="" />
                              <input type="hidden" name="mfimg[]" value="{{$media->id}}" />
                           
                              
                              
                              @elseif ($media->type == "video")
                              <div class="media_box">
                              
                                <video controls style="max-width:98%">
                                    <source src="{{ asset($media->value) }}" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                              </div>
                              <br>
                              <input type="file" name="setting_video_value[]" class="form-control" accept="video/*" /> <br>
                              <input type="hidden" name="setting_video_type[]" value="video" />
                              <input type="hidden" name="mfvideo[]" value="{{$media->id}}" />
                        


                              @elseif ($media->type == "pdf")
                                  <!-- Embed or Link to PDF -->
                                 
                                    <div class="media_box">
                              
                                      <img src="{{asset('assets/img/pdf_icon.png')}}" style="height: 100px; width: 100px;"/>
                                    </div>
                                

                                  <br>
                                  <input type="file" name="setting_pdf_value[]" class="form-control" accept="application/pdf" /> <br>
                                  <input type="hidden" name="setting_pdf_type[]" value="pdf" />
                                  <input type="hidden" name="mfpdf[]" value="{{$media->id}}" />
                              @endif
                                    
                              
                              
                              <div style="position: relative">
                                @if ($media->type=="pdf")
                                <a href="{{ asset($media->value) }}" target="_blank" class="btn btn-sm btn-info">View PDF </a>  
                                @endif
        
                                <a onclick="showTooltip({{$media->id}})"

                                id="copyButton" 
                                class="copy_clipboard btn btn-sm btn-secondary" 
                                data-clipboard="asset($settings[{{$media->id}}])"
                            >
                                Copy Code
                            </a>
                            
                            <!-- Tooltip for "Copied!" message -->
                            <span id="tooltip-{{$media->id}}"  class="tooltip">Copied!</span>
                          

                          
                                @if(auth()->user()->is_superadmin == 1)
                                <a href="{{route('delete-setting', $media->id)}}" class="btn btn-sm btn-danger delete_column_line">Delete</a>
                                @endif
                              </div>                              
                            </div>                                                           
                          @endforeach                          
                        </div>
                        <br>
                        <a href="#return false;" id="add_column_item_line_image" class="btn btn-primary btn-sm">Add Image </a>
                        <a href="#return false;" id="add_column_item_line_video" class="btn btn-primary btn-sm">Add Video </a>
                        <a href="#return false;" id="add_column_item_line_pdf" class="btn btn-primary btn-sm">Add PDF </a>
                      </div>
                    </div>

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

            <div class="mt-4">
              <button type="submit" class="btn btn-primary">Update Settings</button>
            </div>
          </form>

          <table style="display:none">
            <tr class="clone_row_provider">
              <td style="vertical-align:top;"><input type="text" name="setting_label[]" class="form-control" /></td>
              <td>
                <div class="row">
                  <div class="col-md-6 col-xs-12">
                    <label class="label_default">English</label> 
                    <textarea name="setting_value[]" class="form-control"></textarea>
                  </div>
                  @foreach($languages as $lang)
                  <div class="col-md-6 col-xs-12">
                    <label class="label_default">{{$lang->name}}</label>
                    <textarea name="setting_value_{{$lang->code}}[]" class="form-control"></textarea>
                  </div>
                  @endforeach
                </div>
                <input type="hidden" name="setting_type[]" value="text" />
                <input type="hidden" name="mfid[]" value="0" />
              </td>
              <td><a href="#" class="btn btn-xs btn-danger delete_column_line"><i class="far fa-trash-alt mr-1"></i></a></td>
            </tr> 
            <tr class="clone_row_provider_html">
              <td style="vertical-align:top;"><input type="text" name="setting_label[]" class="form-control" /></td>
              <td>
                <div class="row">
                  <div class="col-md-6 col-xs-12">
                    <label class="label_default">English</label> 
                    <textarea name="setting_value[]" class="form-control"></textarea>
                  </div>
                  @foreach($languages as $lang)
                  <div class="col-md-6 col-xs-12">
                    <label class="label_default">{{$lang->name}}</label>
                    <textarea name="setting_value_{{$lang->code}}[]" class="form-control"></textarea>
                  </div>
                  @endforeach
                </div> 
                <input type="hidden" name="setting_type[]" value="html" />
                <input type="hidden" name="mfid[]" value="0" />
              </td>
              <td><a href="#" class="btn btn-xs btn-danger delete_column_line"><i class="far fa-trash-alt mr-1"></i></a></td>
            </tr>    
            <tr class="clone_row_provider_image">
              <td style="display: flex ;align-items: flex-end;gap: 10px"><p>Image</p><input type="text" name="setting_image_label[]" class="form-control" required /></td>
              <td>
                <input type="file" name="setting_image_value[]" class="form-control" />
                <input type="hidden" name="setting_image_type[]" value="image" />
                <input type="hidden" name="mfimg[]" value="0" />
              </td>
              <td><a href="#" class="btn btn-xs btn-danger delete_column_line"><i class="far fa-trash-alt mr-1"></i></a></td>
            </tr> 
            
            <tr class="clone_row_provider_video" >
              <td style="display: flex ;align-items: flex-end;gap: 10px"><p>Video</p><input type="text" name="setting_video_label[]" placeholder="" class="form-control" required /></td>
              <td>
                <input type="file" name="setting_video_value[]" class="form-control" />
                <input type="hidden" name="setting_video_type[]" value="video" />
                <input type="hidden" name="mfvideo[]" value="0" />
              </td>
              <td><a href="#" class="btn btn-xs btn-danger delete_column_line"><i class="far fa-trash-alt mr-1"></i></a></td>
            </tr>  




            <tr class="clone_row_provider_pdf" >
              <td style="display: flex ;align-items: flex-end;gap: 10px"><p>pdf</p><input type="text" name="setting_pdf_label[]" placeholder="" class="form-control" required /></td>
              <td>
                <input type="file" name="setting_pdf_value[]" class="form-control" />
                <input type="hidden" name="setting_pdf_type[]" value="pdf" />
                <input type="hidden" name="mfpdf[]" value="0" />
              </td>
              <td><a href="#" class="btn btn-xs btn-danger delete_column_line"><i class="far fa-trash-alt mr-1"></i></a></td>
            </tr> 
          </table> 

        </div>
      </div>
    </div>
  </div>
	<script>
// Function to show tooltip
function showTooltip(key) {
    // Construct the tooltip ID dynamically
    var id = "tooltip-" + key;
    console.log("Tooltip ID:", id);

    // Get the tooltip element
    const tooltip = document.getElementById(id);
    if (!tooltip) {
        console.error("Tooltip element not found!");
        return;
    }

    console.log("Tooltip clicked");

    // Show the tooltip
    tooltip.style.opacity = '1';

    // Hide the tooltip after 2 seconds
    setTimeout(() => {
        tooltip.style.opacity = '0';
    }, 2000);
}

</script>


@endsection