@extends('Admin.layout.main')

@section('content')
@if(session()->has('success'))
<script>
Swal.fire({
  title: "{{ session('success') }}",
  icon: "success"
});
</script>
@endif

@if(session()->has('error'))
<script>
Swal.fire({
  title: "{{ session('error') }}",
  icon: "error"
});
</script>
@endif
<div class="page-content-wrapper">
    <!-- start page content-->
    {{-- <div class="page-content"> --}}



            <div class="container mt-4">
                <h2>Edit Service Location Pages</h2>
                <form action="{{ route('admin.updatepage', $data->id) }}" enctype="multipart/form-data" method="POST">
                    @csrf
            
                    <!-- Basic Info -->
                    <div class="mb-3">
                        <label class="form-label">Slug</label>
                        <input type="text" name="slug" class="form-control" value="{{ $data->slug ?? '' }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">State Image</label>
                        <input type="file" name="file" class="form-control"  >
                        @if($data->state_image)
                        <img src="{{ asset('storage/' . $data->state_image) }}" alt="Current Image 1" style="width: 100px; height: auto; margin-top: 10px;">
                    @endif
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Title</label>
                        <input type="text" name="title" class="form-control" value="{{ $data->title ?? '' }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Description</label>
                        <input type="text" name="description" class="form-control" rows="2" value="{{ $data->description ?? '' }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Keywords (comma-separated)</label>
                        <input type="text" name="keywords" class="form-control" value="{{ $data->keywords ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Author</label>
                        <input type="text" name="author" class="form-control" value="{{ $data->author ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Robots</label>
                        <input type="text" name="robots" class="form-control" value="{{ $data->robots ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Copyright</label>
                        <input type="text" name="copyright" class="form-control" value="{{ $data->copyright ?? '' }}"  >
                    </div>
                    {{-- <div class="mb-3">
                        <label class="form-label">Canonical URL</label>
                        <input type="text" name="canonical_url" class="form-control" value="{{ $data->canonical_url ?? '' }}"  >
                    </div> --}}
            
                    <!-- OG Tags -->
                    <h5 class="mt-4">Open Graph (OG) Tags</h5>
                    <div class="mb-3">
                        <label class="form-label">OG Type</label>
                        <input type="text" name="og_type" class="form-control" value="{{ $data->og_type ?? '' }}"  >
                    </div>
                    {{-- <div class="mb-3">
                        <label class="form-label">OG URL</label>
                        <input type="text" name="og_url" class="form-control" value="{{ $data->og_url ?? '' }}"  >
                    </div> --}}
                    <div class="mb-3">
                        <label class="form-label">OG Title</label>
                        <input type="text" name="og_title" class="form-control" value="{{ $data->og_title ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">OG Description</label>
                        <input type="text" name="og_description" class="form-control" rows="2" value="{{ $data->og_description  }}"  >
                    </div>
                    {{-- <div class="mb-3">
                        <label class="form-label">OG Image URL</label>
                        <input type="text" name="og_image" class="form-control" value="{{ $data->og_image ?? '' }}"  >
                    </div> --}}
            
                    <!-- Twitter Tags -->
                    <h5 class="mt-4">Twitter Tags</h5>
                    <div class="mb-3">
                        <label class="form-label">Twitter Card</label>
                            <input type="text" name="twitter_card" class="form-control" value="{{ $data->twitter_card ?? '' }}"  >
                    </div>
                    {{-- <div class="mb-3">
                        <label class="form-label">Twitter URL</label>
                        <input type="text" name="twitter_url" class="form-control" value="{{ $data->twitter_url ?? '' }}"  >
                    </div> --}}
                    <div class="mb-3">
                        <label class="form-label">Twitter Title</label>
                        <input type="text" name="twitter_title" class="form-control" value="{{ $data->twitter_title ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Twitter Description</label>
                        <input type="text" name="twitter_description" class="form-control" rows="2" value="{{ $data->twitter_description ?? '' }}"  ></textarea>
                    </div>
                    {{-- <div class="mb-3">
                        <label class="form-label">Twitter Image URL</label>
                        <input type="text" name="twitter_image" class="form-control" value="{{ $data->twitter_image ?? '' }}"  >
                    </div> --}}
            
                    <!-- Schema & Content -->
                    <h5 class="mt-4">Schema & Content</h5>
                    <div class="mb-3">
                        <label class="form-label">Schema JSON</label>
                        <input type="text" name="schema_json" class="form-control" rows="4" value="{{ $data->schema_json ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Custom JS</label>
                        <input type="text" name="custom_js" class="form-control" rows="2" value="{{ $data->custom_js ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Custom Page Content</label>
                        <input type="text" name="custom_content" class="form-control" rows="6" value="{{ $data->custom_content ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">State</label>
                        <input type="text" name="state" class="form-control" rows="6" value="{{ $data->state ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">City</label>
                        <input type="text" name="city" class="form-control" rows="6" value="{{ $data->city ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Service</label>
                        <input type="text" name="service" class="form-control" rows="6" value="{{ $data->service ?? '' }}"  >
                    </div>




                    <div class="mb-3">
                        <label class="form-label">H1</label>
                        <input type="text" name="h1" class="form-control" value="{{ $data->h1 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">P1</label>
                        <input type="text" name="p1" class="form-control" value="{{ $data->p1 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">H2</label>        
                        <input type="text" name="h2" class="form-control" value="{{ $data->h2 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">P2</label>
                        <input type="text" name="p2" class="form-control" value="{{ $data->p2 ?? '' }}"  >
                    </div>
                    <h1>FAQ</h1>
                    <div class="mb-3">
                        <label class="form-label">Q1</label>
                        <input type="text" name="q1" class="form-control" value="{{ $data->q1 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">A1</label>
                        <input type="text" name="a1" class="form-control" value="{{ $data->a1 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Q2</label>
                        <input type="text" name="q2" class="form-control" value="{{ $data->q2 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">A2</label>
                        <input type="text" name="a2" class="form-control" value="{{ $data->a2 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Q3</label>
                        <input type="text" name="q3" class="form-control" value="{{ $data->q3 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        
                    </div>
                    <div class="mb-3">
                        <label class="form-label">A3</label>
                        <input type="text" name="a3" class="form-control" value="{{ $data->a3 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Q4</label>
                        <input type="text" name="q4" class="form-control" value="{{ $data->q4 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">A4</label>
                        <input type="text" name="a4" class="form-control" value="{{ $data->a4 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Q5</label>
                        <input type="text" name="q5" class="form-control" value="{{ $data->q5 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">A5</label>    
                        <input type="text" name="a5" class="form-control" value="{{ $data->a5 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Q6</label>
                        <input type="text" name="q6" class="form-control" value="{{ $data->q6 ?? '' }}"  >
                    </div>
                    <div class="mb-3">
                        <label class="form-label">A6</label>
                        <input type="text" name="a6" class="form-control" value="{{ $data->a6 ?? '' }}"  >
                    </div>

                  


                    
                    
                    
                    <!-- Publish -->
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="is_published" value="1" id="is_published" value="{{ $data->is_published ?? '' }}" required>
                        <label class="form-check-label" for="is_published">Publish this page</label>
                    </div>
            
                    <button type="submit" class="btn btn-success">Save Page</button>
                </form>
           


















        </div>
        </div>
@endsection