@extends('SuperAdmin.layout.layout')
@section('title', 'Send SMS')
@section('page-name', 'Send SMS to Customer')
@section('page-detail', 'Order ' . $order->order_number)
@section('body')
<div class="content-are-dashboard p-3">
    <div class="card rounded-3">
        <div class="card-body">
            <div class="border rounded-3 p-3">
                <p class="text-muted">Sending to: <strong>{{ $order->customer_phone }}</strong> ({{ $order->customer_name }})</p>
                <p class="small text-muted">Templates support variables: [customer_name], [dealer], [order_number], [vin], [make], [model], [year], [order_items], [color], [mileage], [review_link]. These are replaced when the message is sent (including the text loaded from a template).</p>
                <form action="{{ tenant_route_url('superadmin.orders.send-sms.submit', ['id' => $order->id]) }}" method="post">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Choose template</label>
                        <select name="sms_template_id" id="template_id" class="form-select" required>
                            <option value="">— Select template —</option>
                            @foreach($templates as $t)
                                <option value="{{ $t->id }}" data-body="{{ e($t->body) }}">{{ $t->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Message (edit if needed; variables will be replaced when sent)</label>
                        <textarea name="message" id="message" class="form-control" rows="4" maxlength="1600"></textarea>
                    </div>
                    @if(session('error'))
                        <div class="alert alert-danger">{{ session('error') }}</div>
                    @endif
                    @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                    <button type="submit" class="btn btn-primary">Send SMS</button>
                    <a href="{{ tenant_route_url('superadmin.orders.show', ['id' => $order->id]) }}" class="btn btn-secondary">Back</a>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('custom-scripts')
<script>
document.getElementById('template_id').addEventListener('change', function() {
    var opt = this.options[this.selectedIndex];
    document.getElementById('message').value = opt && opt.dataset.body ? opt.dataset.body : '';
});
</script>
@endsection