Elep

{% extends 'base1.html.twig' %}

{% block stylesheet %}
  <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />

.select2-container .select2-selection--single {
      height: inherit;
    }
  </style>
  
{% endblock %}

{% block content %}
  <div class="content">
      <div class="container-fluid">
          <div class="row">
              <div class="col-md-12">
                  <div class="card">
                      <div class="header">
                          <h4 class="title">Edit Release Order</h4>
                      </div>
                      <div class="content">
                                <form action="{{ path('editRelease', {'id': release.id}) }}" method="post" onsubmit="return checkForm(this);" name="releaseForm">
                                    
                                    <div class="forms">
                                        <div class="form-group">
                                           <label for="customer"><h4>Cargo:</h4></label>
                                           <select class="form-control select2" name="cargo" required>
                                            <option value="">Select Cargo</option>
                                            {% for item in cargo %}
                                              <option {{ release.cargo.id == item.id ? 'selected' : ''}} value="{{ item.id }}">{{ item.cargoname }}</option>
                                            {% endfor %}
                                           </select>
                                        </div>
                                        <div class="form-group">
                                           <label for="customer"><h4>Customer:</h4></label>
                                           <input  class="form-control" type="text" id="customer" name="customer" value="{{ release.customer }}" />
                                        </div>
                                         <div class="form-group">
                                           <label for="quantity"><h4>Quantity:</h4></label>
                                           <input  class="form-control" type="text" id="quantity" name="quantity" value="{{ release.quantity }}" />
                                         </div>
                                         <div class="form-group">
                                           <label for="date"><h4>Date:</h4></label>
                                           <input  class="form-control" type="text" id="date" name="date" value="{{ release.date }}" />
                                         </div>
                                         {# <div class="form-group">
                                           <label for="depot"><h4>Depot:</h4></label>
                                           <input  class="form-control" type="text" id="depot" name="depot" value="{{ release.depot }}" />
                                         </div> #}
                                         <div class="form-group">
                                          <label for="depot">
                                            <h4>Depot</h4>
                                          </label>
                                          <select name="depot" id="depot" class="form-control select2">
                                            <option value="">Select Depot</option>
                                            {% for item in depots %}
                                              <option {{ release.depot ? release.depot.id == item.id ? 'selected' : '' : ''}} value="{{ item.id }}">{{ item.name }}</option>
                                            {% endfor %}
                                         </select>
                                         </div>
                                         <div class="form-group">
                                           <label for="bank"><h4>Bank:</h4></label>
                                           <input  class="form-control" type="text" id="bank" name="bank" value="{{ release.bank }}" />
                                         </div>

</div>
      </div>
  </div>
  
{% endblock %}

{% block javascript %}
  {{ parent() }}
  
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
<script>
  $('.select2').select2();
</script>
  
{% endblock %}