{% extends app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':UploadArtworkCenter/UploadArtworkCenterLayout.html.twig' %}

{% block bread_crumb_after_home %}
    <li> <a  href="#">Orders</a> › </li> <li><a href="#">Order #{{app.request.query.get('orderid') }}</a> › </li>
    <li><strong>{{ 'cms.front.upload_artwork_center.heading'| trans }}</strong></li>
{% endblock bread_crumb_after_home %}

{% block page_main_content %}

	<form id="upload_artwork_center" name="upload_artwork_center"
	method="post" enctype="multipart/form-data">
	{{ form_errors(artworkForm) }}

	<section class="upload-artworks">
    <div class="container">
      <div class="row"> 
          <div class="col-xs-12">
            <div class="h-title"><b>Upload Artwork</b></div>
            <div class="order-number">Order #{{app.request.query.get('orderid') }}</div>
            <div class="order-text">If you need help with artwork please message our customer service, or call <b>(888) 788-0101</d></div>
          </div>
          <div class="col-md-6 col-xs-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label">Full Name  <span>*</span></label>
              {{ form_errors(artworkForm.senderFirstName) }}
			  {{ form_widget(artworkForm.senderFirstName ,{'attr': { 'placeholder': "uploadArtworkCenter.senderFirstName.label"|trans,'value':billing_info.name is defined ?billing_info.name
			  :'','readonly':'readonly' }}) }}

            </div>
          </div>
          <div class="col-md-6 col-xs-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label">Order Number<span>*</span></label>
              {{ form_errors(artworkForm.poNumber) }}
			  {{ form_widget(artworkForm.poNumber,{'attr': { 'placeholder': "Order Number"|trans,'value':app.request.query.get('orderid'),'readonly':'readonly' }}) }}
            </div>
          </div>

          <div class="col-md-12 col-xs-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label">Email <span>*</span></label>
              {{ form_errors(artworkForm.senderEmailAddress) }}
						{{ form_widget(artworkForm.senderEmailAddress , { 'attr' : { 'placeholder' : "uploadArtworkCenter.senderEmailAddress.label"| trans,'value':billing_info.email is defined ?billing_info.email
			  :'','readonly':'readonly' }}) }}
            </div>
          </div> 

          <div class="col-md-12 col-xs-12">

            <div class="form-group"> 
            	<label for="recipient-name" class="control-label">Artwork File <span>*</span></label>
                <div class="upload-border">
					<div class="upload-file-btn" id="upload-file-btn-1">
						<input type="button" value="Browse" class="hidden btn btn-default file-upload-btn"> 
						<input type="file" class="js_show_file_name js_upload_artwork_file" required="required">
						<input type="text" class="fileName hidden" readonly="readonly" value="No file selected">
						<a href="javascript:void(0)" class="js_add_more_button more_button_spacing hidden"> <i class="fa fa-plus"></i></a>
					</div>
				</div>
                <span class="notes">{{ 'cms.front.upload_artwork_center.uploadedFile.validExtensions'| trans }}</span>
            </div>
          </div>

          <div class="col-md-12 col-xs-12">
            <div class="form-group">
              <label for="recipient-name" class="control-label">Message</label>
              {{ form_errors(artworkForm.message) }}
						{{ form_widget(artworkForm.message, { 'attr' : { 'placeholder' : "uploadArtworkCenter.message.label"| trans}}) }}
            </div>
          </div>

          <div class="col-xs-12">
            {{ form_errors(artworkForm._token) }}
		{{ form_widget(artworkForm._token) }}
			<input type="button" class="tn btn-default js_open_art_library_media_upload_btn hide" data-url="{{ path('office_brain_custombundle_cmsbundle_upload_artwork_center_new')}}" value="Submit"> 
			<button type="button" class="btn btn-primary upload-submit js-upload-submit">Submit</button>
          </div> 
      </div>
    </div>
  </section>  
</form>
<script>
	$(document).on('click','.js-upload-submit',function(){
		$('.js_open_art_library_media_upload_btn').trigger('click');
	});
</script>	

{% endblock page_main_content %}