@extends('admin.layouts.layout')
@section('title', 'تنظیمات ارسال پیامک')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">

    <div class="d-flex align-items-center justify-content-between mb-4">
        <div>
            <h4 class="mb-1">تنظیمات ارسال پیامک</h4>
            <p class="text-muted mb-0 small">قالب‌های پیامک ارسالی به کاربران و ادمین را تنظیم کنید</p>
        </div>
    </div>

    @if(session('success'))
    <div class="alert alert-success alert-dismissible mb-4" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    @if($errors->any())
    <div class="alert alert-danger alert-dismissible mb-4" role="alert">
        <ul class="mb-0 ps-3">
            @foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    @if(!$smsActive)
    <div class="alert alert-warning mb-4" role="alert">
        <i class="ti ti-alert-triangle me-1"></i>
        هیچ سرویس پیامکی فعال نیست. ابتدا از
        <a href="{{ route('admin.settings.sms') }}" class="alert-link">تنظیمات پیام متنی</a>
        یک سرویس را فعال کنید.
    </div>
    @endif

    <form method="POST" action="{{ route('admin.settings.sms-sending.save') }}">
    @csrf

    <div class="row gy-4">

        {{-- ══ Provider Select ══ --}}
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex align-items-center gap-2">
                    <i class="ti ti-server ti-md text-primary"></i>
                    <h5 class="mb-0">انتخاب سرویس‌دهنده پیامک</h5>
                </div>
                <div class="card-body">
                    <div class="col-lg-4">
                        <label class="form-label" for="smsProvider">سرویس‌دهنده فعال</label>
                        <select class="form-select" name="sms_provider" id="smsProvider">
                            @foreach($providers as $key => $label)
                            <option value="{{ $key }}" {{ $config['sms_provider'] === $key ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                            @endforeach
                        </select>
                        <div class="form-text">فقط سرویس‌دهنده‌هایی که در تنظیمات فعال هستند نمایش داده می‌شوند.</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ══ OTP Template ══ --}}
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-2">
                        <i class="ti ti-lock ti-md text-warning"></i>
                        <h5 class="mb-0">پیامک کد تأیید (OTP)</h5>
                    </div>
                    <span class="badge bg-success">همیشه فعال</span>
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-3">
                        این پیامک هنگام ورود با OTP، ثبت‌نام و تأیید شماره موبایل ارسال می‌شود.
                        از <code>{code}</code> برای درج کد استفاده کنید.
                    </p>
                    <div class="col-lg-8">
                        <label class="form-label" for="smsOtpText">متن پیامک</label>
                        <textarea class="form-control @error('sms_otp_text') is-invalid @enderror"
                                  id="smsOtpText" name="sms_otp_text" rows="3"
                                  placeholder="کد تأیید شما: {code}">{{ old('sms_otp_text', $config['sms_otp_text']) }}</textarea>
                        @error('sms_otp_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        <div class="form-text">متغیر: <code>{code}</code></div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ══ New Order → User ══ --}}
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-2">
                        <i class="ti ti-shopping-cart ti-md text-success"></i>
                        <h5 class="mb-0">پیامک ثبت سفارش — ارسال به خریدار</h5>
                    </div>
                    <div class="form-check form-switch mb-0">
                        <input class="form-check-input" type="checkbox" name="sms_new_order_user_enabled"
                               id="newOrderUserEnabled" value="1" @checked($config['sms_new_order_user_enabled'])>
                        <label class="form-check-label" for="newOrderUserEnabled">
                            {{ $config['sms_new_order_user_enabled'] ? 'فعال' : 'غیرفعال' }}
                        </label>
                    </div>
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-3">
                        هنگام ثبت موفق سفارش برای خریدار ارسال می‌شود.
                    </p>
                    <div class="col-lg-8">
                        <label class="form-label" for="newOrderUserText">متن پیامک</label>
                        <textarea class="form-control @error('sms_new_order_user_text') is-invalid @enderror"
                                  id="newOrderUserText" name="sms_new_order_user_text" rows="4"
                                  placeholder="سلام {first_name} عزیز، سفارش شما با شماره {order_number} ثبت شد.">{{ old('sms_new_order_user_text', $config['sms_new_order_user_text']) }}</textarea>
                        @error('sms_new_order_user_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        <div class="form-text">
                            متغیرها: <code>{order_number}</code> <code>{first_name}</code> <code>{last_name}</code> <code>{total_amount}</code>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ══ New Order → Admin ══ --}}
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-2">
                        <i class="ti ti-bell ti-md text-danger"></i>
                        <h5 class="mb-0">پیامک ثبت سفارش — اطلاع‌رسانی به ادمین</h5>
                    </div>
                    <div class="form-check form-switch mb-0">
                        <input class="form-check-input" type="checkbox" name="sms_new_order_admin_enabled"
                               id="newOrderAdminEnabled" value="1" @checked($config['sms_new_order_admin_enabled'])>
                        <label class="form-check-label" for="newOrderAdminEnabled">
                            {{ $config['sms_new_order_admin_enabled'] ? 'فعال' : 'غیرفعال' }}
                        </label>
                    </div>
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-3">
                        هنگام ثبت موفق سفارش به شماره ادمین ارسال می‌شود.
                    </p>
                    <div class="row gy-3">
                        <div class="col-lg-4">
                            <label class="form-label" for="smsAdminMobile">شماره موبایل ادمین</label>
                            <input type="text" class="form-control @error('sms_admin_mobile') is-invalid @enderror"
                                   id="smsAdminMobile" name="sms_admin_mobile"
                                   value="{{ old('sms_admin_mobile', $config['sms_admin_mobile']) }}"
                                   placeholder="09xxxxxxxxx,09xxxxxxxxx" dir="ltr">
                            @error('sms_admin_mobile')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            <div class="form-text">برای چند شماره، آن‌ها را با <code>,</code> جدا کنید.</div>
                        </div>
                        <div class="col-lg-8">
                            <label class="form-label" for="newOrderAdminText">متن پیامک</label>
                            <textarea class="form-control @error('sms_new_order_admin_text') is-invalid @enderror"
                                      id="newOrderAdminText" name="sms_new_order_admin_text" rows="4"
                                      placeholder="سفارش جدید {order_number} به مبلغ {total_amount} تومان ثبت شد.">{{ old('sms_new_order_admin_text', $config['sms_new_order_admin_text']) }}</textarea>
                            @error('sms_new_order_admin_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            <div class="form-text">
                                متغیرها: <code>{order_number}</code> <code>{total_amount}</code> <code>{first_name}</code> <code>{last_name}</code>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ══ Order Sent → User ══ --}}
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-2">
                        <i class="ti ti-truck ti-md text-info"></i>
                        <h5 class="mb-0">پیامک ارسال سفارش — اطلاع‌رسانی به خریدار</h5>
                    </div>
                    <div class="form-check form-switch mb-0">
                        <input class="form-check-input" type="checkbox" name="sms_order_sent_user_enabled"
                               id="orderSentUserEnabled" value="1" @checked($config['sms_order_sent_user_enabled'])>
                        <label class="form-check-label" for="orderSentUserEnabled">
                            {{ $config['sms_order_sent_user_enabled'] ? 'فعال' : 'غیرفعال' }}
                        </label>
                    </div>
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-3">
                        هنگامی که وضعیت سفارش به «ارسال شده» تغییر می‌کند یا ادمین کد رهگیری ثبت می‌کند برای خریدار ارسال می‌شود.
                    </p>
                    <div class="col-lg-8">
                        <label class="form-label" for="orderSentUserText">متن پیامک</label>
                        <textarea class="form-control @error('sms_order_sent_user_text') is-invalid @enderror"
                                  id="orderSentUserText" name="sms_order_sent_user_text" rows="4"
                                  placeholder="سلام {first_name}، سفارش {order_number} ارسال شد. کد رهگیری: {tracking_code}">{{ old('sms_order_sent_user_text', $config['sms_order_sent_user_text']) }}</textarea>
                        @error('sms_order_sent_user_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        <div class="form-text">
                            متغیرها: <code>{order_number}</code> <code>{first_name}</code> <code>{last_name}</code> <code>{tracking_code}</code>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12">
            <button type="submit" class="btn btn-primary px-5">
                <i class="ti ti-device-floppy me-1"></i>ذخیره همه تنظیمات
            </button>
        </div>

    </div>
    </form>

</div>
@endsection
