{% extends 'D2CustomerBundle::base.html.twig' %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2customer/js/customer.js') }}"></script>
{% endblock head_script_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<a href="{{ path('fos_user_profile_show') }}" class="btn btn-sm btn-default pull-right">Change Your Logon Details</a>
		<div class="clearfix"></div>
		<hr/>
	</div>
</div>
{% endblock page_header %}

{% block content %}
{% if error %}
    <div class="alert alert-warning fade in">
        <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
            <strong>Oops!</strong> {{ error|trans }}
    </div>
{% endif %}
<div class="col-md-offset-1 col-md-6">
    <form action="{{ path('customer_update', { 'id': entity.id, 'mode': mode, 'type': type }) }}" {{ form_enctype(form) }} method="POST" class="form-general">
        <h2 class="form-general-heading">Member Profile</h2>
        {{ form_widget(form) }}
        <div>
            <input class="btn btn-lg btn-default pull-right" type="submit" value="Update" />
        </div>
    </form>
</div>    
<div class="col-md-offset-1 col-md-3">
	<div class="well">
		{% if entity.path %}
		<h2 class="form-general-heading">Profile Image</h2>
		<div>
			<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active"><a href="#orig_image" aria-controls="orig" role="tab" data-toggle="tab">Original</a></li>
			<li role="presentation"><a href="#cropped_image" aria-controls="cropped" role="tab" data-toggle="tab">Cropped</a></li>
			</ul>
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="orig_image">
					<img src="/uploads/customer/images/{{ entity.path }}?v={{ entity.version }}" alt="IMAGE" class="img-responsive" width="100%" />
					<code>Mime Type: {{ image_info['mime'] }}</code> <code>Size: {{ image_info[0] }}x{{ image_info[1] }}</code>
				</div>
				<div role="tabpanel" class="tab-pane" id="cropped_image">
					<img src="/uploads/customer/images/{{ entity.croppedPath }}?v={{ entity.version }}" alt="IMAGE" class="img-responsive" width="100%" />
					<code>Mime Type: {{ crop_image_info['mime'] }}</code> <code>Size: {{ crop_image_info[0] }}x{{ crop_image_info[1] }}</code>
				</div>
			</div>
		</div>
		<a href="{{ path('crop_image_view', { 'type': 'customer', 'id': entity.id }) }}" class="btn btn-default" style="margin-top:10px">Crop Profile Image</a>	
		{% else %}
        <h3 class="form-general-heading">Profile Image</h3>
		<img src="{{ asset('bundles/d2core/images/user.png') }}" width="100%" alt="EXPERT" class="img-responsive img-rounded">
		{% endif %}
	</div>
</div>
{% endblock content %}