@extends('admin.includes.layout')
@section('title', $page_title)
@section('content')
<!-- Page sidebar end-->
<div class="page-body">
   <div class="container-fluid">
      <div class="page-title">
         <div class="row">
            <div class="col-sm-6 col-12">
            </div>
            <div class="col-sm-6 col-12">
               <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="{{ route('admin') }}"> <i class="fa-solid fa-home me-2"></i></a></li>
                  <li class="breadcrumb-item">{{ $page_title }}</li>
               </ol>
            </div>
         </div>
      </div>
   </div>
   <!-- Container-fluid starts-->
   <div class="container-fluid">
      <div class="row">
         <div class="col-md-12">
            <div class="card shadow-lg border-0 rounded-3">
               <!-- Card Header -->
               <div class="card-header bg-light border-bottom-0 py-3 d-flex justify-content-between align-items-center rounded-top">
                  <h3 class="mb-0 fw-bold text-primary">
                     {{ $page_title }}
                  </h3>
               </div>
               <div class="border-top"></div>
               <div class="card-body p-4">
                

<form id="saveForm" class="theme-form row g-3" enctype="multipart/form-data">
    @csrf
    <input type="hidden" name="id" value="{{ $home_settings->id ?? '' }}">

    {{-- Hidden old images --}}
    <input type="hidden" name="old_online_coaching_image" value="{{ $home_settings->online_coaching_image ?? '' }}">
    <input type="hidden" name="old_online_coaching_image_webp" value="{{ $home_settings->online_coaching_image_webp ?? '' }}">
    <input type="hidden" name="old_offline_coaching_image" value="{{ $home_settings->offline_coaching_image ?? '' }}">
    <input type="hidden" name="old_offline_coaching_image_webp" value="{{ $home_settings->offline_coaching_image_webp ?? '' }}">
    <input type="hidden" name="old_about_image" value="{{ $home_settings->about_image ?? '' }}">
    <input type="hidden" name="old_about_image_webp" value="{{ $home_settings->about_image_webp ?? '' }}">

    {{-- Course Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="course_heading">Course Heading</label>
        <input type="text" class="form-control" id="course_heading" name="course_heading" value="{{ $home_settings->course_heading ?? '' }}" placeholder="Enter course heading">
    </div>

 
    {{-- Colleges Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="colleges_heading">Colleges Heading</label>
        <input type="text" class="form-control" id="colleges_heading" name="colleges_heading" value="{{ $home_settings->colleges_heading ?? '' }}" placeholder="Enter colleges heading">
    </div>

    {{-- Why Choose Us Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="why_choose_us_heading">Why Choose Us Heading</label>
        <input type="text" class="form-control" id="why_choose_us_heading" name="why_choose_us_heading" value="{{ $home_settings->why_choose_us_heading ?? '' }}" placeholder="Enter heading for why choose us section">
    </div>

   


    {{-- Who Choose Us Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="who_choose_us_heading">Who Choose Us Heading</label>
        <input type="text" class="form-control" id="who_choose_us_heading" name="who_choose_us_heading" value="{{ $home_settings->who_choose_us_heading ?? '' }}" placeholder="Enter heading for who choose us section">
    </div>

  

    {{-- result Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="result_heading">Result Heading</label>
        <input type="text" class="form-control" id="result_heading" name="result_heading" value="{{ $home_settings->result_heading ?? '' }}" placeholder="Enter Result heading">
    </div>

    
        <div class="col-12 col-md-6">
        <label class="form-label" for="gallery_heading">Gallery Heading</label>
        <input type="text" class="form-control" id="gallery_heading" name="gallery_heading" value="{{ $home_settings->gallery_heading ?? '' }}" placeholder="Enter Gallery heading">
    </div>

    <div class="col-12 col-md-6">
    <label class="form-label" for="coaching_heading">Coaching Heading</label>
    <input type="text" class="form-control" id="coaching_heading" name="coaching_heading" 
           value="{{ $home_settings->coaching_heading ?? '' }}" 
           placeholder="Enter Coaching heading">
</div>

<div class="col-12 col-md-6">
    <label class="form-label" for="exam_heading">Exam Heading</label>
    <input type="text" class="form-control" id="exam_heading" name="exam_heading" 
           value="{{ $home_settings->exam_heading ?? '' }}" 
           placeholder="Enter Exam heading">
</div>

<div class="col-12 col-md-6">
    <label class="form-label" for="news_heading">News Heading</label>
    <input type="text" class="form-control" id="news_heading" name="news_heading" 
           value="{{ $home_settings->news_heading ?? '' }}" 
           placeholder="Enter News heading">
</div>

<div class="col-12 col-md-6">
    <label class="form-label" for="trust_heading">Trust Heading</label>
    <input type="text" class="form-control" id="trust_heading" name="trust_heading" 
           value="{{ $home_settings->trust_heading ?? '' }}" 
           placeholder="Enter Trust heading">
</div>

<div class="col-12 col-md-6">
    <label class="form-label" for="award_heading">Award Heading</label>
    <input type="text" class="form-control" id="award_heading" name="award_heading" 
           value="{{ $home_settings->award_heading ?? '' }}" 
           placeholder="Enter Award heading">
</div>

<div class="col-12 col-md-6">
    <label class="form-label" for="announcement_heading">Announcement Heading</label>
    <input type="text" class="form-control" id="announcement_heading" name="announcement_heading" 
           value="{{ $home_settings->announcement_heading ?? '' }}" 
           placeholder="Enter Announcement heading">
</div>






    {{-- Counter Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="counter_heading">Counter Heading</label>
        <input type="text" class="form-control" id="counter_heading" name="counter_heading" value="{{ $home_settings->counter_heading ?? '' }}" placeholder="Enter counter heading">
    </div>

    {{-- Testimonials Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="testimonials_heading">Testimonials Heading</label>
        <input type="text" class="form-control" id="testimonials_heading" name="testimonials_heading" value="{{ $home_settings->testimonials_heading ?? '' }}" placeholder="Enter testimonials heading">
    </div>

    {{-- Branches Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="branches_heading">Branches Heading</label>
        <input type="text" class="form-control" id="branches_heading" name="branches_heading" value="{{ $home_settings->branches_heading ?? '' }}" placeholder="Enter branches heading">
    </div>

    {{-- Team Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="team_heading">Team Heading</label>
        <input type="text" class="form-control" id="team_heading" name="team_heading" value="{{ $home_settings->team_heading ?? '' }}" placeholder="Enter team heading">
    </div>

    {{-- Blog Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="blog_heading">Blog Heading</label>
        <input type="text" class="form-control" id="blog_heading" name="blog_heading" value="{{ $home_settings->blog_heading ?? '' }}" placeholder="Enter blog heading">
    </div>

        {{-- Study Materials Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="study_materials_heading">Study Materials Heading</label>
        <input type="text" class="form-control" id="study_materials_heading" name="study_materials_heading" value="{{ $home_settings->study_materials_heading ?? '' }}" placeholder="Enter study materials heading">
    </div>

     {{-- FAQ Heading --}}
    <div class="col-12 col-md-6">
        <label class="form-label" for="faq_heading">FAQ Heading</label>
        <input type="text" class="form-control" id="faq_heading" name="faq_heading" value="{{ $home_settings->faq_heading ?? '' }}" placeholder="Enter FAQ heading">
    </div>


    {{-- Blog Detail --}}
    <div class="col-12">
        <label class="form-label" for="blog_detail">Blog Detail</label>
        <textarea class="form-control" id="blog_detail" name="blog_detail" rows="2" placeholder="Enter blog details">{{ $home_settings->blog_detail ?? '' }}</textarea>
    </div>


{{-- result Detail --}}
    <div class="col-12">
        <label class="form-label" for="result_detail">Result Detail</label>
        <textarea class="form-control" id="result_detail" name="result_detail" rows="2" placeholder="Enter details about result">{{ $home_settings->result_detail ?? '' }}</textarea>
    </div>


    {{-- Study Materials Detail --}}
    <div class="col-12">
        <label class="form-label" for="study_materials_detail">Study Materials Detail</label>
        <textarea class="form-control" id="study_materials_detail" name="study_materials_detail" rows="2" placeholder="Enter study materials details">{{ $home_settings->study_materials_detail ?? '' }}</textarea>
    </div>

   
     {{-- Why Choose Us Detail --}}
    <div class="col-12">
        <label class="form-label" for="why_choose_us_detail">Why Choose Us Detail</label>
        <textarea class="form-control" id="why_choose_us_detail" name="why_choose_us_detail" rows="2" placeholder="Enter details for why choose us">{{ $home_settings->why_choose_us_detail ?? '' }}</textarea>
    </div>
       {{-- Course Detail --}}
    <div class="col-12">
        <label class="form-label" for="course_detail">Course Detail</label>
        <textarea class="form-control" id="course_detail" name="course_detail" rows="2" placeholder="Enter course details">{{ $home_settings->course_detail ?? '' }}</textarea>
    </div>

      {{-- Who Choose Us Detail --}}
    <div class="col-12">
        <label class="form-label" for="who_choose_us_detail">Who Choose Us Detail</label>
        <textarea class="form-control" id="who_choose_us_detail" name="who_choose_us_detail" rows="2" placeholder="Enter details for who choose us">{{ $home_settings->who_choose_us_detail ?? '' }}</textarea>
    </div>


    {{-- Online Coaching Image --}}
    <div class="col-12 col-md-4">
        <label class="form-label" for="online_coaching_image">Online Coaching Image</label>
        <input type="file" class="form-control" id="online_coaching_image" name="online_coaching_image" accept=".jpg,.jpeg,.png,.webp" onchange="previewImage(this,'onlineCoachingPreview')">
        <div class="mt-2">
            @if(!empty($home_settings?->online_coaching_image))
            <a href="{{ asset($home_settings->online_coaching_image) }}" target="_blank">
                <img id="onlineCoachingPreview" src="{{ asset($home_settings->online_coaching_image) }}" class="img-thumbnail" style="max-height:100px;">
            </a>
            @else
            <img id="onlineCoachingPreview" src="#" class="img-thumbnail" style="max-height:100px; display:none;">
            @endif
        </div>
    </div>

    {{-- Offline Coaching Image --}}
    <div class="col-12 col-md-4">
        <label class="form-label" for="offline_coaching_image">Offline Coaching Image</label>
        <input type="file" class="form-control" id="offline_coaching_image" name="offline_coaching_image" accept=".jpg,.jpeg,.png,.webp" onchange="previewImage(this,'offlineCoachingPreview')">
        <div class="mt-2">
            @if(!empty($home_settings?->offline_coaching_image))
            <a href="{{ asset($home_settings->offline_coaching_image) }}" target="_blank">
                <img id="offlineCoachingPreview" src="{{ asset($home_settings->offline_coaching_image) }}" class="img-thumbnail" style="max-height:100px;">
            </a>
            @else
            <img id="offlineCoachingPreview" src="#" class="img-thumbnail" style="max-height:100px; display:none;">
            @endif
        </div>
    </div>

    {{-- About Image --}}
    <div class="col-12 col-md-4">
        <label class="form-label" for="about_image">About Image</label>
        <input type="file" class="form-control" id="about_image" name="about_image" accept=".jpg,.jpeg,.png,.webp" onchange="previewImage(this,'aboutPreview')">
        <div class="mt-2">
            @if(!empty($home_settings?->about_image))
            <a href="{{ asset($home_settings->about_image) }}" target="_blank">
                <img id="aboutPreview" src="{{ asset($home_settings->about_image) }}" class="img-thumbnail" style="max-height:100px;">
            </a>
            @else
            <img id="aboutPreview" src="#" class="img-thumbnail" style="max-height:100px; display:none;">
            @endif
        </div>
    </div>

    {{-- Submit Buttons --}}
    <div class="col-12 text-start mt-3">
        <button type="submit" class="btn btn-sm btn-primary me-2"><i class="fas fa-save"></i> Save</button>
        <button type="reset" class="btn btn-sm btn-secondary"><i class="fa-solid fa-rotate-left"></i> Reset</button>
    </div>
</form>




               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection
@push('scripts')
<script>
  $(document).ready(function() {
    $('#saveForm').on('submit', function(e) {
        e.preventDefault();

        let formData = new FormData();

        // CSRF & ID
        formData.append('_token', $('input[name="_token"]').val());
        formData.append('id', $('#id').val());

        formData.append('course_heading', $('#course_heading').val());
        formData.append('colleges_heading', $('#colleges_heading').val());
        formData.append('why_choose_us_heading', $('#why_choose_us_heading').val());
        formData.append('who_choose_us_heading', $('#who_choose_us_heading').val());
        formData.append('result_heading', $('#result_heading').val());
        formData.append('counter_heading', $('#counter_heading').val());
        formData.append('testimonials_heading', $('#testimonials_heading').val());
        formData.append('branches_heading', $('#branches_heading').val());
        formData.append('team_heading', $('#team_heading').val());
        formData.append('blog_heading', $('#blog_heading').val());
        formData.append('study_materials_heading', $('#study_materials_heading').val());
        formData.append('faq_heading', $('#faq_heading').val());

        // Textareas (Details)
        formData.append('course_detail', $('#course_detail').val());
        formData.append('why_choose_us_detail', $('#why_choose_us_detail').val());
        formData.append('who_choose_us_detail', $('#who_choose_us_detail').val());
        formData.append('result_detail', $('#result_detail').val());
        formData.append('gallery_heading', $('#gallery_heading').val());
        formData.append('blog_detail', $('#blog_detail').val());
        formData.append('study_materials_detail', $('#study_materials_detail').val());
        formData.append('coaching_heading', $('#coaching_heading').val());
        formData.append('exam_heading', $('#exam_heading').val());
        formData.append('news_heading', $('#news_heading').val());
        formData.append('trust_heading', $('#trust_heading').val());
        formData.append('award_heading', $('#award_heading').val());
        formData.append('announcement_heading', $('#announcement_heading').val());

        // Old Images
        formData.append('old_online_coaching_image', $('#old_online_coaching_image').val());
        formData.append('old_online_coaching_image_webp', $('#old_online_coaching_image_webp').val());
        formData.append('old_offline_coaching_image', $('#old_offline_coaching_image').val());
        formData.append('old_offline_coaching_image_webp', $('#old_offline_coaching_image_webp').val());
        formData.append('old_about_image', $('#old_about_image').val());
        formData.append('old_about_image_webp', $('#old_about_image_webp').val());

        // File uploads
        if($('#online_coaching_image')[0].files.length) formData.append('online_coaching_image', $('#online_coaching_image')[0].files[0]);
        if($('#offline_coaching_image')[0].files.length) formData.append('offline_coaching_image', $('#offline_coaching_image')[0].files[0]);
        if($('#about_image')[0].files.length) formData.append('about_image', $('#about_image')[0].files[0]);

        // AJAX
        $.ajax({
            url: '{{ route("homesettings.save") }}',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            beforeSend: () => $('#submitBtn').prop('disabled', true).text('Processing...'),
            success: function(res) {
                if(res.success){
                    toastr.success(res.message || 'Settings saved!');
                    setTimeout(()=> location.reload(), 1000);
                } else {
                    toastr.error(res.message || 'Something went wrong');
                }
            },
            error: function(xhr) {
                if(xhr.status === 422){
                    let errors = xhr.responseJSON.errors;
                    let errorMessages = [];
                    $.each(errors, function(key, val) {
                        errorMessages.push(val[0]);
                    });
                    toastr.error(errorMessages.join('<br>'));
                } else {
                    toastr.error(xhr.responseJSON?.message || 'Something went wrong!');
                    console.log(xhr.responseText);
                }
            },
            complete: () => $('#submitBtn').prop('disabled', false).text('Save')
        });

    });
});

</script>
@endpush