@extends('layouts.admin')

@section('title', 'WhatsApp Configuration')

@section('content')
<div class="admin-page-header">
    <h1>WhatsApp Configuration</h1>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="admin-card">
            <div class="card-header">
                <h5 class="mb-0">KiyoWAP API Configuration</h5>
            </div>

            <div class="card-body">
                <form action="{{ route('admin.update_whatsappconfig') }}" method="POST">
                    @csrf

                    <div class="row mb-3">
                        <label for="api_access_token" class="col-md-4 admin-form-label">API Access Token</label>
                        <div class="col-md-8">
                            <input type="text" class="admin-form-control form-control" id="api_access_token" name="api_access_token" value="{{$config->api_access_token }}" placeholder="API Access Token" required>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="api_url" class="col-md-4 admin-form-label">API Base URL</label>
                        <div class="col-md-8">
                            <input type="text" class="admin-form-control form-control" id="api_url" name="api_url" value="{{$config->base_url }}" placeholder="API Base URL">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="vendor_uid" class="col-md-4 admin-form-label">Your Vendor UID</label>
                        <div class="col-md-8">
                            <input type="text" class="admin-form-control form-control" id="vendor_uid" name="vendor_uid" value="{{$config->your_vendorid }}" placeholder="Your Vendor UID">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <input type="hidden" name="types[]" value="SENDER_ID">
                        <label for="phone_id" class="col-md-4 admin-form-label">Phone Number ID</label>
                        <div class="col-md-8">
                            <input type="text" class="admin-form-control form-control" id="phone_id" name="phone_id" value="{{$config->phone_number_id }}" placeholder="Phone Number ID">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <label for="is_active" class="col-md-4 admin-form-label">Is Active</label>
                        <div class="col-md-8">
                            <select class="admin-form-control form-select" id="is_active" name="is_active" required>
                                <option value="Yes" {{ isset($config) && $config->is_active == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="No" {{ isset($config) && $config->is_active == 0 ? 'selected' : '' }}>No</option>
                            </select>
                        </div>
                    </div>

                    <div class="row mb-0">
                        <div class="col-md-12 text-end">
                            <button type="submit" class="admin-btn-primary">Save</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

@endsection