@extends('layouts.front.app')

@section('title', __('pages/support-tickets.create_title'))

@section('content')
    <section class="border-b border-border bg-gradient-to-b from-muted/50 via-background to-background">
        <div class="container py-8 sm:py-10 lg:py-12">
            <div class="mx-auto max-w-3xl">
                @include('pages.user.support-tickets.partials.form')
            </div>
        </div>
    </section>
@endsection

@push('before-app-js')
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest(
        'App\Http\Requests\SupportTicket\StoreSupportTicketRequest',
        '#support-ticket-form',
    ) !!}
    @vite(['resources/js/common/validation.js', 'resources/js/user/support-ticket.js'])
@endpush