@extends('admin.layouts.app')

@section('panel')
@php $pageTitle = 'Coin Management Settings'; @endphp

@push('breadcrumb-plugins')
  <a href="{{ url()->previous() }}" class="btn btn-outline--primary btn-sm">
    <i class="las la-arrow-left"></i> @lang('Back')
  </a>
@endpush

<div class="row">
  <div class="col-lg-12">
    <div class="card">
        <div class="card-header p-0">
            <ul class="nav nav-pills nav-justified" id="coinTab" role="tablist">
                @foreach(['niva' => 'Niva Coin', 'ns' => 'NS Coin', 'top' => 'Top Coin', 'old_top' => 'Old Top'] as $slug => $name)
                <li class="nav-item" role="presentation">
                    <button class="nav-link {{ $loop->first ? 'active' : '' }}" 
                            id="{{ $slug }}-tab" data-bs-toggle="tab" data-bs-target="#{{ $slug }}" 
                            type="button" role="tab" aria-controls="{{ $slug }}" aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                        {{ $name }}
                    </button>
                </li>
                @endforeach
            </ul>
        </div>

        <div class="card-body">
            <div class="tab-content" id="coinTabContent">
                @foreach(['niva' => $niva, 'ns' => $ns, 'top' => $top, 'old_top' => $oldTop] as $slug => $data)
                <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="{{ $slug }}" role="tabpanel" aria-labelledby="{{ $slug }}-tab">
                    
                    <form action="{{ route('admin.coin.settings.update', $slug) }}" method="POST">
                        @csrf
                        <div class="list-group gset-list">
                            
                            {{-- মূল কনফিগারেশন --}}
                            <div class="list-group-item gset-item">
                                <div class="gset-title mb-3">Main Configuration ({{ strtoupper($slug) }})</div>
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label class="fw-bold">1K Coin Price (BDT)</label>
                                        <input type="number" step="0.01" name="price_per_1k" class="form-control" value="{{ $data->price_per_1k ?? '2.50' }}" required>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fw-bold">Telegram Link</label>
                                        <input type="url" name="telegram_link" class="form-control" value="{{ $data->telegram_link ?? 'https://t.me/digicashbd_official' }}" required>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fw-bold">Admin Username</label>
                                        <input type="text" name="admin_username" class="form-control" value="{{ $data->admin_username ?? '' }}">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fw-bold">Status</label>
                                        <select name="is_active" class="form-control">
                                            <option value="1" {{ ($data && $data->is_active == 1) ? 'selected' : '' }}>Active</option>
                                            <option value="0" {{ ($data && $data->is_active == 0) ? 'selected' : '' }}>Disabled</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            {{-- ডাইনামিক ইনপুট (হিডেন ফিল্ড যোগ করা হয়েছে) --}}
                            <div class="list-group-item gset-item">
                                <div class="gset-title mb-2">User Interface Inputs</div>
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <input type="hidden" name="input_username_required" value="0">
                                        <label class="switch-item">
                                            <input type="checkbox" name="input_username_required" value="1" {{ (isset($data->input_username_required) && $data->input_username_required == 1) ? 'checked' : '' }}>
                                            <span>Show Username Field</span>
                                        </label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="hidden" name="input_screenshot_required" value="0">
                                        <label class="switch-item">
                                            <input type="checkbox" name="input_screenshot_required" value="1" {{ (isset($data->input_screenshot_required) && $data->input_screenshot_required == 1) ? 'checked' : '' }}>
                                            <span>Show Screenshot Field</span>
                                        </label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="hidden" name="input_coupon_required" value="0">
                                        <label class="switch-item">
                                            <input type="checkbox" name="input_coupon_required" value="1" {{ (isset($data->input_coupon_required) && $data->input_coupon_required == 1) ? 'checked' : '' }}>
                                            <span>Show Coupon Field</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="mt-3">
                                    <label class="fw-bold">Offline Message</label>
                                    <textarea name="off_message" class="form-control" rows="2" required>{{ $data->off_message ?? 'বর্তমানে এই কয়েন সেল করার কাজটি বন্ধ আছে।' }}</textarea>
                                </div>
                            </div>

                        </div>
                        
                        <div class="card-footer mt-3">
                            <button type="submit" class="btn btn--primary w-100 h-45">Save {{ strtoupper($slug) }} Settings</button>
                        </div>
                    </form>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection

@push('style')
<style>
  .gset-list{border-radius:12px;overflow:hidden}
  .gset-item{padding:14px;border-color:rgba(0,0,0,.06)}
  .gset-title{font-weight:900}
  .gset-item:hover{background:#fafafa}
  .switch-item{display:flex;align-items:center;gap:10px;font-weight:800;cursor:pointer}
  .switch-item input{width:18px;height:18px}
  .nav-pills .nav-link.active{background-color:var(--primary)!important}
</style>
@endpush