@extends('admin.layouts.app')

@section('title','General Settings')

@section('content')

<h1 class="text-2xl font-bold mb-6">General Settings</h1>

<form method="POST" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
@csrf

<div class="grid grid-cols-2 gap-8">

{{-- LEFT SIDE --}}
<div class="space-y-6">

<div>
<label class="block text-sm mb-2">Site Name</label>
<input type="text" name="site_name" value="{{ $settings->site_name ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

<div>
<label class="block text-sm mb-2">Site Logo</label>

@if(!empty($settings->site_logo))
<img src="{{ asset('uploads/'.$settings->site_logo) }}" class="h-12 mb-2">
@endif

<input type="file" name="site_logo">
</div>

<div>
<label class="block text-sm mb-2">Site Favicon</label>

@if(!empty($settings->site_favicon))
<img src="{{ asset('uploads/'.$settings->site_favicon) }}" class="h-8 mb-2">
@endif

<input type="file" name="site_favicon">
</div>

<div>
<label class="block text-sm mb-2">Email</label>
<input type="email" name="email" value="{{ $settings->email ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

<div>
<label class="block text-sm mb-2">Description</label>
<textarea name="description" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">{{ $settings->description ?? '' }}</textarea>
</div>

<div>
<label class="block text-sm mb-2">Site Keywords</label>
<textarea name="site_keywords" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">{{ $settings->site_keywords ?? '' }}</textarea>
</div>

<div>
<label class="block text-sm mb-2">Header Code</label>
<textarea name="header_code" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">{{ $settings->header_code ?? '' }}</textarea>
</div>

<div>
<label class="block text-sm mb-2">Footer Code</label>
<textarea name="footer_code" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">{{ $settings->footer_code ?? '' }}</textarea>
</div>

<div>
<label class="block text-sm mb-2">Copyright Text</label>
<input type="text" name="copyright_text" value="{{ $settings->copyright_text ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

</div>


{{-- RIGHT SIDE --}}
<div class="space-y-6">

<div>
<label class="block text-sm mb-2">Default Timezone</label>
<select name="default_timezone" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
<option value="Asia/Kolkata">Asia/Kolkata</option>
<option value="UTC">UTC</option>
<option value="America/New_York">America/New_York</option>
</select>
</div>

<div>
<label class="block text-sm mb-2">Default Language</label>
<select name="default_language" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
<option value="English">English</option>
<option value="Spanish">Spanish</option>
<option value="French">French</option>
</select>
</div>

<div>
<label class="block text-sm mb-2">Site Styling</label>
<select name="site_styling" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
<option value="Style 1">Style 1</option>
<option value="Style 2">Style 2</option>
<option value="Style 3">Style 3</option>
<option value="Style 6">Style 6</option>
</select>
</div>

<div>
<label class="block text-sm mb-2">Currency Code</label>
<select name="currency_code" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
<option value="USD">USD</option>
<option value="EUR">EUR</option>
<option value="INR">INR</option>
</select>
</div>

<div>
<label class="block text-sm mb-2">TMDB API Token</label>
<input type="text" name="tmdb_api_token" value="{{ $settings->tmdb_api_token ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

<div>
<label class="block text-sm mb-2">TMDB API Data Language</label>
<select name="tmdb_data_language" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
<option value="en-US">English</option>
<option value="hi-IN">Hindi</option>
<option value="es-ES">Spanish</option>
</select>
</div>

<div>
<label class="block text-sm mb-2">Facebook URL</label>
<input type="text" name="facebook_url" value="{{ $settings->facebook_url ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

<div>
<label class="block text-sm mb-2">Twitter URL</label>
<input type="text" name="twitter_url" value="{{ $settings->twitter_url ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

<div>
<label class="block text-sm mb-2">Instagram URL</label>
<input type="text" name="instagram_url" value="{{ $settings->instagram_url ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

<div>
<label class="block text-sm mb-2">Google Play URL</label>
<input type="text" name="google_play_url" value="{{ $settings->google_play_url ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

<div>
<label class="block text-sm mb-2">Apple Store URL</label>
<input type="text" name="apple_store_url" value="{{ $settings->apple_store_url ?? '' }}" class="w-full bg-[#020617] border border-gray-700 rounded px-3 py-2">
</div>

</div>

</div>

<button class="mt-8 bg-red-600 hover:bg-red-700 px-6 py-2 rounded">
Save Settings
</button>

</form>

@endsection