{% load static %}
{% include 'dashboard/admin_dashboard/header.html' %}
{% include 'dashboard/admin_dashboard/body.html' %}
<!-- Right side column. Contains the navbar and content of the page -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div style="padding: 10px;">
      {% if messages %}
          {% for message in messages %}
          <div class="alert {% if 'success' in message.tags %}alert-success{% elif 'danger' in message.tags %}alert-danger{% endif %}" role="alert" id="success-alert">
  <!--                            <div class="alert alert-success" role="alert" id="success-alert">-->
              {{message}}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
              </button>
          </div>
          {% endfor %}
      {% endif %}
    </div>
    <section class="content-header text-center">
      <h1>
        Update  Setting
        <small>Control panel</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Update  Setting</li>
      </ol>
    </section>
    <section class="content">
    <!-- Small boxes (Stat box) -->
        <div class="row">
            <div class="col-lg-6 col-lg-offset-3">
                <!-- general form elements -->
                <div class="box box-primary">
                  <div class="box-header">
                    <h3 class="box-title">Update Setting</h3>
                  </div><!-- /.box-header -->
                  <!-- form start -->
                  <form role="form" method="POST" enctype="multipart/form-data" action="">
                    {% csrf_token %}
                    <div class="box-body">
                        
                        
                        <div class="form-group">
                            {% if setting.image %}
                                <img src="{% static 'website_setting/logo/' %}{{ setting.image.url }}" alt="Current Logo" style="max-width: 200px;">
                            {% endif %}
                            <br>
                            <label for="image">Image (PNG, JPG, JPEG):</label>
                            <input type="file" name="image" accept=".png, .jpg, .jpeg" class="form-control" >
      <!--                      <p class="help-block">Example block-level help text here.</p>-->
                        </div> 
                        
                        
                         <div class="form-group">
                            {% if setting.favicon %}
                                <img src="{% static 'website_setting/favicon/' %}{{ setting.favicon.url }}" alt="Current Logo" style="max-width: 200px;">
                            {% endif %}
                            <br>
                            <label for="favicon">Favicon (ICO):</label>
                            <input type="file" name="favicon" accept=".ico" class="form-control" >
      <!--                      <p class="help-block">Example block-level help text here.</p>-->
                        </div> 
                
                        <div class="form-group">
                            <label for="website_company_domaines">Company Domain:</label>
                            <input type="text" name="website_company_domaines" value="{{ setting.company_domain }}" class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label for="website_name">Website Name:</label>
                            <input type="text" name="website_name" value="{{ setting.website_name }}" class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="website_link">Website Link:</label>
                            <input type="url" name="website_link" class="form-control" value="{{ setting.website_link }}" required>
                        </div>

                        <div class="form-group">
                            <label for="copyright">Copyright:</label>
                            <input type="text" name="copyright" class="form-control" value="{{ setting.copyright }}" required>
                        </div>

                        <div class="form-group">
                            <label for="w_email">SMTP Host:</label>
                            <input type="text" name="smtp_host" class="form-control" value="{{ setting.smtp_host }}" required>
                        </div>

                        <div class="form-group">
                            <label for="w_user">SMTP User:</label>
                            <input type="text" name="smtp_user" class="form-control" value="{{ setting.smtp_user }}" required>
                        </div>

                        <div class="form-group">
                            <label for="w_password">SMTP Password:</label>
                            <input type="password" name="smtp_password" class="form-control" value="{{ setting.smtp_password }}" required>
                        </div>

                        <div class="form-group">
                            <label for="w_from_name">From Name:</label>
                            <input type="text" name="w_from_name" class="form-control" value="{{ setting.from_name }}" required>
                        </div>

                        <div class="form-group">
                            <label for="w_from_email">From Email:</label>
                            <input type="text" name="w_from_email" class="form-control" value="{{ setting.from_email }}" required>
                        </div>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="whatsapp_notification" role="switch" id="flexSwitchCheckChecked" {% if setting.whatsapp_notification == 1 %}checked{% endif %}>
                            <label class="form-check-label" for="flexSwitchCheckChecked">Whatsapp notification</label>
                        </div>

                    </div>
                    {% if setting.whatsapp_notification == 1 %}
                        <div class="row" style="margin-top: 20px;">
                            <div class="col-lg-4">
                                <div class="small-box bg-primary text-white">
                                    <div class="inner">
                                        <h3>{{ total_messages }}</h3>
                                        <p class="text-light">Total WhatsApp Messages</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-whatsapp"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="small-box bg-info text-white">
                                    <div class="inner">
                                        <h3>{{ message_count }}</h3>
                                        <p class="text-light">Messages Sent</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-paper-plane-o"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="small-box bg-success text-white">
                                    <div class="inner">
                                        <h3>{{ remaining_messages }}</h3>
                                        <p class="text-light">Remaining Message Limit</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-envelope-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}


                    <div class="box-footer">
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                  </form>
                </div><!-- /.box -->


              </div>
            </div>   <!-- /.row -->
        </div>
    </section>
</div>
{% include 'dashboard/visitors_dashboard/footer.html' %}