{% load static %}
{% include 'includes/header.html' %}
{% include 'includes/store_sidebar.html' %}
{% include 'includes/navbar.html' %}
   
                            
                                    
<div class="container-xxl flex-grow-1 container-p-y">

    <!-- Breadcrumb -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="mb-0">Store</h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="/store/dashboard">Dashboard</a></li>
                <li class="breadcrumb-item active" aria-current="page">Store Information</li>
            </ol>
        </nav>
    </div>

    <div class="row">
        <!-- FormValidation -->
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form id="edit_form" class="row g-6 pt-5">
                        {% csrf_token %}  
                       
					   <!--<div class="col-md-12 form-control-validation">
                            
                            <input class="form-check-input " type="checkbox" id="edit_is_ho" name="is_ho" disabled  style="height: 20px; width: 20px;" >
                            
                            <label class="form-check-label ms-2" for="is_ho" >Is Head Office</label>
                        </div>-->


                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="name">Established On</label>
                            <input  type="date"  id="edit_established"  class="form-control" name="established"   readonly  required/>
                        </div> 

                        <!-- <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="name">Head Store </label>
                            <select class="select2  form-control" id="edit_store_id" name="store_id" >
                                <option value="">Select</option>
                                {% for k in branch %}
                                <option value="{{k.id}}">{{k.name}}</option>
                                {% endfor %}
                            </select>
                        </div> -->
                    
                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="name">Store Name <span style="color: red;">*</span></label>
                            <input  type="text"  id="edit_name"  class="form-control" name="name"   readonly  required/>
                        </div>

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="code">Store Code</label>
                            <input  type="text" id="edit_branch_code"  class="form-control" name="branch_code"  readonly required/>
                        </div>

                        

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="name">Prefix </label>
                            <input  type="text"  id="edit_prefix"  class="form-control" name="prefix"   />
                        </div>
                        
                        {%  if request.session.is_ho == 0 %}
                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="name">Bank </label>
                            <select class="select2  form-control" id="bank_id" name="bank_id" >
                                {% for k in bank %}
                                <option value="{{k.id}}">{{k.name}}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="name">Bank Opening (₹) </label>
                            <input  type="text"  id="edit_bank_opening"  class="form-control" name="bank_opening"  step="0.01" />
                        </div>
                         {% endif %}


                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="name">Capital (₹) </label>
                            <input  type="text"  id="edit_captial"  class="form-control" name="captial"  step="0.01" readonly />
                        </div>


                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="email">Email <span style="color: red;">*</span></label>
                            <input  type="email" id="edit_email"   class="form-control email-validate"  name="email"  readonly/>
                            <div class="invalid-feedback">Please enter a valid email address.</div>
                        </div>

                       

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="city">City</label>
                            <input  type="text" id="edit_city"  class="form-control" name="city" readonly />
                        </div>


                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="state">State</label>
                            <input  type="text" id="edit_state"  class="form-control" name="state"  readonly/>
                        </div>

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="pincode">Pincode</label>
                            <input  type="number" id="edit_pincode"  class="form-control" name="pincode" readonly/>
                        </div>

                       
                        
                       

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="cp_email">Store Incharge</label>
                            <select class="select2  form-control" id="edit_incharge_id" name="incharge_id" >
                                <option value="">Select</option>
                                {% for k in employee %}
                                <option value="{{k.id}}">{{k.name}}</option>
                                {% endfor %}
                            </select>
                        </div>

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="cp_name">Contact Person</label>
                            <input  type="text" id="edit_person"  class="form-control" name="person" />
                        </div>

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="cp_mobile">Phone</label>
                            <input class="form-control" type="tel" id="edit_phone" name="phone"
                                maxlength="10" pattern="\d{10}" title="Enter a 10-digit mobile number" required>
                        </div>


                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="address1">Address Line1</label>
                            <textarea class="form-control" id="address1" name="address1"></textarea>
                        </div>

                        <div class="col-md-6 form-control-validation">
                            <label class="form-label" for="address2">Address Line 2</label>
                            <textarea class="form-control" id="address2" name="address2"></textarea>
                        </div>
                    

                      

                      
                        <div class="col-12 d-flex justify-content-end form-control-validation">
                            <input type="hidden" id="company_id" name="id" value="{{company.id}}">
                            <button type="button" name="submitButton" class="btn btn-primary" onclick="history.back()">Back</button>&nbsp; &nbsp;
                            <button type="submit" name="submitButton" class="btn btn-success" id="updateBtn">Update</button> 
                        </div>
                    </form>
                </div>
            </div>

           
            </div>   

        </div>
    </div>



</div>



{% include 'includes/footer.html' %}
{% include 'includes/common_js.html' %}
<script>

    $(document).ready(function () {

        safeValue('#edit_established', '{{ company.established_date|escapejs }}');      
        safeSelectValue('#edit_store_id', '{{ company.ho_branch_id|escapejs }}');
        safeValue('#edit_name', '{{ company.name|escapejs }}');      
        safeValue('#edit_captial', '{{ company.captial|escapejs }}');      
        safeValue('#edit_branch_code', '{{ company.branch_code|escapejs }}');      
        safeValue('#edit_prefix', '{{ company.prefix|escapejs }}');      
        safeValue('#edit_email', '{{ company.email|escapejs }}');      
        safeValue('#edit_city', '{{ company.city|escapejs }}');      
        safeValue('#edit_state', '{{ company.state|escapejs }}');      
        safeValue('#edit_pincode', '{{ company.pincode|escapejs }}');      
        safeValue('#edit_person', '{{ company.contact_person|escapejs }}');      
        safeValue('#edit_phone', '{{ company.phone|escapejs }}');      
        safeValue('#address1', '{{ company.address_line1|escapejs }}');      
        safeValue('#address2', '{{ company.address_line2|escapejs }}');  
        safeSelectValue('#edit_incharge_id', '{{ company.branch_incharge_id|escapejs }}');
        safeSelectValue('#edit_bank_id', '{{ company.bank_id|escapejs }}');
        safeValue('#edit_bank_opening', '{{ company.bank_opening|escapejs }}');
        $('#edit_is_ho').prop('checked', '{{company.is_ho}}' == 1);


        validateEmailInput('.email-validate');

    });

        

   


    $("#edit_form").submit(function (e) {
        event.preventDefault();
        
        var formData = new FormData(this);

        $.ajax({
            type: 'POST',
            url: '/store_update/',
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'X-CSRFToken': getCSRFToken()  
            },
            success: function(response) {
                if (response.message === 'success') {
                    showToast('success', 'Stores Details updated successfully!');
                }
                else if (response.message === 'permission' && response.error_message)  {
                    showSweetAlert('warning', response.error_message);
                } 
                else {
                    showToast('error', 'Failed to update company details.');
                }
            },
            error: function(xhr, errmsg, err) {
                console.log(xhr.status + ": " + xhr.responseText);
            }
        });
    });



</script>