@extends('layouts.app')

@section('title', 'Support Ticket')

@section('content')

<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-7">

            <h3 class="mb-4 text-center">Generate Support Ticket</h3>

            {{-- Show success message & WhatsApp button --}}
            @if(session('support'))
                @php
                    $s = session('support');
                    $whatsAppText = urlencode(
"📩 New Support Request

🎫 Ticket: {$s['ticket']}
Name: {$s['name']}
Email: {$s['email']}
WhatsApp: {$s['whatsapp']}
Priority: {$s['priority']}
Subject: {$s['subject']}

Message:
{$s['message']}"
                    );
                @endphp

                <div class="alert alert-success">
                    <strong>Support request submitted successfully.</strong><br>
                    Ticket Number: <b>{{ $s['ticket'] }}</b>
                </div>

                <a href="https://wa.me/2342018876001?text={{ $whatsAppText }}"
                   target="_blank"
                   class="btn btn-success w-100 mb-4">
                    📲 Send Details to Support on WhatsApp
                </a>
            @endif

            {{-- Support Form --}}
            <div class="card shadow-sm">
                <div class="card-body">
                  <form method="POST" action="{{ route('support.submit') }}">
                        @csrf

                        <input type="text" name="name" class="form-control mb-2" placeholder="Full Name" required>
                        <input type="email" name="email" class="form-control mb-2" placeholder="WapsChat Email" required>
                        <input type="text" name="whatsapp" class="form-control mb-2" placeholder="WhatsApp Number" required>
                        <input type="text" name="subject" class="form-control mb-2" placeholder="Subject" required>

                        <select name="priority" class="form-control mb-2" required>
                            <option value="Low">Low</option>
                            <option value="Medium" selected>Medium</option>
                            <option value="High">High</option>
                        </select>

                        <textarea name="message" rows="4" class="form-control mb-3" placeholder="Your message" required></textarea>

                        <button type="submit" class="btn btn-primary w-100">Submit Support Request</button>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection