@extends('admin.layouts.layout')

@section('content')
  <!-- Page Header -->
  <div class="page-header">
    <div class="row">
      <div class="col-sm-12">
        <h3 class="page-title">Pages</h3>
        <ul class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
          <li class="breadcrumb-item"><a href="{{route('pages-list')}}">Pages</a></li>
          <li class="breadcrumb-item active">Update Page</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">Edit Page</h4>
          <form  action="{{route('edit-page-process', $page->id)}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
            <div class="col-md-4">
                    <div class="form-group">
                        <label>Page URL</label>
                        <input name="page_url" id="page_url" type="text" value="{{ old('page_url', $page->page_url) }}" class="form-control">
                    </div>
                </div>              
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label>Title</label>
                  <input name="title" id="title" type="text" value="{{ old('title', $page->title) }}" class="form-control">
                </div>
              </div>                
              <div class="col-md-8">
                <div class="form-group">
                  <label>Meta Keywords</label>
                  <input name="meta_keywords" id="meta_keywords" type="text" value="{{ old('meta_keywords', $page->meta_keywords) }}" class="form-control">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label>Meta Description</label>
                  <textarea name="meta_description" id="meta_description" class="form-control">{{ old('meta_description', $page->meta_description) }}</textarea>
                </div>
              </div>
              <div class="col-md-8">
                <div class="form-group">
                  <label>Custom Meta</label>
                  <textarea name="custom_meta" id="custom_meta" class="form-control">{{ old('custom_meta', $page->custom_meta) }}</textarea>
                </div>
              </div>
            </div>

            @foreach($languages as $lang)
            @php 
              $lang_code = $lang->code; 
              $title = 'title_'.$lang_code; 
              $meta_keywords = 'meta_keywords_'.$lang_code;
              $meta_description = 'meta_description_'.$lang_code;
              $custom_meta = 'custom_meta_'.$lang_code;
            @endphp
              <hr><h4>{{$lang->name}}</h4><hr>
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label>Title ({{$lang->name}})</label>                    
                    <input name="title_{{$lang->code}}" id="title_{{$lang->code}}"  value='{{ old("$title", $page->$title) }}' type="text" class="form-control">
                  </div>
                </div>                
                <div class="col-md-8">
                  <div class="form-group">
                    <label>Meta Keywords  ({{$lang->name}})</label>
                    <input name="meta_keywords_{{$lang->code}}" id="meta_keywords_{{$lang->code}}" value='{{ old("$meta_keywords", $page->$meta_keywords) }}' type="text" class="form-control">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label>Meta Description  ({{$lang->name}})</label>
                    <textarea name="meta_description_{{$lang->code}}" id="meta_description_{{$lang->code}}" class="form-control">{{ old("$meta_description", $page->$meta_description) }}</textarea>
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="form-group">
                    <label>Custom Meta ({{$lang->name}})</label>
                    <textarea name="custom_meta_{{$lang->code}}" id="custom_meta_{{$lang->code}}" class="form-control">{{ old("$custom_meta", $page->$custom_meta) }}</textarea>
                  </div>
                </div>
              </div>
            @endforeach   

            <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> Text / HTML
                      </a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" id="images-tab" data-toggle="tab" href="#images">
                      <i data-feather="image"></i> Images
                      </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="" />
                            </td>
                            <td>
                              <a class="copy_clipboard btn btn-xs btn-secondary" data-clipboard="$settings[{{$setting->id}}]">C</a>
                              @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($image_settings as $image)
                            <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="{{$image->label}}" class="form-control" />
                              </div>
                              <img src="{{asset($image->value)}}" alt="" style="max-width:98%" /><br>
                              <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="{{$image->id}}" />                              
                              <div>
                                <a class="copy_clipboard btn btn-sm btn-secondary" data-clipboard="$settings[{{$image->id}}]">C</a>
                                @if(auth()->user()->is_superadmin == 1)
                                <a href="{{route('delete-setting', $image->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>
                      </div>
                    </div>

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

            <div class="mt-4">
              <button type="submit" class="btn btn-primary">Update Page</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="vertical-align:top;"><input type="text" name="setting_image_label[]" class="form-control" /></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>                                 
          </table> 

        </div>
      </div>
    </div>
  </div>
@endsection