@extends('highSuperAdmin.layout')
@section('title', 'Send SMS')
@section('page-name', 'Send SMS to Customer')
@section('page-detail', 'Order ' . $order->order_number . ' — ' . $order->customer_name)
@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">Placeholders like [customer_name], [dealer], [review_link] are filled when sent (including when 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)</label>
                        <textarea name="message" id="message" class="form-control" rows="4" maxlength="1600"></textarea>
                        <small class="text-muted">Leave blank to use template as-is.</small>
                    </div>
                    @if($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
                        </div>
                    @endif
                    @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];
    var body = opt && opt.dataset.body ? opt.dataset.body : '';
    document.getElementById('message').value = body;
});
</script>
@endsection