@extends('layouts.admin')
@section('title', 'Website Settings')
@section('content')
<form action="{{ route('admin.settings.update') }}" method="POST" enctype="multipart/form-data">
@csrf @method('PUT')
<div class="row g-4">
{{-- GENERAL SETTINGS --}}
<div class="col-lg-6">
<div class="card mb-4">
<div class="card-header"><i class="bi bi-globe me-2" style="color:var(--primary)"></i>General Settings</div>
<div class="card-body p-4">
<div class="mb-3">
<label class="form-label">Site Logo</label>
@if(!empty($settings['site_logo']))
<div class="mb-2 p-2 border rounded d-inline-flex align-items-center gap-3">
<img src="{{ asset('storage/' . $settings['site_logo']) }}" style="height:50px;object-fit:contain" alt="Current Logo">
<span class="text-muted" style="font-size:12px">Current logo</span>
</div><br>
@endif
<input type="file" name="site_logo" class="form-control" accept="image/*">
<small class="text-muted">PNG, JPG, SVG — Max 2MB। নতুন লোগো আপলোড করলে পুরনোটি replace হবে।</small>
</div>
<div class="mb-3">
<label class="form-label">Site Name <span class="text-danger">*</span></label>
<input type="text" name="site_name" class="form-control" value="{{ $settings['site_name'] ?? '' }}" required>
</div>
<div class="mb-3">
<label class="form-label">Tagline</label>
<input type="text" name="site_tagline" class="form-control" value="{{ $settings['site_tagline'] ?? '' }}" placeholder="Best online shop in Bangladesh">
</div>
<div class="mb-3">
<label class="form-label">Contact Email</label>
<input type="email" name="site_email" class="form-control" value="{{ $settings['site_email'] ?? '' }}">
</div>
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="text" name="site_phone" class="form-control" value="{{ $settings['site_phone'] ?? '' }}" placeholder="+880 1700-000000">
</div>
<div class="mb-3">
<label class="form-label">Address</label>
<input type="text" name="site_address" class="form-control" value="{{ $settings['site_address'] ?? '' }}" placeholder="Dhaka, Bangladesh">
</div>
<div class="mb-3">
<label class="form-label">Footer Text <small class="text-muted">(ফুটারে লগোর নিচে দেখাবে)</small></label>
<textarea name="footer_text" class="form-control" rows="3" placeholder="আপনার সম্পর্কে সংক্ষিপ্ত বিবরণ...">{{ $settings['footer_text'] ?? '' }}</textarea>
</div>
</div>
</div>
{{-- SEO --}}
<div class="card">
<div class="card-header"><i class="bi bi-search me-2" style="color:var(--primary)"></i>SEO Meta</div>
<div class="card-body p-4">
<div class="mb-3">
<label class="form-label">Meta Description</label>
<textarea name="meta_description" rows="3" class="form-control" placeholder="Default page description for SEO...">{{ $settings['meta_description'] ?? '' }}</textarea>
</div>
<div class="mb-3">
<label class="form-label">Meta Keywords</label>
<input type="text" name="meta_keywords" class="form-control" value="{{ $settings['meta_keywords'] ?? '' }}" placeholder="online shop, bangladesh, ecommerce">
</div>
</div>
</div>
</div>
<div class="col-lg-6">
{{-- SOCIAL MEDIA --}}
<div class="card mb-4">
<div class="card-header"><i class="bi bi-share me-2" style="color:var(--primary)"></i>Social Media Links</div>
<div class="card-body p-4">
<div class="mb-3">
<label class="form-label"><i class="bi bi-facebook me-1 text-primary"></i>Facebook Page URL</label>
<input type="url" name="facebook_url" class="form-control" value="{{ $settings['facebook_url'] ?? '' }}" placeholder="https://facebook.com/yourpage">
</div>
<div class="mb-3">
<label class="form-label"><i class="bi bi-youtube me-1 text-danger"></i>YouTube Channel URL</label>
<input type="url" name="youtube_url" class="form-control" value="{{ $settings['youtube_url'] ?? '' }}" placeholder="https://youtube.com/yourchannel">
</div>
<div class="mb-3">
<label class="form-label"><i class="bi bi-instagram me-1 text-warning"></i>Instagram URL</label>
<input type="url" name="instagram_url" class="form-control" value="{{ $settings['instagram_url'] ?? '' }}" placeholder="https://instagram.com/yourhandle">
</div>
</div>
</div>
{{-- TRACKING INTEGRATIONS --}}
<div class="card">
<div class="card-header"><i class="bi bi-graph-up me-2" style="color:var(--primary)"></i>Tracking & Analytics</div>
<div class="card-body p-4">
<div class="mb-3">
<label class="form-label">
<i class="bi bi-meta me-1 text-primary"></i>Facebook Pixel ID
</label>
<input type="text" name="facebook_pixel_id" class="form-control" value="{{ $settings['facebook_pixel_id'] ?? '' }}" placeholder="123456789012345">
<small class="text-muted">শুধু numeric Pixel ID দাও (full code না)।</small>
</div>
{{-- Conversions API --}}
<div class="p-3 mb-3 rounded" style="background:#f0f4ff;border:1px solid #c7d4f0">
<p class="fw-semibold mb-2" style="font-size:14px">
<i class="bi bi-server me-1 text-primary"></i>Meta Conversions API (Server-Side)
</p>
<div class="mb-2">
<label class="form-label" style="font-size:13px">Access Token</label>
<input type="text" name="conversions_api_token" class="form-control form-control-sm"
value="{{ $settings['conversions_api_token'] ?? '' }}"
placeholder="EAAxxxxxxxxx...">
<small class="text-muted">Meta Business → Events Manager → Dataset → Settings → Conversions API → Generate Access Token</small>
</div>
<div class="mb-0">
<label class="form-label" style="font-size:13px">Test Event Code <span class="text-muted fw-normal">(optional)</span></label>
<input type="text" name="conversions_api_test_code" class="form-control form-control-sm"
value="{{ $settings['conversions_api_test_code'] ?? '' }}"
placeholder="TEST12345">
<small class="text-muted">Test করার সময় এটা দাও, live করার পর খালি রাখো।</small>
</div>
</div>
<div class="mb-3">
<label class="form-label">
<i class="bi bi-graph-up-arrow me-1 text-warning"></i>
Google Analytics ID (G-XXXXXXXX)
</label>
<input type="text" name="google_analytics_id" class="form-control" value="{{ $settings['google_analytics_id'] ?? '' }}" placeholder="G-XXXXXXXXXX">
</div>
<div class="mb-3">
<label class="form-label">
<i class="bi bi-tag me-1 text-success"></i>
Google Tag Manager ID (GTM-XXXXXXX)
</label>
<input type="text" name="google_tag_manager_id" class="form-control" value="{{ $settings['google_tag_manager_id'] ?? '' }}" placeholder="GTM-XXXXXXX">
</div>
<div class="alert alert-info" style="font-size:13px">
<i class="bi bi-info-circle me-1"></i>
These codes are automatically injected into every page when saved.
</div>
</div>
</div>
</div>
</div>
{{-- SHIPPING SETTINGS --}}
<div class="col-12">
<div class="card">
<div class="card-header"><i class="bi bi-truck me-2" style="color:var(--primary)"></i>Shipping Charges</div>
<div class="card-body p-4">
<div class="row g-4">
<div class="col-md-4">
<label class="form-label fw-semibold">
<i class="bi bi-geo-alt-fill me-1 text-success"></i>Inside Dhaka (৳)
</label>
<div class="input-group">
<span class="input-group-text">৳</span>
<input type="number" name="shipping_inside_dhaka" class="form-control" min="0"
value="{{ $settings['shipping_inside_dhaka'] ?? 60 }}" placeholder="60">
</div>
<small class="text-muted">Default delivery charge inside Dhaka</small>
</div>
<div class="col-md-4">
<label class="form-label fw-semibold">
<i class="bi bi-geo-alt me-1 text-danger"></i>Outside Dhaka (৳)
</label>
<div class="input-group">
<span class="input-group-text">৳</span>
<input type="number" name="shipping_outside_dhaka" class="form-control" min="0"
value="{{ $settings['shipping_outside_dhaka'] ?? 120 }}" placeholder="120">
</div>
<small class="text-muted">Default delivery charge outside Dhaka</small>
</div>
<div class="col-md-4 d-flex align-items-center">
<div class="alert alert-info mb-0 py-2 w-100" style="font-size:13px">
<i class="bi bi-info-circle me-1"></i>
এই চার্জ সব প্রোডাক্টে apply হবে। Individual প্রোডাক্টে আলাদা চার্জ সেট করা যাবে।
</div>
</div>
</div>
</div>
</div>
</div>
{{-- PAYMENT NUMBERS --}}
<div class="col-12">
<div class="card">
<div class="card-header"><i class="bi bi-phone me-2" style="color:var(--primary)"></i>Mobile Banking (বিকাশ / রকেট / নগদ)</div>
<div class="card-body p-4">
<div class="row g-4">
{{-- bKash --}}
<div class="col-md-4">
<p class="fw-semibold mb-2" style="color:#e2136e"><i class="bi bi-phone-fill me-1"></i>bKash</p>
<label class="form-label small text-muted">নম্বর</label>
<div class="input-group mb-2">
<span class="input-group-text" style="background:#e2136e;color:#fff">b</span>
<input type="text" name="bkash_number" class="form-control"
value="{{ $settings['bkash_number'] ?? '' }}" placeholder="01XXXXXXXXX">
</div>
<label class="form-label small text-muted">Instruction Text (চেকআউটে দেখাবে)</label>
<input type="text" name="bkash_instruction" class="form-control"
value="{{ $settings['bkash_instruction'] ?? 'bKash নম্বরে Send Money করুন:' }}"
placeholder="bKash নম্বরে Send Money করুন:">
</div>
{{-- Rocket --}}
<div class="col-md-4">
<p class="fw-semibold mb-2" style="color:#8332ac"><i class="bi bi-phone-fill me-1"></i>Rocket</p>
<label class="form-label small text-muted">নম্বর</label>
<div class="input-group mb-2">
<span class="input-group-text" style="background:#8332ac;color:#fff"><i class="bi bi-rocket-takeoff"></i></span>
<input type="text" name="rocket_number" class="form-control"
value="{{ $settings['rocket_number'] ?? '' }}" placeholder="01XXXXXXXXX">
</div>
<label class="form-label small text-muted">Instruction Text (চেকআউটে দেখাবে)</label>
<input type="text" name="rocket_instruction" class="form-control"
value="{{ $settings['rocket_instruction'] ?? 'Rocket নম্বরে Send Money করুন:' }}"
placeholder="Rocket নম্বরে Send Money করুন:">
</div>
{{-- Nagad --}}
<div class="col-md-4">
<p class="fw-semibold mb-2" style="color:#f05a28"><i class="bi bi-phone-fill me-1"></i>Nagad</p>
<label class="form-label small text-muted">নম্বর</label>
<div class="input-group mb-2">
<span class="input-group-text" style="background:#f05a28;color:#fff">N</span>
<input type="text" name="nagad_number" class="form-control"
value="{{ $settings['nagad_number'] ?? '' }}" placeholder="01XXXXXXXXX">
</div>
<label class="form-label small text-muted">Instruction Text (চেকআউটে দেখাবে)</label>
<input type="text" name="nagad_instruction" class="form-control"
value="{{ $settings['nagad_instruction'] ?? 'Nagad নম্বরে Send Money করুন:' }}"
placeholder="Nagad নম্বরে Send Money করুন:">
</div>
</div>
</div>
</div>
</div>
<div class="mt-4">
<button type="submit" class="btn btn-danger px-5 py-2 fw-semibold">
<i class="bi bi-save me-2"></i>Save All Settings
</button>
</div>
</form>
@endsection