@extends('layouts.saas')

@section('title', 'সিস্টেম সেটিংস')

@section('content')
<div class="container-fluid px-0">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="fw-bold mb-1 text-dark">
                <i class="fa-solid fa-gears text-primary me-2"></i>সিস্টেম কনফিগারেশন সেটিংস
            </h4>
            <p class="text-muted small mb-0">গ্লোবাল সেটিংস, পেমেন্ট গেটওয়ে এবং SMS API কনফিগার করুন</p>
        </div>
    </div>

    <div class="card border-0 shadow-sm rounded-4 overflow-hidden">
        <div class="card-body p-0">
            <form action="{{ route('superadmin.settings.update') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <!-- ট্যাবস নেভিগেশন -->
                <div class="bg-light p-3 border-bottom">
                    <ul class="nav nav-pills gap-2" id="settingTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active rounded-3 px-4 fw-semibold" id="general-tab" data-bs-toggle="tab" data-bs-target="#general" type="button" role="tab">
                                <i class="fa-solid fa-sliders me-2"></i>সাধারণ সেটিংস
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link rounded-3 px-4 fw-semibold" id="bkash-tab" data-bs-toggle="tab" data-bs-target="#bkash" type="button" role="tab">
                                <i class="fa-solid fa-wallet me-2"></i>bKash API
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link rounded-3 px-4 fw-semibold" id="sms-tab" data-bs-toggle="tab" data-bs-target="#sms" type="button" role="tab">
                                <i class="fa-solid fa-comment-sms me-2"></i>SMS Gateway
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link rounded-3 px-4 fw-semibold" id="mail-tab" data-bs-toggle="tab" data-bs-target="#mail" type="button" role="tab">
                                <i class="fa-solid fa-envelope me-2"></i>SMTP মেইল
                            </button>
                        </li>
                    </ul>
                </div>

                <!-- ট্যাব কন্টেন্ট -->
                <div class="tab-content p-4 p-md-5" id="settingTabsContent">
                    
                    <!-- ১. সাধারণ সেটিংস -->
                    <div class="tab-pane fade show active" id="general" role="tabpanel">
                        <h5 class="fw-bold text-primary mb-4">SaaS ব্র্যান্ডিং ও সাধারণ তথ্য</h5>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">SaaS সফটওয়্যার নাম</label>
                                <input type="text" name="saas_name" class="form-control" value="{{ $settings['saas_name'] ?? '' }}" placeholder="School360 SaaS">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">ওয়েবসাইট ট্যাগলাইন / টাইটেল</label>
                                <input type="text" name="saas_title" class="form-control" value="{{ $settings['saas_title'] ?? '' }}" placeholder="Smart School Management System">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">অফিসিয়াল সাপোর্ট ইমেইল</label>
                                <input type="email" name="saas_email" class="form-control" value="{{ $settings['saas_email'] ?? '' }}" placeholder="support@domain.com">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">সাপোর্ট ফোন নম্বর</label>
                                <input type="text" name="saas_phone" class="form-control" value="{{ $settings['saas_phone'] ?? '' }}" placeholder="+8801700000000">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">ঠিকানা</label>
                                <input type="text" name="saas_address" class="form-control" value="{{ $settings['saas_address'] ?? '' }}" placeholder="মহাদেবপুর, নওগাঁ">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">ফ্রি ট্রায়াল মেয়াদ (দিন)</label>
                                <input type="number" name="trial_period_days" class="form-control" value="{{ $settings['trial_period_days'] ?? '14' }}">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">কারেন্সি প্রতীক</label>
                                <input type="text" name="currency_symbol" class="form-control" value="{{ $settings['currency_symbol'] ?? '৳' }}">
                            </div>

                            <div class="col-md-4">
                                <label class="form-label fw-semibold">কারেন্সি কোড</label>
                                <input type="text" name="currency_code" class="form-control" value="{{ $settings['currency_code'] ?? 'BDT' }}">
                            </div>

                            <div class="col-md-6 mt-4">
                                <label class="form-label fw-semibold">SaaS লোগো</label>
                                <input type="file" name="saas_logo" class="form-control mb-2">
                                @if(isset($settings['saas_logo']))
                                    <img src="{{ asset('storage/' . $settings['saas_logo']) }}" alt="Logo" class="img-thumbnail" style="max-height: 50px;">
                                @endif
                            </div>

                            <div class="col-md-6 mt-4">
                                <label class="form-label fw-semibold">ফেভিকন (Favicon)</label>
                                <input type="file" name="saas_favicon" class="form-control mb-2">
                                @if(isset($settings['saas_favicon']))
                                    <img src="{{ asset('storage/' . $settings['saas_favicon']) }}" alt="Favicon" class="img-thumbnail" style="max-height: 35px;">
                                @endif
                            </div>
                        </div>
                    </div>

                    <!-- ২. bKash API সেটিংস -->
                    <div class="tab-pane fade" id="bkash" role="tabpanel">
                        <h5 class="fw-bold text-danger mb-4">bKash Merchant Payment Gateway API</h5>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">bKash App Key</label>
                                <input type="text" name="bkash_app_key" class="form-control font-monospace" value="{{ $settings['bkash_app_key'] ?? '' }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">bKash App Secret</label>
                                <input type="password" name="bkash_app_secret" class="form-control font-monospace" value="{{ $settings['bkash_app_secret'] ?? '' }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Merchant Username</label>
                                <input type="text" name="bkash_username" class="form-control" value="{{ $settings['bkash_username'] ?? '' }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Merchant Password</label>
                                <input type="password" name="bkash_password" class="form-control" value="{{ $settings['bkash_password'] ?? '' }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">API Environment Mode</label>
                                <select name="bkash_mode" class="form-select">
                                    <option value="sandbox" {{ ($settings['bkash_mode'] ?? '') == 'sandbox' ? 'selected' : '' }}>Sandbox (Testing)</option>
                                    <option value="live" {{ ($settings['bkash_mode'] ?? '') == 'live' ? 'selected' : '' }}>Live (Production)</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <!-- ৩. SMS Gateway -->
                    <div class="tab-pane fade" id="sms" role="tabpanel">
                        <h5 class="fw-bold text-warning mb-4">Bulk SMS API Configuration</h5>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">SMS Provider Name</label>
                                <input type="text" name="sms_gateway_provider" class="form-control" value="{{ $settings['sms_gateway_provider'] ?? 'MimSMS' }}" placeholder="e.g. MimSMS, GreenwebBD">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Sender ID / Masking Name</label>
                                <input type="text" name="sms_sender_id" class="form-control" value="{{ $settings['sms_sender_id'] ?? '' }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">SMS API Key</label>
                                <input type="text" name="sms_api_key" class="form-control font-monospace" value="{{ $settings['sms_api_key'] ?? '' }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">API URL Endpoint</label>
                                <input type="url" name="sms_api_url" class="form-control" value="{{ $settings['sms_api_url'] ?? '' }}">
                            </div>
                        </div>
                    </div>

                    <!-- ৪. SMTP মেইল সেটিংস -->
                    <div class="tab-pane fade" id="mail" role="tabpanel">
                        <h5 class="fw-bold text-info mb-4">Global SMTP Mail Server</h5>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Mail Host</label>
                                <input type="text" name="mail_host" class="form-control" value="{{ $settings['mail_host'] ?? '' }}" placeholder="smtp.gmail.com">
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Port</label>
                                <input type="text" name="mail_port" class="form-control" value="{{ $settings['mail_port'] ?? '465' }}">
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Encryption</label>
                                <input type="text" name="mail_encryption" class="form-control" value="{{ $settings['mail_encryption'] ?? 'ssl' }}" placeholder="ssl / tls">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Username / Email</label>
                                <input type="text" name="mail_username" class="form-control" value="{{ $settings['mail_username'] ?? '' }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Password</label>
                                <input type="password" name="mail_password" class="form-control" value="{{ $settings['mail_password'] ?? '' }}">
                            </div>
                        </div>
                    </div>

                </div>

                <!-- সেভ বাটন -->
                <div class="bg-light p-4 border-top text-end">
                    <button type="submit" class="btn btn-primary px-5 fw-bold rounded-3 shadow-sm">
                        <i class="fa-solid fa-floppy-disk me-2"></i>সেটিংস সংরক্ষণ করুন
                    </button>
                </div>

            </form>
        </div>
    </div>

</div>
@endsection