@extends('frontLayout.frontlayout')
@section('content')
<section class="myaccount_section">
    <div class="container">
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="myaccount_area">
                    <div class="row no-gutters">
                       @include('frontend.partials.sidebar')
                        <div class="col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12">
                            <div class="myaccount_main_area">
                                <div class="dasboard_area">
                                    <div class="help_support">
                                        <div class="row">
                                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="help_support_area">
                                                    <div class="feedback_area">
                                                        <div class="myaccount_sec_title">
                                                            <h3>Submit Your Request</h3>
                                                            <p>We're here to help! Tell us more. A member of our team will respond as soon as possible.</p>
                                                        </div>
                                                        @include('admin.partials.flash_messages')
                                                        <div class="shadowed_box">
                                                            <form action="{{ route('support.ticket') }}" method="post" id="help_support">
                                                                <!--!! CSRF FIELD !!-->
                                                                {{ @csrf_field() }}
                                                                <div class="row">
                                                                    <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                        <div class="form-group" id="subject-group">
                                                                            <label class="head">Enquiry Subject:</label>
                                                                            <div class="inner_group">
                                                                                <input type="text" class="form-control" name="subject" value="{{ old('subject') }}" placeholder="Enquiry Subject" required>
                                                                                <input type="hidden" name="user_id" value="{{ $user->id }}">
                                                                                @error('subject')
                                                                                    <small class="text-danger d-block">{{ $message }}</small>
                                                                                @enderror
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                        <div class="form-group" id="type-group">
                                                                            <label class="head">Enquiry Type:</label>
                                                                            <div class="inner_group">
                                                                                <div class="radio_area">
                                                                                    <div class="form-check form-check-inline check-1"
                                                                                    style="border-color: rgb(15, 58, 157); background-color: rgb(228, 236, 255);"
                                                                                    >
                                                                                        <div class="custom-control custom-radio">
                                                                                            <input type="radio" class="custom-control-input" id="type1" name="enquiry" value="Problem"
                                                                                            checked>
                                                                                            <label class="custom-control-label" for="type1">I have a problem</label>
                                                                                        </div>
                                                                                        @error('type')
                                                                                            <small class="text-danger d-block">{{ $message }}</small>
                                                                                        @enderror
                                                                                    </div>
                                                                                    <div class="form-check form-check-inline check-2">
                                                                                        <div class="custom-control custom-radio">
                                                                                            <input type="radio" class="custom-control-input" id="type2" name="enquiry" value="General Enquiry">
                                                                                            <label class="custom-control-label" for="type2">General Enquiry</label>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                        <div class="form-group" id="description-group">
                                                                            <label class="head">Give us the details:</label>
                                                                            <div class="inner_group">
                                                                                <textarea name="description" class="form-control" rows="5" required>{{ old('description') }}</textarea>
                                                                                @error('description')
                                                                                    <small class="text-danger">{{ $message }}</small>
                                                                                @enderror
                                                                            </div>
                                                                        </div>  
                                                                    </div>
                                                                    <!-- <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                        <div class="form-group" id="image-group">
                                                                            <label class="head">Give us the details:</label>
                                                                            <div class="inner_group">
                                                                                <input type="file" name="image[]" class="inputfile" id="file-4" data-multiple-caption="{count} files selected" multiple>
                                                                                <label for="file-4"><span><i class="far fa-plus"></i></span><span>Upload Photos</span></label>
                                                                            </div>
                                                                            <div class="gallery">
                                                                                
                                                                            </div>
                                                                        </div>  
                                                                    </div> -->
                                                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                        <div class="gradient_btn">
                                                                            <button type="submit">Submit</button>
                                                                        </div>  
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection