{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      {% if error_warning is defined and error_warning %}
      <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
          <button type="button" class="close" data-dismiss="alert">&times;</button>
      </div>
      {% endif %}
      <div class="pull-right">
        <div class="btn-group">
              <a class="btn btn-primary" href="{{ add_quotation['href'] }}" data-toggle="tooltip" title="{{ button_add_quote }}"><i class="fa fa-plus"></i></a>
              <a href="{{ add_quotation['href'] }}"></a>
              <button class="btn btn-danger" id="quotation-delete"><i class="fa fa-trash"></i></button>
        </div>
      </div>
      <h1>{{ heading_title }}</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
        <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ul>
      {% if success is defined and success %}
      <div class="alert alert-success"><i class="fa fa-check-circle"></i> {{ success }}
        <button type="button" class="close" data-dismiss="alert">&times;</button>
      </div>
      {% endif %}
    </div>
  </div>
  <div class="container-fluid">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3><i class="fa fa-list"></i>{{ quotation_list }}</h>
      </div>
      <div class="panel-body">
        <div class="tab-content">
              <!--Filtering for quotation request -->
              <div class="well">
                <div class="row">
                    <div class="col-sm-4">
                      <div class="form-group">
                        <label for="filter_id">{{ column_id }}</label>
                        <input class="form-control" type="text" id="filter_id" name="filter_id" value="{{ filter_request_id }}" placeholder="{{ column_id }}">
                      </div>
                      <div class="form-group">
                        <label for="filter_name">{{ column_name }}</label>
                        <input class="form-control" type="text" id="filter_name" name="filter_customer" value="{{ filter_customer  }}" placeholder="{{ column_name }}">
                        <input type="hidden" name="filter_customer_id" id="filter_customer_id" value="">
                      </div>
                    </div>
                    <div class="col-sm-4">
                      <div class="form-group">
                        <label class="control-label" for="request_added_from">{{ column_added_from }}</label>
                        <div class="input-group date">
                          <input class="form-control datepicker" type="text" value="{{ filter_added_from }}" name="request_added_from" id="request_added_from" placeholder="{{ column_added_from  }}">
                          <span class="input-group-btn">
                          <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                          </span></div>

                      </div>
                      <div class="form-group">
                        <label for="filter_status">{{ column_status }}</label>
                        <select class="form-control" name="filter_status" id="filter_status">
                          <option></option>
                          <option {% if filter_request_status == 1 %} {{ "selected" }}{% endif %} value="1">{{ text_approved }}</option>
                          <option {% if filter_request_status == 2 %}{{ "selected" }}{% endif %} value="2">{{ text_cancelled }}</option>
                          <option {% if filter_request_status == 3 %}{{ "selected" }}{% endif %} value="3">{{ text_submitted_to_order }}</option>
                          <option {% if filter_request_status == 4 %}{{ "selected" }}{% endif %} value="4">{{ text_under_review }}</option>
                          <option value="5" {% if filter_request_status == 5 %}{{ "selected" }}{% endif %}>{{ text_order_completed }}</option>
                        </select>
                      </div>
                    </div>
                    <div class="col-sm-4">
                      <div class="form-group">
                        <label class="control-label" for="request_added_to">{{ column_added_to }}</label>
                        <div class="input-group date">
                          <input class="form-control datepicker" id="request_added_to" type="text" value="{{ filter_added_to }}" name="request_added_to" placeholder="{{ column_added_to  }}">
                          <span class="input-group-btn">
                          <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                          </span></div>
                      </div>
                      <div class="form-group"><br>
                          <div class="brn btn-group">
                            <button type="button" id="button-filter-request" class="btn btn-primary pull-left"><i class="fa fa-filter"></i> {{ button_filter }}</button>
                            <a href="{{ filter_clear }}" class="btn btn-info pull-left"><i class="fa fa-paint-brush"></i> {{ button_clear }}</a>
                          </div>
                      </div>
                    </div>
                </div>
              </div>
              <!-- Filtering  for quotation request end -->
              <!-- Quotation List  -->
                <form action="{{ deleterequests }}" method="post" id="form-requests" class="table-responsive">
                <table id="quotation_requests" class="table table-striped table-bordered table-hover">
                  <thead>
                    <tr>
                      <th><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);"></th>
                      <th>
                        {% if sort == 'qr.id' %}
                          <a href="{{ sort_id  }}" class="{{ order|lower }}">{{ column_id }}</a>
                        {% else %}
                          <a href="{{ sort_id  }}">{{ column_id }}</a>
                           {% endif %}
                      </th>
                      <th>{% if sort == 'qr.customer_id' %}
                        <a href="{{ sort_customer  }}" class="{{ order|lower }}">{{ column_name }}</a>
                       {% else %}
                         <a href="{{ sort_customer  }}">{{ column_name }}</a>
                       {% endif %}
                      </th>
                      <th>
                        {% if sort == 'num_product' %}
                          <a href="{{ sort_num_product  }}" class="{{ order|lower }}">{{ column_num_product }}</a>
                        {% else %} <a href="{{ sort_num_product  }}">{{ column_num_product }}</a> {% endif %}
                      </th>
                      <th>{% if sort=='qr.quotation_status' %}
                        <a href="{{ sort_status  }}" class="{{ order|lower }}">{{ column_status }}</a>
                        {% else %}
                          <a href="{{ sort_status  }}">{{ column_status }}</a>
                        {% endif %}
                      </th>
                      <th>{% if sort=='requested_total' %}
                        <a href="{{ sort_requested_total  }}" class="{{ order|lower }}">{{ column_request_total }}</a>
                        {% else %}
                          <a href="{{ sort_requested_total  }}">{{ column_request_total }}</a>
                        {% endif %}
                      </th>
                      <th>{% if sort=='qr.added_date' %}
                        <a href="{{ sort_added_date  }}" class="{{ order|lower }}">{{ column_added }}</a>
                      {% else %}
                        <a href="{{ sort_added_date  }}">{{ column_added }}</a>
                        {% endif %}
                      </th>
                      <th>{% if sort=='qr.last_modified' %}
                        <a href="{{ sort_modified  }}" class="{{ order|lower }}">{{ column_modified }}</a>
                       {% else %}
                        <a href="{{ sort_modified  }}">{{ column_modified }}</a>
                      {% endif %}
                      </th>
                      <th class="text-center" colspan="4">{{ column_action }}</a></th>
                    </tr>
                  </thead>
                  <tbody>
                    {% if quotations is defined and quotations %}
                      {% for request in quotations %}
                        <tr>
                          <td>{% if request['id'] in selected %}
                            <input type="checkbox" name="selected[]" value="{{ request['id'] }}" checked="checked" />
                            {% else %}
                            <input type="checkbox" name="selected[]" value="{{ request['id'] }}" />
                            {% endif %}
                          <td>{{ request['id'] }}</td>
                          <td>{{ request['customer_name'] }}</td>
                          <td>{{ request['num_product'] }}</td>
                          <td>{% if request['quotation_status'] == 1 %}
                              {{ text_approved }}
                              {% elseif request['quotation_status'] == 2 %}
                                {{ text_cancelled }}
                              {% elseif request['quotation_status'] == 3 %}
                                {% if request['order_completed'] %}
                                  {{ text_order_completed }}
                                {% else %}
                                  {{ text_submitted_to_order }}
                                {% endif %}
                              {% elseif request['quotation_status'] == 4 %}
                                {{ text_under_review }}
                              {% endif %}
                          </td>
                          <td>{{ request['requested_total'] }}</td>
                          <td>{{ request['added_date'] }}</td>
                          <td>{{ request['last_modified'] }}</td>
                          <td class="text-left">
                            <a href="{{ request['view'] }}" class="btn btn-info" data-toggle="tooltip" title="{{ button_view }}"><i class="fa fa-eye"></i></a>
                          </td>
                          <!-- View Button End -->
                          <!-- Edit Button -->
                          <td>
                          {% if request['quotation_status'] == 4 or  request['quotation_status'] == 2 or request['quotation_status'] == 1 %}
                              <a href="{{ request['edit']  }}" class="btn btn-primary" data-toggle="tooltip" title="{{ button_edit }}"><i class="fa fa-pencil"></i></a>
                            {% else %}
                              <button disabled class="btn btn-primary"><i class="fa fa-pencil" data-toggle="tooltip" title="{{ text_submitted_to_order }}"></i></button>
                            {% endif %}
                          </td>
                          <!-- Edit Button End -->
                          <!-- Approve Button  -->
                          <td class="text-right">
                            {% if request['quotation_status'] == 1 or request['quotation_status'] == 3 %}
                              <button type="button" class="btn btn-success" name="button" disabled><i class="fa fa-thumbs-o-up"></i></button>
                            {% elseif request['quotation_status'] == 4 %} <button class="btn btn-success button_approve" approve="{{ request['approve'] }}" data-toggle="tooltip" title="  {{ button_approve }}"><i class="fa fa-thumbs-o-up"></i></button>
                          {% elseif request['quotation_status'] == 2 %}
                             <button disabled class="btn btn-success" onclick="return false;"><i class="fa fa-thumbs-o-up"></i></button>
                          {% endif %}
                           </td>
                           <!-- Approve Button End -->
                           <!-- Cancel Button -->
                           <td>
                              {% if request['quotation_status'] ==  2 %}
                                <button type="button" disabled class="btn btn-danger" name="button"><i class="fa fa-times"></i></button>
                              {% else %}
                                <button type="button" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-danger button_cancel" qo="{{ request['order_id']  }}" qs="{{ request['store_id']  }}" qc="{{ request['id']  }}" name="button"><i class="fa fa-times"></i></button>
                              {% endif %}
                            </td>
                            <!-- Cancel Button End -->
                        </tr>
                      {% endfor %}
                    {% else %}
                    <tr>
                      <td class="text-center" colspan="9">{{ text_empty_record }}</td>
                    </tr>
                    {% endif %}
                  </tbody>
                </table>
              </form>
              <div class="row">
                <div class="col-sm-6 text-left">{{ pagination }}</div>
                <div class="col-sm-6 text-right">{{ results }}</div>
              </div>
      </div>
    </div>
    <script src="view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
    <link href="view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" media="screen" />
    <script type="text/javascript"><!--
    $('.date').datetimepicker({
    	pickTime: false,
      format: 'YYYY-MM-DD',
    });
    //--></script>
  </div>
  <script type="text/javascript">
  $('#quotation-delete').on('click', function() {
    var check = false;
    $('tbody input:checkbox').each(function() {
      if ($(this).prop('checked') == true) {
        check = true;
      }
    });
    if (check) {
      if (confirm('{{ text_confirm }}')) {
        $('#form-requests').submit();
      } else {
        return false;
      }
    } else {
      alert('{{ text_select }}');
    }

  });

  // Cancellation
  $('.button_cancel').on('click', function(){
    $(this).button('loading');
    var order_id = $(this).attr('qo');
    if (order_id) {
      var store_id = $(this).attr('qs');
      $.ajax({
        url: '{{ catalog }}index.php?route=api/order/history&user_token={{ user_token }}&store_id= ' + store_id + ' =&order_id=' + order_id,
        type: 'post',
        dataType: 'json',
        data: {order_status_id:7,notify:1,comment:'{{ text_quotation_cancel }}'},
        beforeSend: function() {
          $('#button-cancel').button('loading');
        },
        complete: function() {
          $('#button-cancel').button('reset');
        },
        success: function(json) {
          if (json) {
            console.log(json);
          }
        }
      });
    }

    var qc = $(this).attr('qc');
    $.ajax({
      url:'index.php?route=quotemanager/quotations/cancel&user_token={{ user_token }}',
      type:'post',
      dataType:'json',
      data:{qc:qc},
      success:function(response){
        if(response['success']=='success'){
          location.reload();
        }
      }
    });
  });

    $('#quotationDanger').attr("onclick","confirm('{{ text_confirm }}') ? $('#form-requests').submit() : false");
    $('.button_approve').on('click', function(e){
      e.preventDefault();
      var url = $(this).attr('approve');
      $('#modal-quotation-approve').modal('show');
      $('#btn_yes_approve').on('click', function(){
        location = url;
      });
    });

