@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.how_to_purchase')}}
                </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">
                        <div class="tw-mt-8">
                            <a href="https://lookatme-test.netlify.app/" target="_blank"><span class="text-danger">How to purchase</span></a>
                        </div>
                    </div>
                </div>
            </form>
        </section>
    </div>
@endsection