@extends('master')

@section('seo_title', __('messages.PERSONAL_INFO'))
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    <meta name="locale" content="{{ app()->getLocale() }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <section class="generic-page-content">
        @include('layout.breadcrumbs', ['page_title' => __('messages.PERSONAL_INFO')])

        <div class="container">
            <div class="row my-5">

                @include('account.dashboard.sidebar')

                <!-- right dashboard column -->
                <div class="col-lg-9 col-md-8 col-12">
                    <div class="py-6 p-md-6 p-lg-10">
                        <div class="mb-6">
                            <h2 class="mb-0">@lang('messages.ACCOUNT_SETTINGS')</h2>
                        </div>
                        <div>
                            <h5 class="mb-4">@lang('messages.PERSONAL_INFO')</h5>

                            <form action="#" class="customer-user-data" id="customer-user-data" method="post">
                                <div class="row">
                                    <div class="col-12 mb-3">
                                        <label>@lang('messages.NAME')</label>
                                        <input class="form-control" id="nome" name="nome" placeholder="@lang('messages.NAME')" type="text" value="{{ $user->nome }}" required>
                                    </div>
                                    <div class="col-12 col-lg-6 mb-3">
                                        <label>@lang('messages.PHONE')</label>
                                        <input class="form-control" id="telefone" name="telefone" placeholder="@lang('messages.PHONE')" type="text" value="{{ $user->telefone ?? '' }}">
                                    </div>
                                    <div class="col-12 col-lg-6 mb-3">
                                        <label>@lang('messages.MOBILE')</label>
                                        <input class="form-control" id="telemovel" name="telemovel" placeholder="@lang('messages.MOBILE')" type="text" value="{{ $user->telemovel ?? '' }}" required>
                                    </div>
                                    <div class="col-12 col-lg-6 mb-3">
                                        <label>@lang('messages.VAT')</label>
                                        <input class="form-control" id="num_contribuinte" name="num_contribuinte" placeholder="@lang('messages.VAT')" type="text" value="{{ $user->num_contribuinte ?? '' }}">
                                    </div>

                                    <div class="col-12 mb-3">
                                        <input type="submit" name="commit" role="button" class="btn btn-primary" value="@lang('messages.SAVE_DETAILS')" />
                                    </div>
                                </div>
                            </form>

                            <div class="message-user-data"></div>
                        </div>

                        <hr class="my-10">

                        <div class="pe-lg-14">
                            <h5 class="mb-4">@lang('messages.PASSWORD')</h5>
                            <div class="row row-cols-lg-2 row-cols-1">
                                <form action="#" class="customer-change-password" id="customer-change-password" method="post">
                                    <div class="mb-3 col">
                                        <label>@lang('messages.CURRENT_PASSWORD')</label>
                                        <input required class="form-control" id="currentPassword" name="currentPassword" placeholder="@lang('messages.CURRENT_PASSWORD')" type="password" pattern=".{8,}" title="@lang('messages.NEW_PASSWORD_TITLE')">
                                    </div>
                                    <div class="mb-3 col">
                                        <label>@lang('messages.NEW_PASSWORD_PLACEHOLDER')</label>
                                        <input required class="form-control" id="password" name="password" placeholder="@lang('messages.NEW_PASSWORD_PLACEHOLDER')" type="password" pattern=".{8,}" title="@lang('messages.NEW_PASSWORD_TITLE')">
                                    </div>
                                    <div class="mb-3 col">
                                        <label>@lang('messages.CONFIRM_PASSWORD')</label>
                                        <input required class="form-control" id="confPassword" name="confPassword" placeholder="@lang('messages.CONFIRM_PASSWORD')" type="password" pattern=".{8,}">
                                    </div>
                                    <div class="col-12">
                                        <p class="mb-4">
                                            @lang('messages.CANT_REMEMBER_YOUR_CURRENT_PASSWORD')
                                            <a href="#"> @lang('messages.RESET_YOUR_PASSWORD').</a>
                                        </p>
                                        <input class="btn btn-primary" role="button" tabindex="0" name="commit" type="submit" value="@lang('messages.SAVE_PASSWORD')">
                                    </div>
                                </form>

                                <div class="message-change-password"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end right dashboard column -->
            </div>
        </div>
    </section>

@endsection