{% include 'mfire/include/header.html' %}
   {% include 'mfire/include/topbar.html' %}
    {% include 'mfire/include/sidebar.html' %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">

            <div class="row mb-2">
                <div class="col-sm-6">
                     <h1>{% if prod %} Update {% else %}Create {% endif %} Product</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="/mfire/dashboard/">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="#">Product</a></li>
                        <li class="breadcrumb-item active">Create</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card">
            <!--<div class="card-header">-->
            <!--    <h3 class="card-title">Create Advertiser</h3>-->
            <!--    <div class="card-tools">-->
            <!--        <a href="/user/advertiser/advertiser_create/" class="btn btn-sm btn-primary"><i class="fas fa-long-arrow-alt-left"></i> Go Back</a>-->
            <!--    </div>-->
            <!--</div>-->
            <div class="card-body">

                <div class="row">
                    <div class="col-md-12">
                        {% if prod %}
                         <form method="post" action="/mfire/update_new_product/" enctype="multipart/form-data">
                            {% csrf_token %}

                            <div class="form-row">

                                <div class="form-group col-md-4">
                                    <label for="first_name" class="">Product Name</label>
                                    <input type="text" name="pname" id="first_name" class="form-control" value="{{prod.pname}}" required>
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="type" class="">Product Type</label>
                                    <input type="text" name="type" id="type" class="form-control" value="{{prod.type}}" required>
                                </div>
                                
                                <div class="form-group col-md-4">
                                    <label for="image" class="">Product Image</label>
                                    <input type="file" name="image" id="image" class="form-control">
                                </div>
                                
                                 {% if prod.image %}
                                    <div class="form-group col-md-4">
                                        <img src="{{prod.image.url}}" width="100px" />
                                    </div>
                                {% endif %}

                            </div>
                                     <input type="hidden" name="pid" value="{{prod.id}}" class="form-control" required>
                            {% if prod.image %} <input type="hidden" name="oldimg" value="{{prod.image}}" class="form-control" required>{% endif %}
                            

                            <button type="submit" class="btn btn-primary">Update</button>
                            <p id="msgp"></p>

                        </form>
                        {% else %}
                        <form method="post" action="/mfire/add_new_product/" enctype="multipart/form-data">
                            {% csrf_token %}

                            <div class="form-row">
                                <div class="form-group col-md-4">
                                    <label for="first_name" class="">Product Name</label>
                                    <input type="text" name="pname" id="first_name" class="form-control" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="type" class="">Product Type</label>
                                    <input type="text" name="type" id="type" class="form-control" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="image" class="">Product Image</label>
                                    <input type="file" name="image" id="image" class="form-control" required>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary">Create</button>

                        </form>
                        {% endif %}
                    </div>
                </div>

            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

{% include 'mfire/include/footer.html' %}