{% extends 'supplier-panel/supplier-base.html' %}
{%load static%}

{%block section %}

<section class="content-main">
    <div class="content-header">
        <h2 class="content-title">Profile setting</h2>
        
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row gx-5">
                <aside class="col-lg-3 border-end">
                    <nav class="nav nav-pills flex-lg-column mb-4">
                        <a class="nav-link active" aria-current="page" href="{% url 'supplier_dashboard:bank-info' %}">Bank information </a>
                        <a class="nav-link" href="{% url 'supplier_dashboard:social-links' %}">Social Links</a>
                    
                    </nav>
                </aside>
                <div class="col-lg-9">
                    {% if messages %}
                    {% for message in messages %}
      
                    <div    class="alert align-middle alert-{{message.tags}}">
                       
                        <span class="align-middle"> {{message}}</span>
                    </div>
      
                    {% endfor %}
                    {% endif %}
                    <section class="content-body p-xl-4">
                        <form action="{% url 'supplier_dashboard:bank-info' %}" method="post">
                            {% csrf_token %}
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="row gx-3">
                                        <div class="col-12 mb-3">
                                            <label class="form-label">Bank Name</label>
                                            <input class="form-control" name="bank_name" {% if bank_info_obj %} value="{{bank_info_obj.bank_name}}" {%endif%} type="text" placeholder="Bank Name" required/>
                                        </div>
                                        <!-- col .// -->
                                        <div class="col-12 mb-3">
                                            <label class="form-label">Account Number</label>
                                            <input class="form-control" type="text" name="account_number" {% if bank_info_obj %} value="{{bank_info_obj.account_number}}" {%endif%} placeholder="Account Number" required/>
                                        </div>
                                        <!-- col .// -->
                                        <div class="col-lg-12 mb-3">
                                            <label class="form-label">Swift Code</label>
                                            <input class="form-control" type="text" {% if bank_info_obj %} value="{{bank_info_obj.swift_code}}" {%endif%} name="swift_code" placeholder="Swift Code" required/>
                                        </div>
                                        <!-- col .// -->
                                        <div class="col-lg-12 mb-3">
                                            <label class="form-label">Account Holder Name</label>
                                            <input class="form-control" type="text" name="account_name" {% if bank_info_obj %} value="{{bank_info_obj.account_name}}" {%endif%} placeholder="Account Name" required/>
                                        </div>
                                        <!-- col .// -->
                                        <div class="col-lg-12 mb-3">
                                            <label class="form-label">Country</label>
                                            <input class="form-control" type="text" name="country" {% if bank_info_obj %} value="{{bank_info_obj.country}}" {%endif%} placeholder="Country" required/>
                                        </div>
                                        <!-- col .// -->
                                        <div class="col-lg-12 mb-3">
                                            <label class="form-label">PayPal Email</label>
                                            <input class="form-control" type="email" name="paypal_email" {% if bank_info_obj %} value="{{bank_info_obj.paypal_email}}" {%endif%} placeholder="example@mail.com" required/>
                                        </div>
                                        <!-- col .// -->
                                        <div class="col-lg-12 mb-3">
                                            <label class="form-label">Description</label>
                                            <textarea type="text" class="form-control" name="description"  placeholder="Description" name="bank_info[description]" rows="4">{% if bank_info_obj %} {{bank_info_obj.description}}{%endif%}</textarea>
                                        </div>
                                        <!-- col .// -->
                                    </div>
                                    <!-- row.// -->
                                </div>
                                <!-- col.// -->
                                <!-- <aside class="col-lg-4">
                                    <figure class="text-lg-center">
                                        <img class="img-lg mb-3 img-avatar" src="{% static 'assets-supplier/imgs/people/avatar-1.png'%}" alt="User Photo" />
                                        <figcaption>
                                            <a class="btn btn-light rounded font-md" href="#"> <i class="icons material-icons md-backup font-md"></i> Upload </a>
                                        </figcaption>
                                    </figure>
                                </aside> -->
                                <!-- col.// -->
                            </div>
                            <!-- row.// -->
                            <br />
                            <button class="btn btn-primary" type="submit">Save changes</button>
                        </form>
                        <hr class="my-5" />
                        <div class="row" style="max-width: 920px">
                            <div class="col-md">
                                <article class="box mb-3 bg-light">
                                    <a class="btn float-end btn-light btn-sm rounded font-md" href="{% url 'accounts:change_password' %}">Change</a>
                                    <h6>Password</h6>
                                    <small class="text-muted d-block" style="width: 70%">You can reset or change your password by clicking here</small>
                                </article>
                            </div>
                            <!-- col.// -->
                            <div class="col-md">
                                <article class="box mb-3 bg-light">
                                    <a class="btn float-end btn-light rounded btn-sm font-md" href="{% url 'accounts:account_details'%}">Edit</a>
                                    <h6>Account Details</h6>
                                    <small class="text-muted d-block" style="width: 70%">manage your account details by clicking here.</small>
                                </article>
                            </div>
                            <!-- col.// -->
                        </div>
                        <!-- row.// -->
                    </section>
                    <!-- content-body .// -->
                </div>
                <!-- col.// -->
            </div>
            <!-- row.// -->
        </div>
        <!-- card body end// -->
    </div>
    <!-- card end// -->
</section>

{%endblock section%}

{%block script%} 
{%endblock script%}