@extends('Templates.master')

{{-- Commonlinks --}}
@push('css-plugins')
    <!-- Custom CSS -->
    <link rel="stylesheet" href="{{ asset('assets/libs/select2/dist/css/select2.min.css') }}">
	@include('Templates.UI.User.CDN.links')
@endpush

{{-- Navbar --}}
@section('nav')
	@include('Templates.UI.User.Nav.nav-header',['name' => $name,'id' => $id])
@endsection

{{-- Body --}}
@section('body')
    <!-- Page wrapper  -->
    <div class="page-wrapper">
        <!-- Container fluid  -->
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="card-title text-center">
                        <h3>User Feedback Form Submission</h3>
                    </div>
                    <form action="{{ route('store-feedback') }}" method="POST">
                        {{ csrf_field() }}
                        <div class="form-group mt-3">
                            <div class="row">
                                <div class="col-md-3">
                                    Name:
                                </div>
                                <div class="col-md-9">
                                    <input type="text" name="user_name" dusk="name-dusk" class="form-control" placeholder="Enter your Name">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mt-3">
                            <div class="row">
                                <div class="col-md-3">
                                    Email:
                                </div>
                                <div class="col-md-9">
                                    <input type="email" name="user_email" dusk="email-dusk" class="form-control" placeholder="Enter Your Email">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mt-3">
                            <div class="row">
                                <div class="col-md-3">
                                    Your Feedback/Issues:
                                </div>
                                <div class="col-md-9">
                                    <textarea name="user_feedback" dusk="feedback-dusk" class="form-control" cols="30" rows="10">
                                        
                                    </textarea>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mt-3">
                            <div class="row">
                                <div class="col-md-3">
                                    Your Rating:
                                </div>
                                <div class="col-md-9">
                                    <select name="rating" dusk="rating-dusk" class="select2 form-select shadow-none" style="width: 100%; height: 36px">
                                        @for ($i = 1; $i <= 10; $i++)
                                            <option value="{{ $i }}">{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group text-center mt-3" dusk="click-submit-dusk">
                            <button class="btn btn-lg btn-outline-success">Submit Feedback</button>
                        </div>
                        @if ($errors->any())
                            <div class="alert alert-danger" role="alert">
                                <h4 class="alert-heading">Validation Error!</h4>
                                <ul>
                                    @foreach ($errors->all() as $message)
                                        <li>{{ $message }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

{{-- CommonScripts --}}

@push('js-scripts')
	@include('Templates.UI.User.CDN.scripts')
    <script src="{{ asset('assets/libs/select2/dist/js/select2.min.js') }}"></script>
    <script>
        // For select 2
		$(".select2").select2();
        //Preloader
		$(".preloader").fadeOut();
	</script>
@endpush