@extends('layouts.app')

@section('content')
<div class="container-fluid">
    
    <div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2">
        <div>
            <h1 class="page-title fw-medium fs-18 mb-2">{{ __('app.whatsapp_business_api') }}</h1>
            <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('app.dashboard') }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('settings.index') }}">{{ __('app.settings') }}</a></li>
                <li class="breadcrumb-item active">{{ __('app.whatsapp_business_api') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title">{{ __('app.whatsapp_business_api') }}</h4>
                    
                    <form method="POST" action="{{ route('settings.whatsapp') }}">
                        @csrf
                        
                        <div class="mb-3">
                            <label class="form-label">{{ __('app.api_token') }}</label>
                            <input type="text" class="form-control" name="api_token" 
                                   value="{{ old('api_token', $whatsappSettings->api_token ?? '') }}" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('app.phone_number_id') }}</label>
                            <input type="text" class="form-control" name="phone_number_id" 
                                   value="{{ old('phone_number_id', $whatsappSettings->phone_number_id ?? '') }}" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('app.webhook_url') }}</label>
                            <input type="url" class="form-control" name="webhook_url" 
                                   value="{{ old('webhook_url', $whatsappSettings->webhook_url ?? '') }}">
                        </div>

                        <div class="text-end">
                            <button type="submit" class="btn btn-success">{{ __('app.save') }}</button>
                            <a href="{{ route('settings.index') }}" class="btn btn-secondary">{{ __('app.cancel') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection