@extends('user.layout.master')
@section('title', 'Support Ticket')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
@endpush

@section('content')
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Support Ticket</h4>
                    <div class="mb-3">
                        
                            <a href="{{route('user.ticket.view')}}" class="btn btn-primary"
                                style="float: right">
                                <span>View Tickets</span>
                            </a>
                    </div>
                    <br>
                    {{-- <p class="text-muted mb-3">Read the <a href="https://jqueryvalidation.org/" target="_blank"> Official jQuery Validation Documentation </a>for a full list of instructions and other options.</p> --}}
                    <form id="signupForm" action="{{ route('user.ticket.process') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="user_name" value="{{ Auth::guard('user')->user()->name }}">


                        <div class="mb-3">
                            <label for="name" class="form-label">Title</label>
                            <input id="name" class="form-control" name="title" type="text">
                            <span class="text-danger">{{ $errors->first('title') }}</span>
                        </div>

                        <div class="mb-3">
                            <label for="name" class="form-label">Description</label>
                            <input id="name" class="form-control" name="description" type="text">
                            <span class="text-danger">{{ $errors->first('description') }}</span>

                        </div>
                        
                         <div class="mb-3">
                            <label for="name" class="form-label">File</label>
                            <input id="name" class="form-control" name="file" type="file">
                            <span class="text-danger">{{ $errors->first('file') }}</span>

                        </div>


                        <input class="btn btn-primary" type="submit" value="Submit">
                    </form>
                </div>
            </div>
        </div>

    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/data-table.js') }}"></script>
@endpush