// Filter Quotation
$('#button-filter-request').on('click', function() {
  var url = 'index.php?route=quotemanager/quotations&user_token={{ user_token }}';
  var request_id = $('input[name=\'filter_id\']').val();
  var filter_customer_id = $('input[name=\'filter_customer_id\']').val();
  var filter_total = $('input[name=\'filter_total\']').val();
  var request_status = $('select[name=\'filter_status\'] option:selected').val();
  var added_from = $('input[name=\'request_added_from\']').val();
  var added_to = $('input[name=\'request_added_to\']').val();
  var filter_num_product = $('input[name=\'filter_num_product\']').val();
  if(request_id){
    url += '&filter_request_id=' + encodeURIComponent(request_id);
  }

  if(filter_customer_id){
    url += '&filter_customer_id=' + encodeURIComponent(filter_customer_id);
  }

  if(filter_num_product){
    url += '&filter_num_product=' + encodeURIComponent(filter_num_product);
  }

  if(request_status){
    url += '&filter_request_status=' + encodeURIComponent(request_status);
  }

  if(added_from){
    url += '&filter_added_from=' + encodeURIComponent(added_from);
  }
  if(added_to){
    url += '&filter_added_to=' + encodeURIComponent(added_to);
  }
  location = url;
});


  $('input[name=\'filter_customer\']').autocomplete({
    'source': function(request, response) {
  		$.ajax({
  			url: 'index.php?route=quotemanager/customers/filtercustomer&user_token={{ user_token }}&filter_customer=' +  encodeURIComponent(request),
  			dataType: 'json',
  			success: function(json) {
  				response($.map(json, function(item) {
  					return {
  						label: item['email_name'],
  						value: item['customer_id'],
              name: item['name']
  					}
  				}));
  			}
  		});
  	},
  	'select': function(item) {
  		$('input[name=\'filter_customer\']').val(item['name']);
      $('#filter_customer_id').val(item['value']);
  	}
    });
  </script>
</div>
<div class="modal fade" id="modal-quotation-approve" role="dialog" tabindex="-1">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h3 class="modal-title">{{ button_approve  }}</h3>
      </div>
      <div class="modal-body">
        <div class="container-fluid">
          <p style="font-size:16px;">{{ text_confirm_approve }}</p>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" name="button" id="btn_yes_approve" data-dismiss="modal">{{ text_yes }}</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">{{ text_no }}</button>
      </div>
    </div>

  </div>
</div>
</div>
{{ footer }}