@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 flex-wrap gap-2">
        <div>
            <h4 class="mb-1">تنظیمات درگاه دیجی‌پی</h4>
            <p class="text-muted mb-0 small">پیکربندی درگاه پرداخت اقساطی / اعتباری دیجی‌پی (UPG)</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.settings.digipay.orders') }}" class="btn btn-outline-primary btn-sm">
                <i class="ti ti-list me-1"></i>سفارش‌های دیجی‌پی
            </a>
            <a href="{{ route('admin.settings.digipay.support') }}" class="btn btn-outline-secondary btn-sm">
                <i class="ti ti-headset me-1"></i>راهنما
            </a>
        </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(session('error'))
    <div class="alert alert-danger alert-dismissible mb-4" role="alert">
        {{ session('error') }}
        <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

    <div class="row gy-4">
        <div class="col-12">
            <div class="card">
                <div class="card-body d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-3">
                        <i class="ti ti-calendar-stats ti-md {{ $config['digipay_enabled'] ? 'text-success' : 'text-muted' }}"></i>
                        <div>
                            <div class="fw-medium">فعالسازی درگاه دیجی‌پی</div>
                            <small class="text-muted">پس از فعال‌سازی، درگاه در «روش‌های پرداخت» ظاهر می‌شود.</small>
                        </div>
                    </div>
                    <form method="POST" action="{{ route('admin.settings.digipay.save') }}" id="digipayEnableForm">
                        @csrf
                        <input type="hidden" name="_enable_only" value="1">
                        <div class="form-check form-switch mb-0">
                            <input class="form-check-input" type="checkbox" name="digipay_enabled" value="1"
                                id="digipayEnabledSwitch"
                                {{ $config['digipay_enabled'] ? 'checked' : '' }}>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12">
            <form method="POST" action="{{ route('admin.settings.digipay.save') }}" enctype="multipart/form-data">
                @csrf

                <div class="card mb-4">
                    <div class="card-header d-flex align-items-center gap-2">
                        <i class="ti ti-key ti-md text-primary"></i>
                        <h5 class="mb-0">اطلاعات اتصال و نمایش</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-4">
                            <label class="form-label fw-medium" for="digipayDisplayName">نام نمایشی درگاه</label>
                            <input type="text" name="digipay_display_name" id="digipayDisplayName"
                                   class="form-control"
                                   value="{{ old('digipay_display_name', $config['digipay_display_name']) }}"
                                   placeholder="مثلاً: پرداخت اقساطی دیجی‌پی"
                                   maxlength="60">
                            <div class="form-text">این متن در صفحه پرداخت و سبد خرید نمایش داده می‌شود.</div>
                        </div>

                        <div class="mb-4">
                            <label class="form-label fw-medium" for="digipayIcon">آیکون نمایش در checkout</label>
                            <div class="d-flex align-items-start gap-3 flex-wrap">
                                @if(!empty($config['digipay_icon']))
                                <div class="border rounded p-2 bg-light">
                                    <img src="{{ asset('uploads/payment-icons/' . $config['digipay_icon']) }}"
                                         alt="آیکون دیجی‌پی" width="45" height="45" class="object-fit-contain">
                                </div>
                                @endif
                                <div class="flex-grow-1" style="min-width:220px">
                                    <input type="file" name="digipay_icon" id="digipayIcon"
                                           class="form-control @error('digipay_icon') is-invalid @enderror"
                                           accept="image/jpeg,image/png,image/gif,image/svg+xml,image/webp">
                                    <div class="form-text">PNG، JPG، SVG یا WebP — حداکثر ۱ مگابایت. در صفحه پرداخت کنار نام درگاه نمایش داده می‌شود.</div>
                                    @error('digipay_icon')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                    @if(!empty($config['digipay_icon']))
                                    <div class="form-check mt-2">
                                        <input class="form-check-input" type="checkbox" name="remove_digipay_icon" value="1" id="removeDigipayIcon">
                                        <label class="form-check-label small text-danger" for="removeDigipayIcon">حذف آیکون فعلی</label>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <hr class="my-4">

                        <div class="mb-4">
                            <label class="form-label fw-medium">آدرس API (Base URL) <span class="text-danger">*</span></label>
                            <input type="url" name="digipay_base_url"
                                   class="form-control @error('digipay_base_url') is-invalid @enderror"
                                   value="{{ old('digipay_base_url', $config['digipay_base_url']) }}"
                                   dir="ltr" autocomplete="off"
                                   placeholder="https://api.mydigipay.com/digipay/api">
                            @error('digipay_base_url')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            <div class="form-text">تست: <code dir="ltr">https://uat.mydigipay.info/digipay/api</code> — عملیاتی: <code dir="ltr">https://api.mydigipay.com/digipay/api</code></div>
                        </div>

                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label class="form-label fw-medium">Client ID <span class="text-danger">*</span></label>
                                <input type="text" name="digipay_client_id"
                                       class="form-control @error('digipay_client_id') is-invalid @enderror"
                                       value="{{ old('digipay_client_id', $config['digipay_client_id']) }}"
                                       dir="ltr" autocomplete="off">
                                @error('digipay_client_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-medium">Client Secret <span class="text-danger">*</span></label>
                                <input type="password" name="digipay_client_secret"
                                       class="form-control @error('digipay_client_secret') is-invalid @enderror"
                                       value="{{ old('digipay_client_secret', $config['digipay_client_secret']) }}"
                                       dir="ltr" autocomplete="new-password">
                                @error('digipay_client_secret')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-medium">نام کاربری <span class="text-danger">*</span></label>
                                <input type="text" name="digipay_username"
                                       class="form-control @error('digipay_username') is-invalid @enderror"
                                       value="{{ old('digipay_username', $config['digipay_username']) }}"
                                       dir="ltr" autocomplete="off">
                                @error('digipay_username')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-medium">رمز عبور <span class="text-danger">*</span></label>
                                <input type="password" name="digipay_password"
                                       class="form-control @error('digipay_password') is-invalid @enderror"
                                       value="{{ old('digipay_password', $config['digipay_password']) }}"
                                       dir="ltr" autocomplete="new-password">
                                @error('digipay_password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-medium">Seller ID <span class="text-danger">*</span></label>
                                <input type="text" name="digipay_seller_id"
                                       class="form-control @error('digipay_seller_id') is-invalid @enderror"
                                       value="{{ old('digipay_seller_id', $config['digipay_seller_id']) }}"
                                       dir="ltr" autocomplete="off">
                                @error('digipay_seller_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                <div class="form-text">برای سبد خرید اعتباری/اقساطی اجباری است.</div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-medium">Supplier ID</label>
                                <input type="text" name="digipay_supplier_id"
                                       class="form-control"
                                       value="{{ old('digipay_supplier_id', $config['digipay_supplier_id']) }}"
                                       dir="ltr" autocomplete="off"
                                       placeholder="اگر خالی باشد = Seller ID">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-medium">نوع کالای پیش‌فرض</label>
                                <select name="digipay_default_product_type" class="form-select">
                                    @foreach([1 => 'بادوام', 2 => 'مصرفی', 3 => 'سرویس', 4 => 'مصرفی بادوام'] as $k => $label)
                                    <option value="{{ $k }}" @selected(old('digipay_default_product_type', $config['digipay_default_product_type']) == $k)>{{ $k }} — {{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-check form-switch mb-3">
                            <input type="hidden" name="digipay_overselling_prevention" value="0">
                            <input class="form-check-input" type="checkbox" role="switch"
                                   name="digipay_overselling_prevention" value="1" id="digipayOversell"
                                   {{ old('digipay_overselling_prevention', $config['digipay_overselling_prevention']) ? 'checked' : '' }}>
                            <label class="form-check-label" for="digipayOversell">کسر موجودی قبل از تأیید پرداخت (جلوگیری از فروش بیش از موجودی)</label>
                        </div>

                        <div class="alert alert-secondary small mb-0">
                            آدرس callback (برای اطلاع):
                            <code dir="ltr">{{ $config['callback_url'] }}</code>
                            — سفارش به‌صورت query به این آدرس اضافه می‌شود.
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header"><h5 class="mb-0">پیام‌ها</h5></div>
                    <div class="card-body row g-3">
                        <div class="col-12">
                            <label class="form-label">پیام موفقیت</label>
                            <textarea name="digipay_success_message" rows="2" class="form-control">{{ old('digipay_success_message', $config['digipay_success_message']) }}</textarea>
                            <div class="form-text">متغیرها: {trackingCode} {providerId}</div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">پیام ناموفق</label>
                            <textarea name="digipay_failed_message" rows="2" class="form-control">{{ old('digipay_failed_message', $config['digipay_failed_message']) }}</textarea>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">پیام انصراف</label>
                            <textarea name="digipay_cancelled_message" rows="2" class="form-control">{{ old('digipay_cancelled_message', $config['digipay_cancelled_message']) }}</textarea>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">
                            <i class="ti ti-device-floppy me-1"></i>ذخیره تنظیمات
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('customjs')
<script>
document.getElementById('digipayEnabledSwitch')?.addEventListener('change', function () {
    document.getElementById('digipayEnableForm')?.submit();
});
</script>
@endsection
