{% extends "layout/base.html.twig" %}
{% block content %}
    <div class="page-header container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h4 class="mt-0 mb-5">Profile</h4>
                <ol class="breadcrumb mb-0">
                    <li><a href="{{ path("app_home") }}"><i class="ti-home mr-5"></i>Home</a></li>
                    <li><a href="#"><i class="zmdi zmdi-case mr-5"></i>Profile</a></li>
                </ol>
            </div>
        </div>
    </div>
   {% for message in app.flashes('success') %}
            <div class="alert alert-success">
                {{ message }}
            </div>
        {% endfor %}
    <form method="post" enctype="multipart/form-data">
                     <div class="row">
                        <div class="col-md-6 panel panel-default">
                           <div class="title_left panel-heading">
                              <h3>Bank Account</h3>
                           </div>
                           <div class="panel-body">
                           <div class="form-group">
                              <label for="productName">Full Name on Account</label> 
                              <input class="form-control" type="text" name="fullName" value="{{ index.fullName }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Bank Name</label>
                              <input class="form-control" type="text" name="bankName" value="{{ index.bankName }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Bank Address</label> 
                              <input class="form-control" type="text" name="bankAdress" value="{{ index.bankAdress }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Bank Address 2</label> 
                              <input class="form-control" type="text" name="bankAdress2" value="{{ index.bankAdress2 }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Bank City</label> 
                              <input class="form-control" type="text" name="bankCity" value="{{ index.bankCity }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Bank Province</label> 
                              <input class="form-control" type="text" name="bankProvince" value="{{ index.bankProvince }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Zip</label> 
                              <input class="form-control" type="Number" name="bankZip" value="{{ index.bankZip }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Country</label> 
                              <input class="form-control" type="text" name="bankCountry" value="{{ index.bankCountry }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">IBAN </label> 
                              <input class="form-control" type="text" name="iban" value="{{ index.iban }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">SWIFT </label> 
                              <input class="form-control" type="text" name="swift" value="{{ index.swift }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Tax ID (Optional) </label> 
                              <input class="form-control" type="text" name="taxId" value="{{ index.taxId }}">
                           </div>
                           <div class="form-group">
                              <label for="productName">Tax Form (Optional) </label> 
                              <input class="form-control" type="text" name="taxForm" value="{{ index.taxForm }}">
                           </div>
                           <button type='submit' style="width:100%" class="btn btn-light">Confirm Changements</button>
                         </div>
                        </div>
                        <div class="col-md-6 panel panel-default">
                           <div class="title_left panel-heading" >
                              <h3>Institution Profile</h3>
                           </div>
                           <div class="panel-body">
                           <div class="form-group">
                              <label for="productName">Institution Name </label> 
                              <input class="form-control" type="text" name="institutionName" value="{{ index.institutionName }}" required>
                           </div>
                           <div class="form-group">
                              <label for="productName">Primary Image </label> 
                              <input id="thumb" type="file" name="thumbail" data-buttontext="Choose image" data-buttonname="btn-outline btn-primary" data-iconname="ti-image" data-rule-accept="image/*" class="filestyle">
                           <span class="name_photo">{% if index.photos[0].path is defined %} {{ index.photos[0].path }}{% endif %}</span>
                           </div>
                           <div class="form-group">
                              <label for="productName">Description </label> 
                              <textarea  name="description" class="form-control">{{ index.description }}</textarea>
                           </div>
                           <div class="form-group">
                              <label for="productName">Slider Image 1</label> 
                              <input id="image1" type="file" name="image[]" data-buttontext="Choose image" data-buttonname="btn-outline btn-primary" data-iconname="ti-image" data-rule-accept="image/*" class="filestyle">
                           <span class="name_photo">{% if index.photos[1].path is defined %} {{ index.photos[1].path }}{% endif %}</span>
                           </div>
                           <div class="form-group">
                              <label for="productName">Slider Image 2</label> 
                              <input id="image2" type="file" name="image[]" data-buttontext="Choose image" data-buttonname="btn-outline btn-primary" data-iconname="ti-image" data-rule-accept="image/*" class="filestyle">
                           <span class="name_photo">{% if index.photos[2].path is defined %} {{ index.photos[2].path }}{% endif %}</span>
                           </div>
                           <div class="form-group">
                              <label for="productName">Slider Image 3</label> 
                              <input id="image3" type="file" name="image[]" data-buttontext="Choose image" data-buttonname="btn-outline btn-primary" data-iconname="ti-image" data-rule-accept="image/*" class="filestyle">
                           <span class="name_photo">{% if index.photos[3].path is defined %} {{ index.photos[3].path }}{% endif %}</span>
                           </div>
                           <button type='submit' style="width:100%" class="btn btn-light">Confirm Changements</button>
                        </div></div>
                     </div>
                     <div class="row">
         <div class="col-md-12 col-sm-12">
            <div class="x_panel">
               <div class="x_content">
                   <div class="row">
                     <div class="col-md-6 panel panel-default">
                        <div class="title_left panel-heading">
                           <h3>Contact Info</h3>
                        </div>
                        <div class="panel-body">
                        <div class="form-group">
                           <label for="productName">Company<span
                              class="required">*</span></label>   
                           <input type="text" name="company" class="form-control" value="{{ user.company }}" id="exampleInputPassword1">                    
                        </div>
                        <div class="form-group">
                           <label for="productName">Licence Number</label>
                           <input type="text" name="licenceNumber" class="form-control" value="{{ user.licenceNumber }}" id="exampleInputPassword1"> 
                        </div>
                        <div class="form-group">
                           <label for="productName">First Owner Name</label>
                           <input type="text" name="firstOwnerName" class="form-control" value="{{ user.firstOwnerName }}" id="exampleInputPassword1"> 
                        </div>
                        <div class="form-group">
                           <label for="productName">Other Owner Name</label>       
                           <input type="text" name="otherOwnerName" class="form-control" value="{{ user.otherOwnerName }}" id="exampleInputPassword1">    
                        </div>
                        <div class="form-group">
                           <label for="productName">Phone Number</label>   
                           <input type="text" name="phoneNumber" class="form-control" value="{{ user.phoneNumber }}" id="exampleInputPassword1">    
                        </div>
                        <div class="form-group">
                           <label for="productName">Office Number</label>  
                           <input type="text" name="officeNumber" class="form-control" value="{{ user.officeNumber }}" id="exampleInputPassword1">    
                        </div>
                        <div class="form-group">
                           <label for="productName">City</label>   
                           <input type="text" name="city" class="form-control" value="{{ user.city }}" id="exampleInputPassword1">    
                        </div>
                        <div class="form-group">
                           <label for="productName">Province</label>
                           <input type="text" name="province" class="form-control" value="{{ user.province }}" id="exampleInputPassword1"> 
                        </div>
                        <div class="form-group">
                           <label for="productName">Zip code</label> 
                           <input type="Number" name="zipcode" class="form-control" value="{{ user.zipcode }}" id="exampleInputPassword1">
                        </div>
                        <div class="form-group">
                           <label for="productName">Full Adress</label> 
                           <input type="text" name="fullAdress" class="form-control" value="{{ user.fullAdress }}" id="exampleInputPassword1">
                        </div>
                        <div class="form-group">
                           <div class="col-sm-12">
                              <button type='submit' style="width:100%" class="btn btn-light">Confirm Changements</button>
                           </div>
                        </div>
                       
                      </div></div>
                  
                     <div class="col-md-6 panel panel-default">
                        <div class="title_left  panel-heading">
                           <h3>Login Info</h3>
                        </div>
                        <div class="panel-body">
                        <div class="form-group">
                           <label for="productName">Email<span
                              class="required"></span></label>
                           <input type="email" class="form-control"  name="email" value="{{ user.email }}" aria-describedby="emailHelp">
                        </div>
                        <div class="form-group">
                           <h6>Enter Current password</h6>
                           <input type="password" name="passwordanc" class="form-control"  id="exampleInputPassword1">
                        </div>
                        <div class="form-group">
                           <h6>Enter New password</h6>
                           <input type="password" name="password" class="form-control"  id="exampleInputPassword1">
                        </div>
                        <div class="form-group">
                           <h6>Confirm Current password</h6>
                           <input type="password" name="passwordconfirm" class="form-control"  id="exampleInputPassword1">
                        </div>
                        
                        <button type='submit' style="width:100%" class="btn btn-light">Confirm Changements</button>
                     </div></div>
                  </div>
      
               </div>
            </div>
         </div>
      </div>
      </form>
 

{% endblock content %}