@extends('layouts.app')

@section('title', 'Settings')

@push('styles')
<style>
    /* .hidden {
        display: none;
    } */
</style>
@endpush

@section('content')

<div class="container-fluid mt-5">

    <div class="row">
        <div class="col-12">
            <h2 class="mb-4">Manage WhatsApp Settings</h2>
        </div>
    </div>
    
    <!-- Display Alerts (Success or Error) -->
    @foreach (['success', 'error'] as $type)
        @include('components.layouts.alert', ['type' => $type])
    @endforeach

    <!-- Send Message Form -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                
                    <form action="{{ route('settings.update') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">API Key</label>
                            <input type="text" name="NGUMZO_API_KEY" class="form-control" value="{{ old('NGUMZO_API_KEY', \App\Models\Setting::getValue('NGUMZO_API_KEY')) }}">
                        </div>
                
                        <div class="mb-3">
                            <label class="form-label">WhatsApp Sender</label>
                            <input type="text" name="NGUMZO_WHATSAPP_SENDER" class="form-control" value="{{ old('NGUMZO_WHATSAPP_SENDER', \App\Models\Setting::getValue('NGUMZO_WHATSAPP_SENDER')) }}">
                        </div>
                
                        <div class="mb-3">
                            <label class="form-label">Base URL</label>
                            <input type="url" name="NGUMZO_WHATSAPP_BASE_URL" class="form-control" value="{{ old('NGUMZO_WHATSAPP_BASE_URL', \App\Models\Setting::getValue('NGUMZO_WHATSAPP_BASE_URL')) }}">
                        </div>
                        {{-- webhook --}}
                        <div class="mb-3">
                            <label class="form-label">Webhook URL</label>
                            <input type="url" name="WEBHOOK_URL" class="form-control" value="{{ old('WEBHOOK_URL', \App\Models\Setting::getValue('WEBHOOK_URL')) }}">
                        </div>
                
                        <button type="submit" class="btn btn-primary">Save Settings</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>


@endsection

@push('scripts')

@endpush