{{-- user/support/index.blade.php | Obrempong | Jcode --}}
@extends('layouts.app')
@section('title','Support')
@section('content')
<div class="page-header"><h2>🎧 Support</h2><p>We're here to help you</p></div>
<div class="section">
    @if(session('success'))<div class="alert alert-success"><i class="fa fa-check-circle"></i> {{ session('success') }}</div>@endif

    {{-- Contact Options --}}
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;">
        @if(\App\Models\Setting::get('whatsapp_number'))
        <a href="https://wa.me/{{ preg_replace('/\D/','',$appSettings['whatsapp']??'') }}" target="_blank" style="text-decoration:none;">
            <div class="card card-body text-center" style="padding:16px;background:#25D366;color:#fff;border:none;">
                <div style="font-size:28px;margin-bottom:6px;">💬</div>
                <div style="font-weight:700;font-size:13px;">WhatsApp</div>
            </div>
        </a>
        @endif
        @if(\App\Models\Setting::get('telegram_url'))
        <a href="{{ \App\Models\Setting::get('telegram_url') }}" target="_blank" style="text-decoration:none;">
            <div class="card card-body text-center" style="padding:16px;background:#0088CC;color:#fff;border:none;">
                <div style="font-size:28px;margin-bottom:6px;">✈</div>
                <div style="font-weight:700;font-size:13px;">Telegram</div>
            </div>
        </a>
        @endif
    </div>

    <div style="font-size:12px;color:var(--text-muted);text-align:center;margin-bottom:16px;">
        Email: <a href="mailto:{{ \App\Models\Setting::get('contact_email','support@zuritym.com') }}" style="color:var(--primary);">{{ \App\Models\Setting::get('contact_email','support@zuritym.com') }}</a>
    </div>

    {{-- Submit Ticket --}}
    <div class="card card-body" style="margin-bottom:14px;">
        <div style="font-weight:700;margin-bottom:12px;">📝 Submit a Ticket</div>
        <form method="POST" action="{{ route('support.store') }}">
            @csrf
            @if($errors->any())<div class="alert alert-danger">{{ $errors->first() }}</div>@endif
            <div class="form-group"><label class="form-label">Subject *</label><input type="text" name="subject" class="form-control" placeholder="What's this about?" maxlength="255" required value="{{ old('subject') }}"></div>
            <div class="form-group"><label class="form-label">Message *</label><textarea name="message" class="form-control" rows="4" placeholder="Describe your issue..." maxlength="2000" required>{{ old('message') }}</textarea></div>
            <button type="submit" class="btn btn-primary btn-block"><i class="fa fa-paper-plane"></i> Submit Ticket</button>
        </form>
    </div>

    {{-- My Tickets --}}
    @if($tickets->isNotEmpty())
    <div class="section-title">My Tickets</div>
    @foreach($tickets as $t)
    <div class="card card-body" style="margin-bottom:10px;padding:14px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:10px;">
            <div style="flex:1;">
                <div style="font-weight:600;font-size:14px;">{{ $t->subject }}</div>
                <div style="font-size:12px;color:var(--text-muted);margin-top:3px;">{{ Str::limit($t->message,80) }}</div>
                @if($t->admin_reply)
                <div style="background:var(--primary-light);border-radius:8px;padding:10px;margin-top:10px;font-size:12px;">
                    <strong style="color:var(--primary);">Support Reply:</strong><br>{{ $t->admin_reply }}
                </div>
                @endif
            </div>
            <span class="badge {{ match($t->status){'open'=>'badge-warning','in_progress'=>'badge-primary','closed'=>'badge-success',default=>'badge-muted'} }}">{{ ucfirst(str_replace('_',' ',$t->status)) }}</span>
        </div>
        <div style="font-size:11px;color:var(--text-muted);margin-top:8px;">{{ $t->created_at->diffForHumans() }}</div>
    </div>
    @endforeach
    @endif
</div>
@endsection