@extends('../../master_layout/website_master')

@section('title')
<title>{{env('APP_NAME')}} :: Contact Us</title>
@endsection


@section('heading')
<section class="page-heading">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="content">
                    <a href="javascript:history.back()" class="btn btn-link">
                        <i class="fa fa-angle-left"></i> Back
                    </a>
                    <h1>Contact Us</h1>
                    <a href="#" class="btn btn-link hidden">
                        New Escort <i class="fa fa-angle-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('content')



<!-- Contact One -->
<section class="contact-one">
    <div class="container-fluid">
        <!-- Message-->
        @if (session('message'))
        <div class="col-12">
            <div class="alert alert-{{session('message.type')}} alert-dismissible fade show" role="alert">
                @if(session('message.type')=='danger')
                <strong>Oops!</strong> {!! session('message.text') !!}
                @else
                <strong>Success!</strong> {!! session('message.text') !!}
                @endif
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
        @endif
        <!--end message-->

        <div class="row justify-content-center gap-y-2">
            <div class="col-lg-8 col-md-10 d-md-none">
                <div class="heading-one text-center">
                    <h1>Contact Us</h1>
                </div>
            </div>
            <div class="col-lg-8 col-md-10">
                <ul class="disk-list">
                    <li><b>Are you are an Independent escort with a question?</b> First, look at our <a href="{{route('cms.content',['slug'=>'help-for-advertisers'])}}">Help for advertisers</a>.
                    </li>
                    <li>Any other query/request, <b>contact us here</b>.</li>
                    <li><a href="{{route('helpdesk')}}">Click here</a> to view support tickets.</li>
                </ul>
            </div>
            <div class="col-lg-8 col-md-10">
                <div class="box-one">
                    @if (session('errors'))
                    <div class="alert alert-danger alert-dismissible">
                        @foreach($errors->all() as $message)
                        <li class="text-danger">{{$message}}</li>
                        @endforeach
                    </div>
                    @endif
                    <form action="{{route('contact.process')}}" method="post" id="addContact">
                        @csrf
                        <!--<div class="form-group">
                            <label for="name">Name :</label>
                            <input class="form-control" type="text" value="{{(isset($display_name) && $display_name !='')?$display_name:old('name')}}" name="name" id="name">
                        </div>
                        <div class="form-group">
                            <label for="email">Email :</label>
                            <input class="form-control" type="email" value="{{(isset($email) && $email !='')?$email:old('email')}}" name="email" id="email">
                        </div>-->
                        <div class="form-group">
                            <label for="ticket_subject">Subject :</label>
                            <input class="form-control" type="text" value="{{old('ticket_subject')}}" name="ticket_subject" id="ticket_subject">
                        </div>
                        <div class="form-group">
                            <label for="ticket_description">Description :</label>
                            <textarea class="form-control" name="ticket_description" id="ticket_description">{{old('ticket_description')}}</textarea>
                        </div>
                        <button class="btn btn-main">
                            Submit<i class="fa fa-angle-right"></i>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('custom_js')
<script>
    $(function() {
        $('#addContact').validate({
            rules: {
                ticket_subject: {
                    required: true,
                },
                ticket_description: {
                    required: true,
                }
            },
            messages: {
                ticket_subject: {
                    required: "Please enter subject",
                },
                ticket_description: {
                    required: "Please enter description",
                }
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });

    });
</script>
@endsection