{% extends "main/main_base.html.twig" %}

{% set user     = getCustomerUser() %}
{% set profile  = user.profile %}
{% set customer = user.customer %}

{% set page_title = "account.account_info.title"|trans %}
{% block title %}{{ page_title }}{% endblock %}

{% block body %}

    {% set fields = [{'name':page_title}] %}
    {% include 'main/common/_header.html.twig' %}






    <div class="page-content mb-4">
        <div class="container">
            <div class="row">
                <aside class="col-lg-3 col-12 ">
                   {% include "main/Account/_account_sidebar.html.twig" %}
                </aside><!-- End .col-lg-3 -->

                <div class="col-md-8 col-lg-9">

                    <div class="row">
                        <div class="col-12 col-lg-6">
                            <h5>{{ page_title }}</h5>

                            <form action="" method="post">
                                <div class="form-group custom">
                                    <input type="text" name="profile[name]" class="form-control" value="{{ profile.name|default }}" required placeholder="&nbsp;" >
                                    <label class="form-label">{{ "common.form.name"|trans }} *</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="text" name="profile[surname]" class="form-control"  value="{{ profile.surname|default }}" required placeholder="&nbsp;" >
                                    <label class="form-label">{{ "common.form.surname"|trans }} *</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="text" name="customer[company_name]" class="form-control" value="{{ customer.companyName|default }}" placeholder="&nbsp;" >
                                    <label class="form-label">{{ "common.form.company_name"|trans }} </label>
                                </div>
                                <div class="form-group custom">
                                    <input type="text" name="user[email]" data-mask="email" class="form-control" value="{{ user.email|default }}" required placeholder="&nbsp;" >
                                    <label class="form-label">{{ "common.form.email"|trans }}  *</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="text" class="form-control" data-mask="phone" name="profile[phone_number]" value="{{ profile.phoneNumber|default }}" placeholder="&nbsp;"  >
                                    <label class="form-label">{{ "common.form.phone_number"|trans }}</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="date" class="form-control" name="profile[birthdate]"  value="{{ profile.birthdate|default ? profile.birthdate|date('Y-m-d') }}"  placeholder="&nbsp;"  >
                                    <label class="form-label">{{ "common.form.birtdate"|trans }} *</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="text" class="form-control" data-mask="tc"    name="customer[tcno]" value="{{ customer.tcno|default }}"  placeholder="&nbsp;"   >
                                    <label class="form-label">{{ "common.form.tc_no"|trans }}</label>
                                </div>
                                <div class="form-group custom">
                                    <label class="d-block mb-1">{{ "common.form.gender"|trans }}</label>
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" id="male" name="profile[gender]" value="male" class="custom-control-input" {{ profile.gender|default == 'male' ? 'checked' }} />
                                        <label class="custom-control-label" for="male">{{ "common.form.gender_male"|trans }}</label>
                                    </div>
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input type="radio" id="female" name="profile[gender]" value="female" class="custom-control-input"  {{ profile.gender|default == 'female' ? 'checked' }} />
                                        <label class="custom-control-label" for="female">{{ "common.form.gender_female"|trans }}</label>
                                    </div>
                                </div>
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="customer[subscribed_to_newsletter]" class="custom-control-input" id="subscribedToNewsletter" {{ customer.subscribedToNewsletter|default ? 'checked'  }}>
                                    <label class="custom-control-label" for="subscribedToNewsletter">{{ "common.form.newsletter"|trans }}</label>
                                </div>


                                <div class="pull-right">
                                    <button type="submit" class="btn btn-primary mw-0 btn-round">
                                        <span>{{ "buttons.save"|trans }}</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </button>
                                </div>
                            </form>



                        </div>
                        <div class="col-12 col-lg-6">
                            <h5>{{ "account.account_info.form.change_password.title"|trans }}</h5>

                            <form action="" method="post">

                                <input type="hidden" name="change_password" value="1">

                                <div class="form-group custom">
                                    <input type="password" name="user[old_password]" class="form-control"  required autocomplete="new-password" placeholder="&nbsp;" >
                                    <label class="form-label">{{ "account.account_info.form.change_password.old_password"|trans }}*</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="password" name="user[new_password]" class="form-control"  required autocomplete="new-password" placeholder="&nbsp;" >
                                    <label class="form-label">{{ "account.account_info.form.change_password.new_password"|trans }} *</label>
                                </div>
                                <div class="form-group custom">
                                    <input type="password" name="user[new_password_repeat]" class="form-control"  required autocomplete="new-password" placeholder="&nbsp;" >
                                    <label class="form-label">{{ "account.account_info.form.change_password.new_password_repeat"|trans }} *</label>
                                </div>


                                <div class="pull-right">
                                    <button type="submit" class="btn btn-primary mw-0 btn-round">
                                        <span>{{ "buttons.save"|trans }}</span>
                                        <i class="icon-long-arrow-right"></i>
                                    </button>
                                </div>
                            </form>


                        </div>
                    </div>





                </div><!-- End .col-lg-9 -->
            </div><!-- End .row -->
        </div><!-- End .container -->
    </div><!-- End .page-content -->

{% endblock %}
{% block javascripts %}

    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/inputmask/jquery.inputmask.bundle.min.js') }}"></script>
    <script>
        $().ready(function () {
            // Input Mask
            Site.maskAll();
        });
    </script>
{% endblock %}