{% extends "layouts/base.html" %}

{% load static %} 

{% block title %} Edit Advertiser {% endblock %}

{% block extra_css %}
{% endblock extra_css %}

{% block breadcrumb %}
<div class="page-header">
    <h1 class="page-title"> Edit Advertiser </h1>
    <div>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'core:dashboard' %}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0);">Advertiser</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit</li>
        </ol>
    </div>
</div>
{% endblock %}
 

{% block content %}   
<div class="row">
	<div class="col-12 col-sm-12">
		<form method="post" action="{% url 'update_advertiser' id_brand=brand.id_brand %}" enctype="multipart/form-data">
			{% csrf_token %}


		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Info About The Advertiser</h3>
			</div>
			<div class="card-body pb-2">
				<div class="row row-sm">
					<div class="col-lg">
						<label class="form-label">Name : {{ brand.brand_name }}</label>
						<input class="form-control mb-4" placeholder="Brand or Advertiser's Name" name="advertiser_name" value="{{ brand.brand_name }}" type="text">
					</div>
					<div class="col-lg">
						<label class="form-label">Category : {{ brand.category }}</label>
						<input class="form-control mb-4" placeholder="" name="category" value="{{ brand.category }}" type="text">
					</div>
					<div class="col-lg">
						<label class="form-label">Status :
							{% if brand.status == '1' %}
									Active
							{% else %}
									InActive
							{% endif %}
						</label>
						<select class="form-control select2-show-search form-select mb-4" name="active_0_1" data-placeholder="Choose one">
							{% if brand.status == '1' %}
								<option value="1">Active</option>
								<option value="0">InActive</option>
							{% else %}
								<option value="0">InActive</option>
								<option value="1">Active</option>
							{% endif %}
						</select>
					</div>


<div class="col-md-12">
<label class="form-label">Description (Optional)</label>

<textarea name="advertiser_desc" class="form-control" rows="3" spellcheck="false" data-gramm="false"> {{ brand.description }} </textarea>
</div>


				</div>

			</div>
		</div>

			<div class="card">

			<div class="card-header">
				<h3 class="card-title">Logo Upload (.png)</h3>
			</div>
			<div class=" card-body row">
				<div class="col-md-3">
					<img style="max-width:100px; max-height:100px;" src="/{{ brand.logo }} " alt="">
					</div>
					<div class="col-md-9">

				<div class="input-group mb-5 file-browser">
					<input type="text" class="form-control browse-file" placeholder="Choose" readonly>
					<label class="input-group-text btn btn-primary">
						Browse <input type="file" class="file-browserinput" name="advertiser_logo" style="display: none;" accept=".png">
					</label>
				</div>
				<br>
				<br>

			</div>

			</div>


			</div>


													<button type="submit" style="width:100px; text-align:center; right:0;" class="btn btn-primary" name="button">Submit</button>


		</form>


	</div><!-- COL END -->
</div> 
{% endblock content %}