@extends('layout.admin')

@section('head')
    @extends('layout.header')
    @section('header_title', 'SMS Settings')
@endsection

@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6"><h1>SMS Settings</h1></div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard.index') }}">Home</a></li>
                        <li class="breadcrumb-item">Settings</li>
                        <li class="breadcrumb-item active">SMS Settings</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif
            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if(!$apiConfigured)
                <div class="alert alert-warning">
                    API token is not configured yet. Add <code>TEXTLK_API_TOKEN</code> to your <code>.env</code> file and run <code>php artisan config:clear</code>.
                </div>
            @endif

            <div class="card card-primary card-outline">
                <div class="card-header"><h3 class="card-title">Text.lk SMS</h3></div>
                <form method="POST" action="{{ route('settings.sms.update') }}">
                    @csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input" id="sms_enabled" name="sms_enabled" value="1"
                                            {{ old('sms_enabled', $setting->sms_enabled ?? false) ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="sms_enabled">Enable SMS notifications</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="sms_sender_id">Sender ID (mask)</label>
                                    <input type="text" maxlength="11" class="form-control" id="sms_sender_id" name="sms_sender_id"
                                        value="{{ old('sms_sender_id', $setting->sms_sender_id ?? '') }}"
                                        placeholder="Your approved mask">
                                    <small class="form-text text-muted">Max 11 characters.</small>
                                </div>
                            </div>
                        </div>

                        <hr>
                        <h5>When to send SMS</h5>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="custom-control custom-switch mb-2">
                                    <input type="checkbox" class="custom-control-input" id="sms_on_appointment" name="sms_on_appointment" value="1"
                                        {{ old('sms_on_appointment', $setting->sms_on_appointment ?? true) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="sms_on_appointment">Appointment booked</label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="custom-control custom-switch mb-2">
                                    <input type="checkbox" class="custom-control-input" id="sms_on_payment" name="sms_on_payment" value="1"
                                        {{ old('sms_on_payment', $setting->sms_on_payment ?? true) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="sms_on_payment">Payment received (advance at booking)</label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="custom-control custom-switch mb-2">
                                    <input type="checkbox" class="custom-control-input" id="sms_on_invoice" name="sms_on_invoice" value="1"
                                        {{ old('sms_on_invoice', $setting->sms_on_invoice ?? true) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="sms_on_invoice">Invoice completed at checkout</label>
                                </div>
                            </div>
                        </div>

                        <hr>
                        <h5>Message templates</h5>
                        <p class="text-muted mb-3">Leave blank to use the default message. Placeholders: appointment — <code>{customer_name}</code>, <code>{business_name}</code>, <code>{date}</code>, <code>{time}</code>; payment — <code>{amount}</code>, <code>{date}</code>; invoice — <code>{invoice_no}</code>, <code>{amount}</code>, <code>{paid}</code>, <code>{balance}</code>.</p>

                        <div class="form-group">
                            <label for="sms_template_appointment">Appointment message</label>
                            <textarea class="form-control" rows="2" id="sms_template_appointment" name="sms_template_appointment"
                                placeholder="Hi {customer_name}, your appointment at {business_name} is confirmed for {date} at {time}. Thank you.">{{ old('sms_template_appointment', $setting->sms_template_appointment ?? '') }}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="sms_template_payment">Payment message</label>
                            <textarea class="form-control" rows="2" id="sms_template_payment" name="sms_template_payment"
                                placeholder="Hi {customer_name}, we received LKR {amount} at {business_name}. Thank you for your payment.">{{ old('sms_template_payment', $setting->sms_template_payment ?? '') }}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="sms_template_invoice">Invoice message</label>
                            <textarea class="form-control" rows="2" id="sms_template_invoice" name="sms_template_invoice"
                                placeholder="Hi {customer_name}, invoice #{invoice_no} from {business_name}: total LKR {amount}, paid LKR {paid}, balance LKR {balance}. Thank you.">{{ old('sms_template_invoice', $setting->sms_template_invoice ?? '') }}</textarea>
                        </div>
                    </div>
                    <div class="card-footer text-right">
                        <button type="submit" class="btn btn-primary">Save SMS Settings</button>
                    </div>
                </form>
            </div>

            <div class="card card-secondary card-outline">
                <div class="card-header"><h3 class="card-title">Send test SMS</h3></div>
                <form method="POST" action="{{ route('settings.sms.test') }}">
                    @csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="test_phone">Test phone number</label>
                                    <input type="text" class="form-control" id="test_phone" name="test_phone"
                                        value="{{ old('test_phone') }}" placeholder="0771234567 or 94771234567" required>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="test_sms_sender_id">Sender ID (mask)</label>
                                    <input type="text" maxlength="11" class="form-control" id="test_sms_sender_id" name="sms_sender_id"
                                        value="{{ old('sms_sender_id', $setting->sms_sender_id ?? '') }}" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-right">
                        <button type="submit" class="btn btn-outline-primary">Send test SMS</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
</div>
@endsection