@extends('layouts.panel')
@section('content')
<div><h2 class="text-3xl sm:text-4xl text-[#041627]">Website Content</h2><p class="text-[#44474c]">Homepage and SEO settings.</p></div>
<div><a href="{{ route('admin.content.slides.index') }}" class="inline-flex w-full justify-center bg-white border border-[#041627] text-[#041627] px-4 py-2 text-sm font-semibold rounded sm:w-auto">Manage Homepage Slides</a></div>
<form method="post" action="{{ route('admin.content.site.update') }}" class="bg-white border border-[#aeb6bf] p-4 sm:p-6 space-y-4">@csrf
  <div><label class="text-sm font-semibold">Journal Name</label><input name="journal_name" value="{{ old('journal_name',$item->journal_name ?? '') }}" required class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
  <div><label class="text-sm font-semibold">Tagline</label><input name="tagline" value="{{ old('tagline',$item->tagline ?? '') }}" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
  <div><label class="text-sm font-semibold">Hero Title</label><input name="hero_title" value="{{ old('hero_title',$item->hero_title ?? '') }}" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
  <div><label class="text-sm font-semibold">Hero Description</label><textarea name="hero_description" rows="4" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]">{{ old('hero_description',$item->hero_description ?? '') }}</textarea></div>
  <div><label class="text-sm font-semibold">Meta Title</label><input name="meta_title" value="{{ old('meta_title',$item->meta_title ?? '') }}" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
  <div><label class="text-sm font-semibold">Meta Description</label><textarea name="meta_description" rows="3" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]">{{ old('meta_description',$item->meta_description ?? '') }}</textarea></div>
  <div class="pt-2 border-t border-[#e3e6ea]">
    <h3 class="text-lg font-semibold text-[#041627] mb-3">Google OAuth</h3>
    <label class="inline-flex items-center gap-3 text-sm font-semibold">
      <input type="checkbox" name="google_oauth_enabled" value="1" class="peer sr-only" @checked(old('google_oauth_enabled',$item->google_oauth_enabled ?? false))>
      <span class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full bg-[#c4c6cd] transition-colors before:inline-block before:h-5 before:w-5 before:translate-x-1 before:rounded-full before:bg-white before:shadow before:transition-transform peer-checked:bg-[#00522f] peer-checked:before:translate-x-6"></span>
      <span>Google Login/Signup on/off</span>
    </label>
    <div class="mt-3"><label class="text-sm font-semibold">Google Client ID</label><input name="google_client_id" value="{{ old('google_client_id',$item->google_client_id ?? '') }}" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
    <div class="mt-3"><label class="text-sm font-semibold">Google Client Secret</label><input name="google_client_secret" value="{{ old('google_client_secret',$item->google_client_secret ?? '') }}" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]"></div>
    <div class="mt-3"><label class="text-sm font-semibold">Google Redirect URI</label><input name="google_redirect_uri" value="{{ old('google_redirect_uri',$item->google_redirect_uri ?? '') }}" class="mt-1 border border-[#aeb6bf] p-2 w-full bg-[#f7fafc]" placeholder="https://yourdomain.com/auth/google/callback"></div>
  </div>
  <button class="w-full bg-[#041627] text-white px-4 py-2 text-sm font-semibold sm:w-auto">Save Settings</button>
</form>
@endsection