@extends('layouts.lookatme')

@section('title', trans('message.my_profile'))
@section('content')
    <div class="tw-mt-6 tw-px-8 md:tw-px-12 lg:tw-px-20 tw-flex tw-flex-col md:tw-flex-row">
        <aside class="tw-flex tw-flex-col tw-items-center tw-w-full md:tw-w-1/3 tw-mr-4">
            @include('templates.lookatme.my_account._sidebar-nav')
        </aside>
        <section class="tw-w-full tw-mt-8 md:tw-mt-0">
            <div class="tw-flex tw-items-center tw-justify-between">
                <h2 class="tw-border-0 tw-border-l-4 tw-border-solid tw-pl-4 tw-font-bold">
                    {{trans('message.feed_back')}}
                </h2>
            </div>
            <hr>
            @include('templates.lookatme.components.alert')
            @if($errors->first('comment'))
                <div class="alert alert-danger">
                    {{ $errors->first('comment') }}
                </div>
            @endif
            <form action="{{ route('send-feedback') }}">
                <div class="tw-flex tw-items-center tw-justify-between tw-mt-12 tw-flex-col">
                    <div class="tw-w-2/4 tw-mx-auto">
{{--                        @include('templates.lookatme.components.head-title', [--}}
{{--                            'title' => 'FeedBacks',--}}
{{--                            ])--}}
                        <div class="tw-grid tw-items-center tw-grid-cols-1 tw-gap-2 tw-mt-2">
                            <textarea rows="5" cols="50"
                                      name="comment"
                                      class="tw-p-4 tw-w-full tw-border-0 tw-outline tw-outline-1 tw-outline-gray-400/80 tw-placeholder-[#BDBDBD] tw-font-light"
                                      placeholder="Feedbacks"></textarea>
                        </div>
                        <div class="tw-mt-8">
                            @include('templates.lookatme.components.button', [
                                'type' => 'submit',
                                'text' => trans('message.submit'),
                                'class'=>'tw-w-full tw-py-3 btn-dark'
                            ])
                        </div>
                    </div>
                </div>
            </form>
        </section>
    </div>
@endsection