{% extends "pos/base.html" %}
{% load static %}

{% block title %}
  {% if food_app %}Edit Food App{% else %}Add Food App{% endif %}
{% endblock %}

{% block heading %}
  {% if food_app %}Edit Food App{% else %}Add Food App{% endif %}
{% endblock %}

{% block content %}
<div class="container-fluid mt-3">

  <div class="card" style="max-width: 620px;">
    <div class="card-header">
      <h5 class="mb-0">
        {% if food_app %}Edit Food App{% else %}Add Food App{% endif %}
      </h5>
      <small class="text-muted">
        Food apps are saved in sale areas with FOOD_APP type.
      </small>
    </div>

    <form method="post">
      {% csrf_token %}

      <div class="card-body">
        <div class="form-group">
          <label>Food App Name</label>
          <input
            type="text"
            name="area_name"
            value="{{ area_name|default:'' }}"
            class="form-control"
            placeholder="Example: Foodpanda, Careem, Website"
            required
          >
        </div>
      </div>

      <div class="card-footer d-flex justify-content-between">
        <a href="{% url 'hotel:restaurant:food_app_list' %}" class="btn btn-secondary">
          Back
        </a>

        <button type="submit" class="btn btn-primary">
          {% if food_app %}Update Food App{% else %}Save Food App{% endif %}
        </button>
      </div>
    </form>
  </div>

</div>
{% endblock %}