@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
@if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif
@php 
$segment = request()->segment(2);
@endphp
   <div class="row">
            <div class="col-md-12">
                    <form method="POST" action="{{ route($segment . '.adssubmit') }}" class="form-horizontal" role="form" enctype="multipart/form-data">     
                     
                    @csrf

                    <input type="hidden" name="id" class="form-control" id="inputEmail3" value="{{  $edit->id ?? '' }}">
                    <input type="hidden" name="record_type" class="form-control"  value="advertisement">  
                    <input type="hidden" name="entity_type" class="form-control" id="inputEmail3" value="{{  request()->segment(2) ?? '' }}">
                    <input type="hidden" name="entity_code" class="form-control" id="inputEmail3" value="{{  request()->segment(4) ?? '' }}">    

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">{{ isset($edit->id) && $edit->id > 0 ?'Edit':'Add' }} Ads</h4>
                        </div>
                        <div class="panel-body">
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-4 control-label">Name</label>
                                <div class="col-sm-8">
                                    <input type="text" name="name" class="form-control" id="inputEmail3" value="{{ $edit->name ?? '' }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="name" class="col-sm-4 control-label">Language 2</label>
                                <div class="col-sm-8">
                                    <input type="text" name="lang2" placeholder="Language like hi,en etc" class="form-control" id="lang2" value="{{ $edit->lang2 ?? '' }}">
                                </div>
                            </div>

                             <div class="form-group">
                                <label for="inputPassword3" class="col-sm-4 control-label">Advertisement Group</label>
                                <div class="col-sm-8">
                                    <select name="under_group" class="form-control form-select2">
                                    <option value="">--select Group</option>
                                   @foreach(\App\Models\AdvertisingGroup::getByUser() as $group)
                                            <option value="{{ $group->id }}" selected>
                                                {{ ucfirst(str_replace('_', ' ', $group->name)) }}
                                            </option>
                                    @endforeach
                                </select>
                                </div>
                            </div>
                             <div class="form-group">
                            <label class="col-sm-4 control-label">Ads Type</label>
                            <div class="col-sm-8">
                                <select id="adsType" name="ads_type" class="form-control">
                                    <option value="">--select Ads Type--</option>
                                   @foreach (App\Enums\AdsType::cases() as $type)
                                            <option value="{{ $type->value }}"  
                                             {{ isset($edit) && $edit->ads_type == $type->value ? 'selected' : '' }}>
                                                {{ ucfirst(str_replace('_', ' ', $type->value)) }}
                                            </option>
                                      
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                                <label for="inputPassword3" class="col-sm-4 control-label">Display Width</label>
                                <div class="col-sm-8">
                                    <select name="display_width" class="form-control">
                                       <option value="">--select display width</option>
                                      @foreach(App\Enums\ColumnLayout::cases() as $column)
                                        <option value="{{ $column->value }}" 
                                            {{ isset($edit) && $edit->displayWidth == $column->value ? 'selected' : '' }}>
                                            {{ ucfirst(str_replace('_', ' ', $column->value)) }}
                                        </option>
                                    @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Display Style</label>
                                <div class="col-sm-8">
                                    <select name="display_style" class="form-control">
                                        <option value="">--select display style</option>
                                   @foreach(App\Enums\DisplayStyle::cases() as $style)
                                            <option value="{{ $style }}"
                                                {{ isset($edit) && $edit->displayStyle == $style->value ? 'selected' : '' }}>
                                                {{ ucfirst(str_replace('_', ' ', $style->value)) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group embedTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Embedded</label>
                                <div class="col-sm-8">
                                   <textarea id="summernote" name="google_ad_embed" rows="6" cols="90">{{ $edit->google_ad_embed ?? '' }}</textarea>
                                </div>
                            </div>
                            <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Title</label>
                                <div class="col-sm-8">
                                    <input type="text" name="title" class="form-control" id="inputEmail3" value="{{ $edit->title ?? '' }}"> 
                                </div>
                            </div>
                              <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Title lang2</label>
                                <div class="col-sm-8">
                                    <input type="text" name="title_lang2" class="form-control" id="inputEmail3" value="{{ $edit->title_lang2 ?? '' }}"> 
                                </div>
                            </div>
                            <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">SubTitle</label>
                                <div class="col-sm-8">
                                      <textarea  name="sub_title" rows="6" cols="100">{{ $edit->sub_title ?? '' }}</textarea> 
                                </div>
                            </div>
                             <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">SubTitle lang2</label>
                                <div class="col-sm-8">
                                     <textarea  name="sub_title_lang2" rows="6" cols="100">{{ $edit->sub_title_lang2 ?? '' }}</textarea> 
                                </div>
                            </div>
                             
                            <div class="form-group otherTextareaWrapper" id="" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Ads Media type</label>
                                <div class="col-sm-8">
                                    <select name="ads_media_type" class="form-control form-select2">
                                        <option value="">--select Ads Media type--</option>
                                        @foreach(App\Enums\MediaType::cases() as $type)
                                            @if(isset($edit) && isset($edit->ads_media_type) && $edit->ads_media_type == $type->value)
                                                <option value="{{ $type->value }}" selected>
                                                    {{ ucfirst(str_replace('_', ' ', $type->value)) }}
                                                </option>
                                            @else
                                                <option value="{{ $type->value }}">
                                                    {{ ucfirst(str_replace('_', ' ',$type->value)) }}
                                                </option>
                                            @endif
                                        @endforeach

                                    </select>
                                </div>
                            </div>
                                <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Media</label>
                                <div class="col-sm-8">
                                   <input type="file" name="image" class="form-control" id="inputEmail3"> 
                                </div>
                            </div>
                             <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Media lang2</label>
                                <div class="col-sm-6">
                                   <input type="file" name="image_lang2" class="form-control"> 
                                </div>
                                @if (!empty($edit->image_lang2))
                                    <div class="mt-2">
                                        <img src="{{ asset('imagesContent/' . $edit->image_lang2) }}" alt="Image Lang 2" style="width:50px;">
                                    </div>
                                @endif
                            </div>
                            <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Description</label>
                                <div class="col-sm-8">
                                   <textarea id="summernotes" name="description">{{ $edit->description ?? '' }}</textarea> 
                                </div>
                            </div>
                                <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Description lang2</label>
                                <div class="col-sm-8">
                                   <textarea id="summernote2" name="description_lang2">{{ $edit->description_lang2 ?? '' }}</textarea>
                                </div>
                            </div>
                            <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputPassword3" class="col-sm-4 control-label">Link type</label>
                                <div class="col-sm-8">
                                    <select name="more_info_link_type" class="form-control form-select2">
                                        <option value="">--Select Link type--</option>
                                      @foreach(App\Enums\LinkType::cases() as $type)
                                            <option value="{{ $type->value }}"  {{ isset($edit) && $edit->more_info_link_type == $type->value ? 'selected' : '' }}>
                                            {{ ucfirst(str_replace('_', ' ', $type->value)) }}</option>
                                        @endforeach
                                    </select>
                                    </select>
                                </div>
                            </div>
                              <div class="form-group otherTextareaWrapper"  style="display: none;"> 
                                <label for="inputEmail3" class="col-sm-4 control-label">Link Title</label>
                                <div class="col-sm-8">
                                    <input type="text" name="more_info_title" class="form-control" id="inputEmail3" value="{{ $edit->more_info_title ?? '' }}">
                                </div>
                            </div>
                            <div class="form-group otherTextareaWrapper" style="display: none;">
                                <label for="inputEmail3" class="col-sm-4 control-label">Link URL</label>
                                <div class="col-sm-8">
                                    <input type="text" name="more_info_link" class="form-control" id="inputEmail3" value="{{ $edit->more_info_link ?? '' }}">
                                </div>
                            </div>
                            <!-- <div class="form-group">
                                <label for="inputPassword3" class="col-sm-4 control-label">Display Location</label>
                                <div class="col-sm-8">
                                    <select name="display_location" class="form-control form-select2">
                                    <option value="">--select display location</option>
                                     @foreach (App\Enums\Position::cases() as $position)
                                        <option value="{{ $position->value }}"
                                            {{ isset($edit) && $edit->display_location == $position->value ? 'selected' : '' }}>
                                            {{ ucfirst(str_replace('_', ' ', $position->value)) }}
                                        </option>
                                    @endforeach
                                </select>
                                </div>
                            </div>
                             <div class="form-group">
                                <label for="inputPassword3" class="col-sm-4 control-label">Display Importance</label>
                                <div class="col-sm-8">
                                    <input type="number" name="display_importance" class="form-control" id="inputEmail3"value="{{ $edit->display_importance ?? '' }}"> 
                                </div>
                            </div> -->
                            <div class="form-group">
                                <div class="col-sm-offset-4 col-sm-8">
                                    <button type="submit" class="btn btn-danger" name="save_draft" value="draft">Save as Draft</button>
                               
                                    <button type="submit" class="btn btn-success" name="save_approval" value="approval">Submit to approval</button>
                                </div>
                            </div>
                        </div>
                     </div>
                </form>  
            </div>
          </div>
<script>
$(document).ready(function () {
    // Change handler for ad type
    $(document).on('change', '#adsType', function () {
        let selected = $(this).val();
        if (selected === 'Embed') {
            $('.embedTextareaWrapper').show();
            $('.otherTextareaWrapper').hide();
        } else if (selected === 'Inline') {
            $('.embedTextareaWrapper').hide();
            $('.otherTextareaWrapper').show();
        } else {
            $('.embedTextareaWrapper, .otherTextareaWrapper').hide();
        }
    });

    // Detect "edit" or "add-creation" page
    let segments = window.location.pathname.split('/');
    let lastSegment = segments[3]; // because 0="", 1="city", 2="edit"
    if (lastSegment === 'edit-ads') {
        let selected = $('#adsType').val();
        if (selected === 'Inline') {
            $('.otherTextareaWrapper').show();
            $('.embedTextareaWrapper').hide();
        } else if (selected === 'Embed') {
            $('.embedTextareaWrapper').show();
            $('.otherTextareaWrapper').hide();
        }
    }
});

$(document).ready(function() {
  $('#summernotes').summernote({
    height: 200,         // Set editor height
    placeholder: 'Write your summary here...',
    toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['font', ['strikethrough']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['insert', ['link', 'picture']],
      ['view', ['fullscreen', 'codeview']]
    ]
  });

    $('#summernote2').summernote({
    height: 200,         // Set editor height
    placeholder: 'Write your summary here...',
    toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['font', ['strikethrough']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['insert', ['link', 'picture']],
      ['view', ['fullscreen', 'codeview']]
    ]
  });
});
</script>