@extends('layouts.app')

@section('content')
    <!-- MAIN -->
    <main class="page-maincontent" id="page-main-content">
        <!-- SECTION Profile Detail -->
        <section class="section section-profile-detail pt-110 pb-100 pb-40-mb pt-40-mb">
            <!-- Background -->
            <div class="bg-holder">
                <figure class="img-holder bg-img">
                    <img src="{{ asset('app/img/submit-form/submit-form-bg.jpg') }}" alt=""/>
                </figure>

                <!-- Background Transition -->
                <div class="bg-transition"></div>
            </div>

            <!-- Profile Detail Layout -->
            <div class="profile-detail-layout pt-60 pl-100 pr-100 pb-150 pl-30-mb pr-30-mb pb-100-mb">
                <!-- Decor El -->
                <figure class="img-holder decor-el">
                    <img src="{{ asset('app/img/submit-form/form-decor.jpg') }}" alt=""/>
                </figure>

                <!-- Main Content Layer -->
                <div class="main-content">
                    <!-- Page Title -->
                    <h1 class="page-title jambono txt-center mb-20">Your profile</h1>

                    <!-- Profile Info List -->
                    <div class="profile-info-list mb-40">
                        <!-- Info Row -->
                        <div class="info-row">
                            <p class="label">Full name</p>
                            <p class="value">{{ $user->name }}</p>
                        </div>

                        <!-- Info Row -->
                        <div class="info-row">
                            <p class="label">Email address</p>
                            <p class="value">{{ $user->email }}</p>
                        </div>
                        <!-- Info Row -->
                        <div class="info-row">
                            <p class="label">Gender</p>
                            <p class="value">{{ \App\Enums\GenderEnum::getDescription($user->gender) }}</p>
                        </div>
                        <!-- Info Row -->
                        <div class="info-row">
                            <p class="label">Phone number</p>
                            <p class="value">{{ $user->phone_number }}</p>
                        </div>
                        <!-- Info Row -->
                        <div class="info-row">
                            <p class="label">Home address</p>
                            <p class="value address">{{ $user->address }}</p>
                        </div>

                        <!-- Info Row -->
                        <div id="share-facebook-post" class="info-row">
                            <p class="label">Passport number</p>
                            <p class="value">{{ $user->passport_number }}</p>
                        </div>

                        <!-- Info Row -->
                        <div class="info-row">
                            <p class="label">Facebook link</p>
                            <p class="value">{{ $user->facebook_link }}</p>
                        </div>

                        <!-- Info Row -->
                        <div class="info-row">
                            <p class="label">Password</p>
                            <p class="value">*******</p>
                            @if (!$user->provider()->exists())
                                <a href="{{ route('profile.changePassword') }}" class="cta-holder">
                                    Change password
                                </a>
                            @endif
                        </div>
                    </div>

                    <div class="cta-holder txt-right txt-center-mb mb-20">
                        <a href="{{ route('profile.edit') }}" class="btn bordered-btn">Edit your profile</a>
                    </div>

                    <!-- Share CTA -->
                    @if(isset($user->submission))
                        <div class="share-cta">
                            <h2 class="share-cta-title jambono mb-10">Shared post</h2>
                            <form action="{{ route('facebookPostShare') }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="share-form-row">
                                    <input
                                        type="text"
                                        name="facebook_post_link"
                                        class="form-control"
                                        value="{{(old('facebook_post_link') ?? $user->submission->facebook_post_link) ??''}}"
                                        placeholder="Input your share port URL so we can review and recognize your submission as valid"
                                    />

                                    <button type="submit" class="btn">Save</button>
                                </div>
                            </form>
                        </div>
                    @endif
                </div>
            </div>
        </section>
        <!-- SECTION Profile Detail - END -->

        <!-- SECTION Fly with Vietjet -->
    @include('layout/fly-with-vj')
    <!-- SECTION Fly with Vietjet - END -->
    </main>
    <!-- MAIN - END -->
@endsection