{% extends "account_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
<title>Files Update </title>
{% endblock title %}

{% block Style %}
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/sweetalert2@10.10.1/dist/sweetalert2.min.css'>
 <style>

</style>

{% endblock Style %}

{% block MainContent %}
<div class="contents">
<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
  {% csrf_token %}
  <div class="accordion-item">
      <div class="card">
        <div class="card-header">
          <h5 class="mb-0 fw-bold"> 
            Files Update
          </h5>
        </div>
        <div class="card-body">
          <div class="row">

            <div class="col-md-4">
              {{form.name|as_crispy_field}}
            </div>
            <div class="col-md-4">
                {{form.value|as_crispy_field}}
            </div>
            <div class="col-md-4">
                {{form.lc_sales_contract|as_crispy_field}}
            </div>
          </div>
          <div class="row">

            <div class="col-md-6">
              {{form.finance_company|as_crispy_field}}
            </div>
            <div class="col-md-6">
              {{form.account_team|as_crispy_field}}
            </div>
          </div>
        </div> 
   
      </div>
  
      <div class="row" style="margin-top: 10px;margin-bottom: 8px;">
        <div class="col-md-12" style="text-align: center;" >
            <button type="submit" class="cus-btn" >Submit</button>
        </div>
    </div>
</div>
</form>

{% endblock MainContent %}
{% block meassage %}      
{% endblock meassage %}
{% block JS %}
<script>
    $(document).ready(function() {
  $("#id_finance_company").select2({
      
  });
});

$(document).ready(function() {
  $("#id_budget_name").select2({
      
  });
});

$(document).ready(function() {
  $("#id_account_team").select2({
      
  });
});
</script>
{% endblock JS %}