{% extends '/admin/authenticated/layout/base.html.twig' %}

{% import '/admin/components/helpers_macro.html.twig' as helpers %}

{% set isEdit = true %}

{% block title %}
    Edit Team Member
{% endblock %}

{% block content %}

    {{ helpers.notifications_success() }}
    {{ helpers.notifications_error() }}
    {{ helpers.notifications_warning() }}


    <div class="row">
        <div class="col">
            <div class="card card-info card-outline direct-chat direct-chat-info">
                {{ form_start(form, { 'attr': {'novalidate': 'novalidate'} }) }}
                <div class="card-header card-header-compressed">
                    {% set labelId = '' %}
                    {% if teamMember.getFullName() is not empty %}
                        {% set labelId = teamMember.getFullName() %}
                    {% elseif teamMember.email is not empty %}
                        {% set labelId = teamMember.email %}
                    {% endif %}
                    <strong class="font-20">Edit Team Member:</strong>
                    {{ labelId }}
                    <div class="card-tools">
                        <a href="{{ path('bo_team_member_list') }}" class="btn btn-sm btn-light">
                            <i class="fas fa-chevron-left"></i>
                            List of Members
                        </a>
                        <a href="{{ path('bo_team_member_create') }}" class="btn btn-sm btn-light">
                            <i class="fas fa-plus"></i>
                            Create Member
                        </a>
                    </div>
                </div>
                <div class="card-body p-2">
                    <div class="row">
                        <div class="d-md-none d-sm-block col-sm-12">
                            {{ helpers.goToLivePage(sys_front_end_server, 'About' ,'/about') }}
                        </div>
{#                        <div class="col-md-2 col-sm text-center">#}
{#                            {% if teamMember.getFullName() is not empty %}#}
{#                                <div class="row">#}
{#                                    <div class="col-12 text-muted">#}
{#                                        {{ teamMember.getFullName() }}#}
{#                                    </div>#}
{#                                </div>#}
{#                            {% endif %}#}
{#                            {% if teamMember.email  %}#}
{#                                <div class="row mt-1">#}
{#                                    <div class="col-12 text-muted">#}
{#                                        <i class="fa fa-envelope"></i>#}
{#                                        {{ teamMember.email }}#}
{#                                    </div>#}
{#                                </div>#}
{#                            {% endif %}#}
{#                            {% if teamMember.phone  %}#}
{#                                <div class="row mt-1">#}
{#                                    <div class="col-12 text-muted">#}
{#                                        <i class="fa fa-phone"></i>#}
{#                                        {{ teamMember.phone }}#}
{#                                    </div>#}
{#                                </div>#}
{#                            {% endif %}#}
{#                            <div class="row mt-5">#}
{#                                <div class="col-12">#}
{#                                    {% if teamMember.picture %}#}
{#                                        <img src="{{ asset(directoryUploadTeamMember ~ '/' ~ teamMember.picture) }}"#}
{#                                             class="teamMemberPicture img-circle" height="100" width="100">#}
{#                                    {% else %}#}
{#                                        <img src="{{ asset('/img/bo/no-team-member-picture.png') }}"#}
{#                                             class="img-fluid teamMemberPicture">#}
{#                                    {% endif %}#}
{#                                </div>#}
{#                                <div class="col-12">#}
{#                                    {{ form_widget(form.picture) }}#}
{#                                </div>#}
{#                            </div>#}
{#                        </div>#}

{#                        <div class="col-md-7 col-sm">#}
                            {% include '/admin/authenticated/aboutUs/team_member/_form_fields.html.twig' %}
{#                        </div>#}
{#                        <div class="col-3 d-none d-md-block">#}
{#                            {{ helpers.goToLivePage(sys_front_end_server, 'About' ,'/about') }}#}
{#                        </div>#}
                    </div>
                </div>
                <div class="card-footer p-2 text-center">
                    <div class="row">
                        <div class="col">
                            <button type="submit" class="btn btn-info btn-admin">Save</button>
                            <a href="{{ path('bo_team_member_list') }}" class="btn btn-secondary btn-admin">Cancel</a>
                        </div>
                        <div class="d-md-block d-none col-2"></div>
                    </div>
                </div>
                {{ form_end(form) }}
                {{ helpers.form_processing() }}
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    {{ parent() }}
    <script src="{{ asset('/app/admin/js/authenticated/AboutUs/TeamMember/TeamMemberFormValidator.js') }}"></script>
    <script src="{{ asset('/app/admin/js/authenticated/AboutUs/TeamMember/TeamMemberForm.js') }}"></script>
    <script>
        (new TeamMemberForm()).init();
    </script>
{% endblock %}