@extends('layouts.admin')
@section('title', config('app.name') . ' : Settings Website')
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    @if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
    @endif
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <div class="card mb-6">
      <h5 class="card-header">Setting White Label</h5>
      <form class="card-body" action="{{ route('settings.update') }}" method="POST">
        @csrf <!-- Token CSRF untuk keamanan -->
        <div class="row g-6">
            <div class="col-md-6">
                <label class="form-label" for="site_name">Site Name</label>
                <input type="text" id="site_name" name="site_name" class="form-control" value="{{ getSetting('site_name') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_title">Site Title</label>
                <div class="input-group input-group-merge">
                    <input type="text" id="site_title" name="site_title" class="form-control" value="{{ getSetting('site_title') }}" />
                </div>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_description">Site Description</label>
                <div class="input-group input-group-merge">
                    <input type="text" id="site_description" name="site_description" class="form-control" value="{{ getSetting('site_description') }}" />
                </div>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_keyword">Site Keyword</label>
                <div class="input-group input-group-merge">
                    <input type="text" id="site_keyword" name="site_keyword" class="form-control" value="{{ getSetting('site_keywords') }}" placeholder="Ex: slot88, slot gacor, slot thailand" />
                </div>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="meta_google">Google Search Console</label>
                <div class="input-group input-group-merge">
                    <input type="text" id="meta_google" name="meta_google" class="form-control" value="{{ getSetting('meta_google') }}" placeholder='Ex: <meta name="google-site-verification" content="xx" />' />
                </div>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_url">Site URL</label>
                <input type="text" id="site_url" name="site_url" class="form-control" value="{{ getSetting('site_url') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_api">Site API URL</label>
                <input type="text" id="site_api" name="site_api" class="form-control" value="{{ getSetting('site_api') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_amp">Site AMP URL</label>
                <input type="text" id="site_amp" name="site_amp" class="form-control" value="{{ getSetting('site_amp') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_asset">Site Asset URL</label>
                <input type="text" id="site_asset" name="site_asset" class="form-control" value="{{ getSetting('site_asset') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="site_canonical">Site Canonical</label>
                <input type="text" id="site_canonical" name="site_canonical" class="form-control" value="{{ getSetting('site_canonical') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="Whatsapp">Whatsapp Number</label>
                <input type="text" id="whatsapp" name="whatsapp" class="form-control" value="{{ getSetting('whatsapp') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="Telegram">Telegram</label>
                <input type="text" id="facebook" name="telegram" class="form-control" value="{{ getSetting('telegram') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="Facebook">Facebook</label>
                <input type="text" id="facebook" name="facebook" class="form-control" value="{{ getSetting('facebook') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="Email">Email</label>
                <input type="text" id="email" name="email" class="form-control" value="{{ getSetting('email') }}" />
            </div>
            <div class="col-md-6">
                <label class="form-label" for="LiveChat">LiveChat</label>
                <input type="text" id="livechat" name="livechat" class="form-control" value="{{ getSetting('livechat') }}" />
            </div>
        </div>
        <div class="pt-6">
            <button type="submit" class="btn btn-primary me-4">Submit</button>
        </div>
    </form>
    </div>
    <div class="card mb-6">
        <h5 class="card-header">Setting Script</h5>
        <form class="card-body" action="{{ route('settings.update') }}" method="POST">
            @csrf <!-- Token CSRF untuk keamanan -->
            <div class="row g-6">
                <div class="col-md-6">
                    <label class="form-label" for="google_analytics">Header Script</label>
                    <textarea id="google_analytics" name="google_analytics" class="form-control" rows="5">{{ getSetting('google_analytics') }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="custom_script">Footer Script</label>
                    <textarea id="custom_script" name="custom_script" class="form-control" rows="5">{{ getSetting('custom_script') }}</textarea>
                </div>
            </div>
            <div class="pt-6">
                <button type="submit" class="btn btn-primary me-4">Submit</button>
            </div>
        </form>
       </div>
    </div>
@endsection