@extends('layout.admin')

@section('content')
<div class="container my-2">
    <div class="card border-0 shadow-lg rounded-4">
        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center px-4 py-3">
            <h5 class="mb-0 d-flex align-items-center">
                <i class="bi bi-gear-fill me-2 fs-5"></i>
                Gmail বিক্রি সেটিংস
            </h5>
            <button id="toggleProject" class="btn btn-outline-light btn-sm rounded-pill d-flex align-items-center">
                <i class="bi bi-power me-1"></i> Toggle
            </button>
        </div>

        <div class="card-body bg-white px-4 py-4">
            <form action="{{ route('admin.gmail.setting.update') }}" method="POST" class="row g-4">
                @csrf

                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        <i class="bi bi-lock-fill me-1 text-muted"></i> Gmail Password
                    </label>
                    <input type="text" name="password" value="{{ $setting->password ?? '' }}" class="form-control rounded-3 shadow-sm" required>
                </div>

                <div class="col-md-6">
    <label class="form-label fw-semibold">
        <i class="bi bi-envelope-at-fill me-1 text-muted"></i> রিকভারি তথ্য (ঐচ্ছিক)
    </label>
    <input type="text" name="recovery_email" value="{{ $setting->recovery_email ?? '' }}"
           class="form-control rounded-3 shadow-sm"
           placeholder="যে কোনো তথ্য লিখতে পারেন (ঐচ্ছিক)">
</div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        <i class="bi bi-calendar-check-fill me-1 text-muted"></i> Daily Limit
                    </label>
                    <input type="number" name="limit" value="{{ $setting->limit ?? 0 }}" class="form-control rounded-3 shadow-sm" required>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        <i class="bi bi-cash-coin me-1 text-muted"></i> Per Gmail Price (৳)
                    </label>
                    <input type="number" step="0.01" name="price" value="{{ $setting->price ?? 0 }}" class="form-control rounded-3 shadow-sm" required>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        <i class="bi bi-toggle-on me-1 text-muted"></i> Status
                    </label>
                    <select name="status" class="form-select rounded-3 shadow-sm">
                        <option value="1" {{ ($setting->status ?? false) ? 'selected' : '' }}>ON</option>
                        <option value="0" {{ !($setting->status ?? true) ? 'selected' : '' }}>OFF</option>
                    </select>
                </div>

                <div class="col-12">
                    <button type="submit" class="btn btn-success w-100 py-2 fw-bold rounded-pill shadow-sm">
                        <i class="bi bi-save2-fill me-1"></i> আপডেট করুন
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
document.getElementById('toggleProject').addEventListener('click', function () {
    fetch("{{ route('admin.gmail.setting.toggle') }}")
        .then(res => res.json())
        .then(data => {
            const statusText = data.status ? 'ON' : 'OFF';
            alert(`Project is now ${statusText}`);
        });
});
</script>
@endsection