@extends('SuperAdmin.layout.layout')
@section('title', 'New SMS Template')
@section('page-name', 'New SMS Template')
@section('page-detail', 'Create template with variables')
@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="small text-muted mb-3">Use these variables in the message (they will be replaced when sending): [customer_name], [order_number], [vin], [make], [model], [year], [order_items], [color], [mileage], [review_link] (Review link – embed in message for customer to leave a review)</p>
                <form action="{{ tenant_route_url('superadmin.sms-templates.store') }}" method="post">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Message body <span class="text-danger">*</span></label>
                        <textarea name="body" class="form-control" rows="5" maxlength="1600" required placeholder="e.g. Hi [customer_name], your repair order [order_number] is ready. Leave a review: [review_link]">{{ old('body') }}</textarea>
                        <small class="text-muted">Max 1600 characters. Use [status] for the new status in auto-send.</small>
                    </div>
                    <div class="mb-3">
                        <div class="form-check">
                            <input type="checkbox" name="autosender" value="1" class="form-check-input" id="autosender" {{ old('autosender') ? 'checked' : '' }}>
                            <label class="form-check-label" for="autosender">Auto-send on status change</label>
                        </div>
                        <small class="text-muted">When enabled, this template is sent automatically to the customer when an order's status is updated, from the tenant's SMS number. If disabled, no auto-send (default). Only one template per tenant can be the autosender.</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
                    <div class="d-flex flex-wrap align-items-center mt-3" style="gap: 0.5rem;">
                        <button type="submit" class="btn btn-primary btn-same">Create Template</button>
                        <a href="{{ tenant_route_url('superadmin.sms-templates.index') }}" class="btn btn-secondary btn-same">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<style>
.btn-same { min-height: 38px; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; vertical-align: middle; }
</style>
@endsection